DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
Opbouwende kritiekquote:Op woensdag 24 juli 2013 10:29 schreef Tijn het volgende:
[..]
Het probleem is dat je niet echt de scrollbar van een ander uiterlijk voorziet, maar zelf een mechanisme maakt dat als scrollbar moet fungeren. En dat werkt half zo goed niet als een echte scrollbar.
Gelukt, getest in http://jsfiddle.net en geupload. TopStyle 5.0 deed vaag met de weergave maar probleem is opgelost, eindelijk. Nu is kijken of ik mensen hier kan helpenquote:Op woensdag 24 juli 2013 09:46 schreef Darkomen het volgende:
CSS verzint zelf geen waardes omdat het het leuk vind om je te pesten
Of je zit de verkeerde files aan te passen.
Of er is iets van cache.
Of je programma loopt te kutten.
Probeer het eens zonder je programma edit je css in notepad(++)
je hebt gelijk.quote:
Op ik moet op mijn werk zoiets gebruiken. Maar zelfs met een breed ondersteunde jquery plugin blijft het matig werken en is het moeilijk irritant om te implementeren.
Heeft iemand een standaard formpje waar als je bij de 1ste blok een keuze maakt dat het 2de blok veranderd..
Dus dat je 1ste keuze invloed zal hebben op het 2 de blok keuze selectie.
Dus dat je 1ste keuze invloed zal hebben op het 2 de blok keuze selectie.
Chained select?quote:
Heeft iemand een standaard formpje waar als je bij de 1ste blok een keuze maakt dat het 2de blok veranderd..
Dus dat je 1ste keuze invloed zal hebben op het 2 de blok keuze selectie.
Ik ben onlangs een beetje aan het testen geslagen met jsperf.com
Ik wilde graag weten welke selectors nou het snelste zijn, dus ik maakte 7 tests. Ik had verwacht dat test 1 het langzaamste zou zijn en dat bleek ook zo te zijn. Echter was ik wel verbaasd dat test 5 als winnaar uit de bus kwam. Ik had eerder verwacht dat test 3 het snelste zou zijn, omdat die het meest specifiek is. Komt dit misschien omdat er te weinig HTML elementen zijn voor een representatief resultaat?
Ik wilde graag weten welke selectors nou het snelste zijn, dus ik maakte 7 tests. Ik had verwacht dat test 1 het langzaamste zou zijn en dat bleek ook zo te zijn. Echter was ik wel verbaasd dat test 5 als winnaar uit de bus kwam. Ik had eerder verwacht dat test 3 het snelste zou zijn, omdat die het meest specifiek is. Komt dit misschien omdat er te weinig HTML elementen zijn voor een representatief resultaat?
Je moet sowieso geen grotere nauwkeurigheid aangeven dan nodig.
Hoe minder selectors hoe beter
Hoe minder selectors hoe beter
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Hmm, ok, dat verklaart waarom test 5 het snelste klaar is.quote:
Je moet sowieso geen grotere nauwkeurigheid aangeven dan nodig.
Hoe minder selectors hoe beter
Ik zie ook jQuery sneller is als je tags gebruikt in plaats van classes.
je bedoelt een Id. Das ook logisch aangezien een Id de meest specifieke selector is en gewoon met getElementById afgehandeld kan worden.
Ja, dat bedoelde ik.quote:Op zondag 28 juli 2013 17:28 schreef KomtTijd... het volgende:
je bedoelt een Id. Das ook logisch aangezien een Id de meest specifieke selector is en gewoon met getElementById afgehandeld kan worden.
Weet jij toevallig hoe ik het volgende zichtbare list-item na die met de class "selected" kan vinden? Next(), nextUntil(), nextAll() werken alleen als het siblings zijn en closest() werkt ook niet, want die zoekt alleen omhoog in de hiėrarchie.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <div> <ul> <li style="display:none;"></li> <li style="display:none;"></li> <li class="selected"></li> </ul> <ul> <li style="display:none;"></li> <li></li> <li style="display:none;"></li> </ul> <ul> <li></li> <li style="display:none;"></li> <li style="display:none;"></li> </ul> </div> |
Ik zou een selectie van alle zichtbare list items maken ($('li:visible')), dan de index van het geselecteerde item opvragen (met .index()) en dan het volgende element van je set aanwijzen (met .eq()).
Dat ik daar niet aan gedacht heb.quote:
Ik zou een selectie van alle zichtbare list items maken ($('li:visible')), dan de index van het geselecteerde item opvragen (met .index()) en dan het volgende element van je set aanwijzen (met .eq()).
Ik had inmiddels al een oplossing van meer dan 2 regels.
EDIT:
Ik heb 't nu voor elkaar gekregen met een enkele regel. Volgens deze jsperf is 'ie sneller dan de index-methode, maar qua leesbaarheid zou ik toch voor de multiline code gaan. Jij?
[ Bericht 9% gewijzigd door pascal08 op 29-07-2013 02:22:59 ]
Het zou sneller moeten zijn met een echte CSS-selector:
Ik ben benieuwd of het uitmaakt.
| 1 2 3 4 | $('li').removeClass('selected') .filter(':visible') .eq(index + 1) .addClass('selected'); |
Ik ben benieuwd of het uitmaakt.
Maakt .selected de li onzichtbaar want zo lijkt het of dezelfde li weer geselecteerd wordt.quote:
[..]
Dat ik daar niet aan gedacht heb.
Ik had inmiddels al een oplossing van meer dan 2 regels.
EDIT:
Ik heb 't nu voor elkaar gekregen met een enkele regel. Volgens deze jsperf is 'ie sneller dan de index-methode, maar qua leesbaarheid zou ik toch voor de multiline code gaan. Jij?
[ afbeelding ]
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
When the student is truly ready, the teacher will disappear.
| 1 | $("li").find(".selected").get(0).removeClass("selected").next("li").addClass("selected") |
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Hoi,
Een vraagje: hoe maak je een verticale navigatie menu waarbij op een link kan klikken die zichzelf dan expand. Zoals deze hier:
Alvast bedankt voor uw antwoord.
Gr,
superky
[ Bericht 1% gewijzigd door superky op 29-07-2013 20:33:59 ]
Een vraagje: hoe maak je een verticale navigatie menu waarbij op een link kan klikken die zichzelf dan expand. Zoals deze hier:
Alvast bedankt voor uw antwoord
.Gr,
superky
[ Bericht 1% gewijzigd door superky op 29-07-2013 20:33:59 ]
Ik heb mijn navigatie al horizontaal staan en ik kan mijn submenu laten expanden door hover te gebruiken, maar dit wil ik natuurlijk niet. Ik wil het graag hebben zoals op de bovenstaande afbeelding staat afgebeeld. Mijn vraag is kan ik dit met html en css doen of heb ik hiervoor een scriptaal (bijv. JavaScript) nodig?quote:
Bedoel je nou een horizontaal menu of een verticale (zoals op die afbeelding)? 
Als je hem wil laten uitschuiven met een klik moet je javascript gebruiken.
Zoiets:
[ Bericht 85% gewijzigd door mstx op 29-07-2013 18:57:41 ]
Als je hem wil laten uitschuiven met een klik moet je javascript gebruiken.Zoiets:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 | <ul id="menu"> <li> <a href="#">Menu 1</a> <ul> <li><a href="#">Sub 1.1</a></li> <li><a href="#">Sub 1.2</a></li> <li><a href="#">Sub 1.3</a></li> </ul> </li> <li> <a href="#">Menu 2</a> <ul> <li><a href="#">Sub 2.1</a></li> <li><a href="#">Sub 2.2</a></li> <li><a href="#">Sub 2.3</a></li> </ul> </li> <li> <a href="#">Menu 3</a> <ul> <li><a href="#">Sub 3.1</a></li> <li><a href="#">Sub 3.2</a></li> <li><a href="#">Sub 3.3</a></li> </ul> </li> </ul> <script type="text/javascript"> $(document).ready(function(){ $('#menu>li>a').click(function(){ $(this).parent().find('ul').toggle(); }); }); </script> |
[ Bericht 85% gewijzigd door mstx op 29-07-2013 18:57:41 ]
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
Oh xD verticaal bedoel ik natuurlijk ja. Sorry voor de miscommunicatie..quote:
Bedoel je nou een horizontaal menu of een verticale (zoals op die afbeelding)?
Zoiets:
[ code verwijderd ]
Of je animeert gewoon de max-height met CSS bij hover:
Als je het dan met perse met Javascript wilt doen, doe het dan ook goed en bouw een delay e.d. in zodat het menu pas openklapt als je minimaal een aantal milliseconden er boven hangt met je muis e.d. Maar een hoop aan elkaar gechainde jQuery-methods mag natuurlijk ook
| 1 2 3 4 5 6 7 8 9 | li > ul { max-height:0; transition:max-height 500ms ease-out; } li:hover > ul{ max-height:999em; transition:max-height 500ms ease-in; } |
Als je het dan met perse met Javascript wilt doen, doe het dan ook goed en bouw een delay e.d. in zodat het menu pas openklapt als je minimaal een aantal milliseconden er boven hangt met je muis e.d. Maar een hoop aan elkaar gechainde jQuery-methods mag natuurlijk ook
Bleuh.
