edugui.js sisältö
Oletuksena suoritettavat metodit
$(document).ready(function() { initAll(); }); function initAll(){ initCollapse(); initSelects(); initLeftNavigation(); initTableLevelToggle(); }
Kaikki js:stä löytyvät funktiot ja kuvaukset
initTableLevelToggle()
- käytetään hierarkisessa listassa kun halutaan näyttää / piilottaa rivejä [DEMO]
initTableColumns(elem, table)
- sarakkeiden piilotus javascriptillä (ei suositeltavaa isoissa taulukoissa) [DEMO]
- parametreina
- elementti, jolla lista valintaruutuja
- valintaruuduilla data-attributti index, joka kertoo mitä saraketta toiminta koskee
- taulukon id
- elementti, jolla lista valintaruutuja
initLeftNavigation(parent)
- pystysuuntaisen navigaation (käytössä yleensä vasemmassa reunassa) elementtien toggle
- parametrina voidaan antaa elementti, jonka sisällä navigaatio on (tarvitaan jos navigaatioita monta samassa näytössä > tämä tosin ei suositeltavaa)
- ei pakollinen, silloin initialisoidaan kaikki left-navi-luokan omaavat listat
initCollapse()
- initialisoi Bootstrapin collapsea käyttävät elementit, esimerkiksi suljettava paneeli [DEMO]
initSelects()
- initialisoi select-elementit joilla on luokka select2-e
egdialog(id, url, options)
createModal(content, opts)
- egdialogin käyttämä funktio, joka luo modaalin ikkunan html-rakenteen
addBtnText(btn, options)
- createModalin käyttämä funktio nappien lisäämiseen
showFeedback(opts)
palauteikkunoiden näyttäminen [DEMO]
- parametrina objekti, jolle voidaan antaa seuraavat arvot
Parametrin nimi | Mahdolliset arvot / selite | Oletus |
---|---|---|
type | success/info/warning/error | success |
icon | true/false/vapaavalintainen Font Awesome luokka | true |
iconText | ikonin jälkeen näytettävä lihavoitu teksti | "" |
content | sisältö | "" |
appendEl | elementti, johon ikkuna liitetään | $(".e").first() |
closeInSec | aika sekunteina, jonka jälkeen ikkuna suljetaan | 3 |
closeBtn | true/false | false |
openExisting | true/false, aseta arvoksi true, jos haluat käyttää jo kertaalleen DOMiin luotua tai omaa palauteikkunaa (elementin id:ksi feedback) | false |
closeFeedback(opts)
- palauteikkunoiden sulkeminen
egtip(el, type, opts)
leijukkeen luominen
käyttää Bootstrapin tooltipiä ja popoveria