HTML :: Widget :: Sidebar HTML :: Widget :: Sidebar può creare la barra laterale HTML per una pagina Web.
Scarica ora

HTML :: Widget :: Sidebar Classifica e riepilogo

HTML :: Widget :: Sidebar Tag

modulo Perl perl modulo Widget HTML HTML Sidebar.

HTML :: Widget :: Sidebar Descrizione

HTML :: Widget :: Sidebar può creare la barra laterale HTML per una pagina Web. HTML :: Widget :: Sidebar può creare l'HTML (e possibilmente alcuni JavaScript) per una barra laterale di navigazione o altrimenti attiva (gerarchica) per una pagina Web.Synopsys usa HTML :: Widget :: Sidebar; utilizzare cgi; # O qualcosa di simile. # Stiamo per creare una barra laterale in cui è visibile solo il ramo attivo (cliccato). My $ Tree = HTML :: Widget :: Sidebar-> Nuovo; $ Tree-> Settimeaction; foreach (1..3) {My $ List = $ Tree-> APPEND (valore => "Elenco $ _"); $ List-> APPEND (valore => "AAA $ _", URL => "http: // localhost / $ _"); $ LIST-> APPEND (valore => "BBB $ _"); $ LIST-> APPEND (valore => "CCC $ _"); } $ Tree-> Getsubtree (3) -> impostato; Stampa intestazione, Start_html (-Style => $ Tree-> BuildCSS ($ Tree-> Deepbluecss), -script => $ Tree-> BaseJS); Stampa Iscriviti a "n", $ Tree-> GetHtml (stili => {bar => 'nav', level0 => 'navlink', level0over => 'navver'}, espansione => 1); Stampa End_HTML; HTML :: Widget :: Latebar crea l'HTML e possibilmente alcuni JavaScript e CSS per una barra dei menu laterale hillarchica. È molto flessibile e consente di creare entrambi i menu di navigazione semplici e complesse barre laterali dinamiche con azioni JavaScript associate a elementi sul menu. Questo modulo è iniziato come hack sul mio JavaScript: Menu, che li rende molto simili, quindi se te Hai uno di loro, userai l'altro senza sudore, penso. Il modulo supporta la nozione di un "oggetto attivo" (di solito l'elemento che denota la pagina L'utente è la visualizzazione) e dà tale oggetto Trattamento speciale segnandolo con una classe CSS speciale e rendendola inizialmente visibile. Ha anche un supporto speciale per i menu di selezione in cui l'apertura di un ramo chiude tutti gli altri. Cosa dovresti aspettarti di vedere? Questo dipende molto dalle definizioni di stile e dall'assegnazione d'azione (se usi quella funzione). Fondamentalmente avrai una barra verticale (che occuperà come gran parte dello schermo in quanto la tua CSS consentirà). All'interno di quella barra avrai un albero di elenchi nidificati e puoi definire lo stile per ogni livello. Quando viene cliccato un elemento: viene eseguita la sua azione. Una speciale azione predefinita consente di mostrare / nascondere le liste dei bambini.By impostazione predefinita solo il ramo attivo (il ramo contenente l'elemento attivo) e l'elenco di livello superiore sarà visibile. Puoi sovrascrivere questo (vedi GetHtml) ..Some Naming Rules Sidebar otterrà un attributo ID HTML. L'impostazione predefinita è "latebar" ma questo è modificabile attraverso GetHtml, come altre regole di denominazione. Elenco sarà di classe "Elenco" a meno che non sia fornita un'altra classe tramite GetHtml.every Articolo in ogni lista sarà della stessa classe di tutti gli altri articoli allo stesso livello. L'impostazione predefinita è 'elemento' per tutti gli elementi, ma è possibile impostare ogni livello separatamente attraverso GetHtml. Il nome della classe dell'articolo attivo è il nome della classe di livello, aggiunto con 'Active'.Optionally, puoi anche impostare uno stile Mouseover. Per quelli di voi che progettano per Mozilla, non ne hai davvero bisogno, usa solo la Pseudo-classe CSS: Hover. Per gli altri, questo imposterà gli attributi OnMouseover e OnMouseout di un oggetto da passare da e da quella classe. Impostare il codice di supporto. La barra laterale creata da questo menu è formattata solo da CSS. Ciò significa che dovrai fornirlo. Ho incluso un metodo di classe chiamato BuildCSSS che prende una tappa di dati (descritta sotto) e lo trasforma in CSS e un esempio di un design della barra laterale in tali datastrutture (ho usato questo design in produzione). Potrebbe anche voler usare il supporto attivato ( descritto di seguito), e in questo caso avrai bisogno di alcuni JavaScript. Questo è dato direttamente attraverso basejs. Puoi usarlo dritto o scaricare su un file e modificarlo per adattarti meglio. Requisiti: · Perl.

HTML :: Widget :: Sidebar Software correlato