Archief - Collapsible menu in javascript

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
'

'Robin

Legacy Member
Nou, ik ben weer bezig met een nieuwe scripttaal de leren, en deze keer JavaScript. (Ik kan wel al java, maar het zijn 2 verschillende dingen xD) De tut dat ik volg is al een beetje oud en ik vroeg me af: word javascript tegenwoordig door elke browser gebruikt, omdat het wel ietsje belangrijk is wat we gaan doen met da JavaScript.

Nou, wat ik er mee wil doen is mijn navigatiebar maken, maar mijn vraag is of het mogelijk is om 1 navigatie bar de maken, met een list optie. Bij de index geeft het alleen de kopjes weer, dus bijvoorbeeld:
-Hallo
-Wereld
Maar moest je nu om hallo klikken dan komt er dit als je navigatie bar
-Hallo
--Hoe gaat het ermee?
--Goed?
-Wereld
En als je dan weer op wereld klikt komt er dit de staan:
-Hallo
-Wereld
--Goed hoor!
--en met jou?
Ik hoop dat jullie me begrijpen, en werkende site hiermee is: Lunagang - Nederlandse tipsite voor RuneScape (even wat google'n doet wonderen xD) maar nu is mijn vraag: is dit mogelijk met javascript en in 1 bestandje?
Z

Zero Grav

Legacy Member
Er is toch een Javascript prefix, waarom dan de Other prefix gebruiken?

Tegenwoordig wordt Javascript op zich veelal gemakkelijker aangeleerd door middel van libraries zoals JQuery. En daarmee is dit echt op één, twee, drie geklaard. Wat doet JQuery? Het vergemakkelijkt het zoeken in de DOM structuur van een site met CSS selectors en lost enkele crossbrowserproblemen op waardoor ge dus veel minder werk gaat hebben in the long run.

Het heeft een beetje het idee van jQuery UI - Accordion Demos & Documentation wat ge wilt bereiken. Kunt ge met praktisch 3 of 4 regels code al opbouwen.

Zie de webmastersticky voor meer links en informatie rond JQuery.
B

Bent

Legacy Member
Wat jij wilt doen, daar heb je helemaal geen javascript voor nodig. Dat kan met gewone "lists" (<ul> & <li> tags).
'

'Robin

Legacy Member
Bent zei:
Wat jij wilt doen, daar heb je helemaal geen javascript voor nodig. Dat kan met gewone "lists" (<ul> & <li> tags).
Klik om te vergroten...
Nou, het probleem is dat het dan op elke pagina het doet, en ik wil het op 1 bestand zodat ik niet telkens moest ik een nieuwe "categorie" doen dit op elke pagina gaan veranderen. ;l
'

'Robin

Legacy Member
Zero Grav zei:
Er is toch een Javascript prefix, waarom dan de Other prefix gebruiken?

Tegenwoordig wordt Javascript op zich veelal gemakkelijker aangeleerd door middel van libraries zoals JQuery. En daarmee is dit echt op één, twee, drie geklaard. Wat doet JQuery? Het vergemakkelijkt het zoeken in de DOM structuur van een site met CSS selectors en lost enkele crossbrowserproblemen op waardoor ge dus veel minder werk gaat hebben in the long run.

Het heeft een beetje het idee van jQuery UI - Accordion Demos & Documentation wat ge wilt bereiken. Kunt ge met praktisch 3 of 4 regels code al opbouwen.

Zie de webmastersticky voor meer links en informatie rond JQuery.
Klik om te vergroten...
Yaay, nog iets extra leren. :oink: En over die Perfix, ik wist niet dat JS stond voor Javascript, beetje dom. Nouja, bedankt voor jullie help!
Z

Zero Grav

Legacy Member
Pas maar op met direct teveel te willen leren, is een veel voorkomende beginnersfout om van alles een beetje te kunnen en uiteindelijk een halfbakken siteje op te zetten vol fouten, bugs en beveiligingsrisico's.

Maar het leuke aan JQuery is dat ge gewoon heel snel weg kunt zijn met gemakkelijke code, waarbij de leercurve voor Javascript doorgaans iets hoger is. En door dus JQuery te leren moet ge ook minder van Javascript kennen, vooral op vlak van DOM selectors ed. Als ge loops en condities kent zijt ge doorgaans snel weg.

En een andere kracht is gewoon dat er superveel plugins voor beschikbaar zijn om allerhande veel voorkomende dingen te implementeren, zoals slideshows bijvoorbeeld.
'

'Robin

Legacy Member
Nou, dus als ik het goed begrijp is het mogelijk met JQuery? Maar ik heb hier wat over gesurft, maar ik vind het helemaal niet. Ook het youtube gekeken. (The new buston > all voor Java, en ze hebben ook 200 tuts van JQuery. :P) maar ik vind het gewoon helemaal niet. Heeft iemand dan wel een link hoe ik zo iets maak?
Z

Zero Grav

Legacy Member
Door middel van "JQuery Collapsible Menu" kunt ge al een heleboel vinden. Maar 't is geen slecht idee om u via de JQuery documentatie of 'Learning JQuery' eens te verdiepen in de werking ervan. Op minder dan een dag tijd kunt ge zeker genoeg leren om zelf zoiets in elkaar te boxen als ge genoeg kennis van xHTML en CSS hebt.
-

-BVR-

Legacy Member
Ik heb uw comments hier zo wat gevolgd hé Robin, maar misschien moet ge u eerst verdiepen in één taal, in plaats van bitjes en beetjes van alles te leren. Het is leuk als je van alles wat weet, maar zo ga je - zoals Zero Grav reeds zei - vaak enkel een halfbakken site kunnen produceren waarin je je publiek ervan probeert te overtuigen hoe goed je alle talen beheerst, en dat met het omgekeerde effect. Denk hier eens over na.

Voor de rest: wat je wil doen is heel makkelijk, googel wat op jQuery menu en je vindt wel wat.
'

'Robin

Legacy Member
Jullie begrijpen me verkeerd. Met Jquery menus zie je als je over iets ga meer opties, maar dat bedoel ik niet. Ga is naar lunagang.nl, dan zien jullie wat ik bedoel.
U

UnD3RD0G

Legacy Member
'Robin,

Het wijst op gebrekkige kennis dat je de mogelijkheden niet in de tools te herkent. Het werd hierboven al veelvulldig gezegd, maar het beheersen van een aspect ( HTML, CSS, JS, Jquery, ... ) vergt niet enkele dagen of weken, maar jaren. Die kennis zal je toelaten om technisch te begrijpen wat je nodig hebt en hoe je dat kan benaderen / uitwerken.

ik zal even heel makkelijk uitleggen wat er in deze thread aan het gebeuren is.

JIJ; he mannen, ik wil een glas vers geperst fruitsap - kijk maar lunagang, die hebben dat, ik wil dat ook.
WIJ: Hey 'Robin, om voor versgeperst fruitsap heb je een SINAASAPPEL ( HTML ) en een fruitpers nodig ( CSS ) - steek de stekker in ( Jquery ) en klaar!
JIJ: Daarmee heb ik toch geen glas vers geperst sinaasappelsap, jullie begrijpen me verkeerd. - ik wil geen fruitpers of appelsien, maar een vers geperst fruitsapje!
...

Wat er gebeurd is dat je door gebrekkig technisch inzicht de mogelijkheden niet ziet dat je gemakkelijk de fruitpers in het stopcontact steekt, de sinaasappel erinsteekt, even blend en je je versgeperste fruitsap hebt.
Je verwacht een kant en klare oplossing, maar die is er niet, HTML, CSS, JQuery en consoorten vergen manipulatie, integratie , beheersing ...
-

-BVR-

Legacy Member
^heerlijke beeldspraak hierboven! *hats off to you sir*

Maar hij heeft wel gelijk. :)
Z

Zero Grav

Legacy Member
[QUOTE='Robin]Jullie begrijpen me verkeerd. Met Jquery menus zie je als je over iets ga meer opties, maar dat bedoel ik niet. Ga is naar lunagang.nl, dan zien jullie wat ik bedoel.[/QUOTE]

Ik begrijp dat ge een menu wilt waarbij ge op een item klikt en waarbij dan een submenu tevoorschijn komt. Zijnde, een collapsible menu.
'

'Robin

Legacy Member
Nee dat bedoel ik niet. Je word eerst doorgelinkt naar een pagina. zegt een soort index. Dan verschijnt in u navigation komt er daaronder dan extra links de staan. Dus als je op hello staat kun je niet inneens naar sub dingens van world gaan. kijk naar me voorbeeld= Lunagang - Nederlandse tipsite voor RuneScape
D

Dastardly

Legacy Member
dat heeft niks met javascript of jquery te maken, maar met de achterliggende zaken die dat menu opbouwen (uw php als het gaat om een dynamisch menu, html als het statisch is).

ge kunt steeds heel uw menu opbouwen en daar dan met javascript / jquery voor zorgen dat er slechts bepaalde zaken zichtbaar zijn, maar dan ben je verkeerd bezig.

heb je een of ander CMS?
E

Ex0dus

Legacy Member
Je refereert telkens naar Lunagang, het enige dat Lunagang doet is de submenu's van het huidige actieve hoofdmenu-item tonen op de overeenkomstige hoofdmenu-pagina (of op submenu-pagina's).

En dit verwezenlijk je niet met JS, maar met een programmeertaal zoals bv. PHP.
R

RobinVdB

Legacy Member
Ok, ik heb dit ook nodig voor mijn site... Maar ik vind nergens hoe ik dit maak. Weet iemand een tut voor dat?
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan