HTML :: Widget :: zijbalk HTML :: WIDGET :: Sidebar kan de HTML-zijbalk voor een webpagina creëren.
Download nu

HTML :: Widget :: zijbalk Rangschikking & Samenvatting

HTML :: Widget :: zijbalk Tags

Perl-module perl module HTML-widget HTML zijbalk

HTML :: Widget :: zijbalk Beschrijving

HTML :: Widget :: Sidebar kan de HTML-zijbalk voor een webpagina creëren. HTML :: Widget :: Zijbar kan de HTML (en mogelijk sommige javascript) creëren voor een navigatie- of anderszins actieve (hiërarchische) zijbalk voor een webpagina.Synopsys Gebruik HTML :: Widget :: zijbalk; gebruik CGI; # Of zoiets. # We gaan een zijbalk maken waarin alleen de actieve (geklikte) filiaal # zichtbaar is. mijn $ tree = html :: widget :: zijbalk-> nieuw; $ Boom-> SettogLAATE; foreach (1..3) {mijn $ lijst = $ Boom-> Appd (waarde => "Lijst $ _"); $ lijst-> Appd (waarde => "AAA $ _", URL => "http: // localhost / $ _"); $ lijst-> APPEND (waarde => "BBB $ _"); $ lijst-> APPEND (waarde => "CCC $ _"); } $ Boom-> Getubtree (3) -> Setactive; Print header, start_html (-style => $ tree-> buildcss ($ tree-> deepbluecss), -script => $ tree-> basejs); Afdrukken Join "N", $ Boom-> Gethtml (stijlen => {bar => 'Navlink', Level0 => 'Navlink', Level0Over => 'Navover'}, Expand => 1); Print End_html; HTML :: Widget :: Sidebar Creëert de HTML, en mogelijk Sommige JavaScript en CSS voor een Hirarchische Side-menubalk. Het is zeer flexibel en stelt u in staat om zowel eenvoudige navigatiemenu's als complexe dynamische zijbalken te maken met JavaScript-acties die zijn gekoppeld aan items op het menu.Deze module begon als een hack op mijn JavaScript :: Menu, waardoor ze erg vergelijkbaar zijn, dus Heb er een van hen, je zult de ander zonder zweet gebruiken, ik denk dat de module het idee van een 'actief item' ondersteunt (meestal het item dat de pagina geeft die de gebruiker weergeeft) en geeft een dergelijke speciale behandeling door deze te markeren met een speciale CSS-klasse en het aanvankelijk zichtbaar maken. Het heeft ook speciale ondersteuning voor selectie menu's waarbij het openen van een filiaal alle anderen sluit. Wat moet u verwachten te zien? Dit hangt sterk af van uw stijldefinities en actietoewijzing (als u die functie gebruikt). Eigenlijk heb je een verticale balk (die zoveel mogelijk van het scherm zal opnemen, omdat je CSS het toelaat). In die bar heb je een boom van geneste lijsten en je kunt de stijl voor elk niveau definiëren. Wanneer een item is geklikt - wordt de actie uitgevoerd. Met een speciale vooraf gedefinieerde actie kunt u kinderlijstjes tonen / verbergen, alleen standaard de actieve branche (de tak met het actieve item) en de lijst op het hoogste niveau is zichtbaar. U kunt dit overschrijven (zie Gethtml). Sommige Naaming Rulesthe Sidebar krijgt een HTML-ID-kenmerk. De standaardinstelling is 'zijbalk', maar dit is veranderlijk via Gethtml, zoals andere naamgevingsregels. Elke lijst is van klasse'-lijst ', tenzij een andere klasse wordt gegeven via Gethtml.Elmery item in elke lijst is van dezelfde klasse als alle andere items op hetzelfde niveau. De standaardinstelling is 'item' voor alle items, maar u kunt elk niveau afzonderlijk instellen via GETHTML. De klassennaam van de actieve item is de klasnaam van het niveau, bijgevoegd met 'Active'.Optionally, u kunt ook een mouseover-stijl instellen. Voor degenen onder u die voor Mozilla ontwerpen, heb je dat echt niet nodig, gebruik gewoon de CSS Pseudo-klasse: Hover. Voor anderen zal dit de onmuisver- en onmuis-out-kenmerken van een item instellen om over te schakelen naar en van die klasse.Delen de ondersteunende code op. De zijbalk gemaakt door dit menu wordt alleen door CSS geformatteerd. Dit betekent dat je het moet leveren. Ik heb een klassenmethode opgenomen die BuildCSS's worden genoemd, die een datastructuur inneemt (hieronder beschreven) en verandert in CSS, en een voorbeeld van een zijbalkontwerp in een dergelijke datastructuur (ik gebruikte dit ontwerp in de productie). U kunt ook de schakelaarsondersteuning gebruiken ( hieronder beschreven), en in dit geval heb je wat javascript nodig. Dit wordt direct via BENTJS gegeven. U kunt het recht of dumpen gebruiken in een bestand en het aanpassen aan u het beste bij u. Vereisten: · Perl

HTML :: Widget :: zijbalk Gerelateerde software