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.
jQuery filter functie werkt daar prima voor.quote:Op zondag 21 april 2013 11:17 schreef DutchErrorist het volgende:
Ik wil een website maken waar de dingen die getoond worden afhangen van een dropdown menu.
Ik wil dus allereerst een pagina hebben met alles getoond. Dat je dan in een dropdown menu de provincie kan kiezen en dan alleen de geselecteerde onderwerpen van de provincie worden getoond en als je dan in een tweede dropdown menu een merk selecteerd hij alleen dat merk laat zien of de verkopers daarvan, of een combinatie van die twee of alleen een van de twee.
Maar hoe kan ik dat het beste aanpakken?
http://api.jquery.com/filter/
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Oeh even kijkenquote:Op zondag 21 april 2013 21:34 schreef boem-dikkie het volgende:
[..]
jQuery filter functie werkt daar prima voor.
http://api.jquery.com/filter/
Dank je 
Ik heb een website met magento gemaakt en wil daar een jquery script in verwerken maar ik krijg het niet werkend. Het script zou de 'terug naar boven' button moet verbergen zolang er geen scrollbar aanwezig is. De button is nu echter continue zichtbaar wat denk ik betekent dat enkel de CSS / HMTL werkt maar het script zelf niet.
Origineel script
http://webdesignerwall.com/tutorials/animated-scroll-to-top
Website
http://www.reposit.nl
Momenteel heb ik het script om te testen direct in de pagina gezet en jquery wordt voor zover ik kan beoordelen gewoon ingeladen, althans het verschijnt tussen de head tags.
Script in de website
Declaratie
CSS
De bijbehorende CSS werkt volgens mij wel naar behoren, zie de website (button 'terug naar boven' rechtsonderin). Ik heb zelf het vermoeden dat er ergens een conflict is maar kan het niet vinden.
Origineel script
http://webdesignerwall.com/tutorials/animated-scroll-to-top
Website
http://www.reposit.nl
Momenteel heb ik het script om te testen direct in de pagina gezet en jquery wordt voor zover ik kan beoordelen gewoon ingeladen, althans het verschijnt tussen de head tags.
Script in de website
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | $(document).ready(function(){ // hide #back-top first $("#back-top").hide(); // fade in #back-top $(function () { $(window).scroll(function () { if ($(this).scrollTop() > 100) { $('#back-top').fadeIn(); } else { $('#back-top').fadeOut(); } }); // scroll body to 0px on click $('#back-top a').click(function () { $('body,html').animate({ scrollTop: 0 }, 800); return false; }); }); }); |
Declaratie
| 1 2 3 4 5 6 | <p id="back-top"> <a href="#top"> <span></span> terug naar boven </a> </p> |
CSS
| 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 | #back-top { bottom: 30px; margin-left: 990px; position: fixed; } #back-top a { color: #BBBBBB; display: block; font: 10px/100% Arial,Helvetica,sans-serif; text-align: center; text-decoration: none; text-transform: uppercase; transition: all 1s ease 0s; width: 75px; } #back-top a:hover { color: #000000; } #back-top span { background: url("../images/up-arrow.png") no-repeat scroll center center #DDDDDD; border-radius: 15px 15px 15px 15px; display: block; height: 75px; margin-bottom: 7px; transition: all 1s ease 0s; width: 75px; } #back-top a:hover span { background-color: #0064C9; } |
De bijbehorende CSS werkt volgens mij wel naar behoren, zie de website (button 'terug naar boven' rechtsonderin). Ik heb zelf het vermoeden dat er ergens een conflict is maar kan het niet vinden.
http://stackoverflow.com/(...)-has-no-method-ready
Ik gok dat het iets te maken heeft met de combinatie mootools en jQuery.
Ik gok dat het iets te maken heeft met de combinatie mootools en jQuery.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Bedankt voor de respons.quote:
http://stackoverflow.com/(...)-has-no-method-ready
Ik gok dat het iets te maken heeft met de combinatie mootools en jQuery.
Dat lijkt inderdaad een soortgelijk probleem, ik kan alleen geen mootools vinden in de javascript map van magento, wel prototype.js en scriptaculous.js wat daarmee conflicten zou veroorzaken, dat is hier dus niet het geval.
EDIT: ik lees daar het advies om $ voor jQuery te vervangen i.v.m. een corrigerend scriptje om conflicten te voorkomen, even kijken of dat helpt.
Hallo,
is er ook een script of tutorial o.i.d. beschikbaar van een zoekfunctie als deze:
http://tjingo.nl/zoek-en-boek
Ik heb zelf al gezocht, maar kon niet veel vinden.
Bij voorbaat dank
is er ook een script of tutorial o.i.d. beschikbaar van een zoekfunctie als deze:
http://tjingo.nl/zoek-en-boek
Ik heb zelf al gezocht, maar kon niet veel vinden.
Bij voorbaat dank
Magento gebruikt standaard idd prototype en dat conflicteert ook, ik doe het zelf zo:quote:Op zondag 21 april 2013 23:22 schreef highender het volgende:
[..]
Bedankt voor de respons.
Dat lijkt inderdaad een soortgelijk probleem, ik kan alleen geen mootools vinden in de javascript map van magento, wel prototype.js en scriptaculous.js wat daarmee conflicten zou veroorzaken, dat is hier dus niet het geval.
EDIT: ik lees daar het advies om $ voor jQuery te vervangen i.v.m. een corrigerend scriptje om conflicten te voorkomen, even kijken of dat helpt.
| 1 2 3 4 5 | jQuery.noConflict(); jQuery(document).ready(function($){ // jquery scripts }); |
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.
👾
Ik heb nu deze gevonden die precies doet wat ik wil, maar ik wil liever een gewoon menu met knoppen dan een dropdown menu, hoe kan ik dat het beste aanpakken?quote:
[..]
jQuery filter functie werkt daar prima voor.
http://api.jquery.com/filter/
http://jetlogs.org/jquery/jquery_list_filter_multiple.html
Je kunt anchors maken met een data-* element. Dan kun je in plaats van .val() bijvoorbeeld met .data('naamvankey') de data ophalen en daar op filteren.quote:Op dinsdag 23 april 2013 13:42 schreef DutchErrorist het volgende:
[..]
Ik heb nu deze gevonden die precies doet wat ik wil, maar ik wil liever een gewoon menu met knoppen dan een dropdown menu, hoe kan ik dat het beste aanpakken?
http://jetlogs.org/jquery/jquery_list_filter_multiple.html
Bijvoorbeeld een linkje:
| 1 | <a href="#" class="blabla" data-filter="rood">rood</a> |
En de jQuery:
| 1 | var fruitType= $(".blabla").data('filter'); |
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Da's wel handig. En als je meerdere filter items heb is het dan gewoon net zoals met classesquote:Op dinsdag 23 april 2013 13:49 schreef boem-dikkie het volgende:
[..]
Je kunt anchors maken met een data-* element. Dan kun je in plaats van .val() bijvoorbeeld met .data('naamvankey') de data ophalen en daar op filteren.
Bijvoorbeeld een linkje:
[ code verwijderd ]
En de jQuery:
[ code verwijderd ]
data-filter="rood rond fruit" ??
Weet iemand toevallig nog websites specifiek gericht op vacatures met web development banen?
I love getting out on the streets and helping people.
Bijvoorbeeld zo: data-options='{"name":"John"}'.quote:
[..]
Da's wel handig. En als je meerdere filter items heb is het dan gewoon net zoals met classes
data-filter="rood rond fruit" ??
Zie: http://api.jquery.com/data/
Oh en een JSFiddle'tje voor dat fruit voorbeeld. Even snel alleen de kleur gedaan.
http://jsfiddle.net/uKHXs/26/
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Dank je voor die JSFiddle, dat maakt het allemaal net wat duidelijker voor mijquote:
[..]
Bijvoorbeeld zo: data-options='{"name":"John"}'.
Zie: http://api.jquery.com/data/
Oh en een JSFiddle'tje voor dat fruit voorbeeld. Even snel alleen de kleur gedaan.
http://jsfiddle.net/uKHXs/26/
Ik probeer dat nu zo te fixen met data-options, maar dat wil me niet lukken. Zou je dat misschien ook in JSFiddle kunnen zetten? In ieder geval bedankt, want je helpt me heel erg (ben meer van het vormgeven dan het coden).quote:
[..]
Bijvoorbeeld zo: data-options='{"name":"John"}'.
Zie: http://api.jquery.com/data/
Oh en een JSFiddle'tje voor dat fruit voorbeeld. Even snel alleen de kleur gedaan.
http://jsfiddle.net/uKHXs/26/
dan moet je met JSON gaan werken.
Iets smutziger, maar wel makkelijker, is gewoon classes mis/gebruiken
Iets smutziger, maar wel makkelijker, is gewoon classes mis/gebruiken
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?
Heel erg front-end gericht maar hier staan een flink aantal vacatures http://fronteers.nl/vacaturebankquote:
Weet iemand toevallig nog websites specifiek gericht op vacatures met web development banen?
Thanks! Daar heb ik wel wat aan.quote:
[..]
Heel erg front-end gericht maar hier staan een flink aantal vacatures http://fronteers.nl/vacaturebank
I love getting out on the streets and helping people.
Wat wil je precies bereiken? Een lijst met twee filters?quote:
[..]
Ik probeer dat nu zo te fixen met data-options, maar dat wil me niet lukken. Zou je dat misschien ook in JSFiddle kunnen zetten? In ieder geval bedankt, want je helpt me heel erg (ben meer van het vormgeven dan het coden).
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Ik heb een stuk of 9 tot 12 lijsten met onderwerpen, beetje a la startpagina. Ik wil dan dat bezoekers aan de linkerkant twee menu's hebben met knoppen voor merken en knoppen voor provincies. Als eerst wordt gewoon alle info getoond, maar als ze dan op bijvoorbeeld Drenthe drukken dan worden alleen merken in drenthe getoond. Als ze dan op een merk klikken dat hij dan ook de selectie van drenthe onthoud en dan alleen dat merk in Drenthe wordt getoond. Met een dropdown kan het nu wel alleen ik heb het liefst geen dropdown menu en bij een dropdown moet je nog je keuzes bevestigen terwijl ik wil dat ze gelijk doorgevoerd worden als je de keuze maakt.quote:
[..]
Wat wil je precies bereiken? Een lijst met twee filters?
Dropdown werkt lekkerder hiervoor denk ik. Je kunt ook de 'bevestigen' er uit slopen.quote:
[..]
Ik heb een stuk of 9 tot 12 lijsten met onderwerpen, beetje a la startpagina. Ik wil dan dat bezoekers aan de linkerkant twee menu's hebben met knoppen voor merken en knoppen voor provincies. Als eerst wordt gewoon alle info getoond, maar als ze dan op bijvoorbeeld Drenthe drukken dan worden alleen merken in drenthe getoond. Als ze dan op een merk klikken dat hij dan ook de selectie van drenthe onthoud en dan alleen dat merk in Drenthe wordt getoond. Met een dropdown kan het nu wel alleen ik heb het liefst geen dropdown menu en bij een dropdown moet je nog je keuzes bevestigen terwijl ik wil dat ze gelijk doorgevoerd worden als je de keuze maakt.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
http://jsfiddle.net/uKHXs/54/
Bij bovenstaande fiddle hoef je geen bevestiging meer door te geven maar past hij alles meteen aan wanneer je iets in je dropdown wijzigt.
Bij bovenstaande fiddle hoef je geen bevestiging meer door te geven maar past hij alles meteen aan wanneer je iets in je dropdown wijzigt.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Oh oké je bent een heldquote:
http://jsfiddle.net/uKHXs/54/
Bij bovenstaande fiddle hoef je geen bevestiging meer door te geven maar past hij alles meteen aan wanneer je iets in je dropdown wijzigt.
Dank je wel dat je me even met het moeilijkste hebt geholpen! Top 
Komt helemaal goedquote:
Op Ga me even goed inlezen in alles. Maar je hebt me in ieder geval met het moeilijkste op weg geholpen, dus dat maakt mij heel erg blij
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?
Op 
het is mijn werk hequote:
[..]
Doe je goed. Ik blijf het knap vinden want ik vind het allemaal zo ingewikkeld
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?
Op
quote:
[..]
Dan is het wel handig als je er goed in bent
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
