abonnement Unibet Coolblue Bitvavo
pi_119330408
Hoe laat ik style="visibility:visible" veranderen naar style="visibility:hidden" bij het klikken naast de div?

Ik heb nu:

1
2
3
4
$('.selector').mouseout(function() {  
$('.selector').mouseup(function() {  
}
}

Maar dan kan ik 'm alleen laten verdwijnen op het moment dat de muis UIT de div gaat.
pi_119335955
quote:
0s.gif 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.
Een 2e div maken en beide laten verdwijnen als er op Div 2 wordt geklikt.
Simpeler kan niet? :P Desnoods een plaatje in Div 2 maken met een knopje erin :P
Redacted
  zondag 18 november 2012 @ 11:22:59 #78
299167 stefanhaan
Bloeddorstige wasbeer
pi_119337291
quote:
0s.gif Op zaterdag 17 november 2012 17:02 schreef jochemdejongen het volgende:

[..]

Even wat over gelezen, heel handig! Dankjewel :)
np ;)
It was an opportunity to honour our memories and to make room for new ones
  zondag 18 november 2012 @ 17:58:56 #79
123869 Merkie
Surprisingly contagious
pi_119349667
quote:
0s.gif 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() { });

Zoiets?

Edit: dit lijkt me beter: http://stackoverflow.com/(...)single-event-handler
2000 light years from home
pi_119350745
quote:
0s.gif 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? :P Desnoods een plaatje in Div 2 maken met een knopje erin :P
Ik heb de oplossing die Merkie heeft gevonden gebruikt. Bedankt voor het meedenken!

quote:
1s.gif 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
Dit is dus wat ik zocht. :) Ik heb er dit van gemaakt:

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';
        }
    });
});


[ Bericht 4% gewijzigd door pascal08 op 18-11-2012 18:36:37 ]
  zondag 18 november 2012 @ 18:44:55 #81
123869 Merkie
Surprisingly contagious
pi_119351315
quote:
0s.gif 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 ]

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.
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();
        }
    });
});
Dit lijkt me beter. Als je toch bezig bent om javascript / jQuery te leren, doe het dan in 1x goed :P.
2000 light years from home
pi_119351880
quote:
0s.gif 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 :P.
Wat is precies het verschil? :P

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? O-)

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';
        }
    });
});


[ Bericht 7% gewijzigd door pascal08 op 18-11-2012 19:12:14 ]
  zondag 18 november 2012 @ 19:22:27 #83
123869 Merkie
Surprisingly contagious
pi_119353179
document.getElementById('autosuggestcontainer').style.visibility = 'hidden';

Doe gewoon "$('#autosuggestcontainer').hide();", veel sneller :P.
2000 light years from home
  zondag 18 november 2012 @ 19:29:54 #84
12221 Tijn
Powered by MS Paint
pi_119353484
quote:
0s.gif Op zondag 18 november 2012 18:56 schreef pascal08 het volgende:

[..]

Wat is precies het verschil? :P

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? O-)
[ code verwijderd ]

Waarom zou je native DOM-functies gebruiken als je toch jQuery al include?
pi_119353668
quote:
0s.gif Op zondag 18 november 2012 19:22 schreef Merkie het volgende:
document.getElementById('autosuggestcontainer').style.visibility = 'hidden';

Doe gewoon "$('#autosuggestcontainer').hide();", veel sneller :P.
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.

[ Bericht 0% gewijzigd door pascal08 op 18-11-2012 19:39:20 ]
pi_119353735
quote:
5s.gif Op zondag 18 november 2012 19:29 schreef Tijn het volgende:

[..]

Waarom zou je native DOM-functies gebruiken als je toch jQuery al include?
Ik heb me nog helemaal niet verdiept in javascript en jQuery. :P 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. :)
  zondag 18 november 2012 @ 19:41:38 #87
12221 Tijn
Powered by MS Paint
pi_119354001
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/
  zondag 18 november 2012 @ 19:54:17 #88
123869 Merkie
Surprisingly contagious
pi_119354640
quote:
0s.gif 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.
Hoe maak je nu "visibility:hidden" ongedaan dan?

Anders kan je altijd nog $('#element').css('visibility','hidden'); doen.
2000 light years from home
pi_119356429
quote:
14s.gif 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/
Ahh, nice! Dankzij hele goede video's over PHP, heb ik PHP ook vrij snel geleerd. Ik zal binnenkort eens kijken. Bedankt. _O_
pi_119356550
quote:
0s.gif 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.
"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:

1document.getElementById("autosuggestcontainer").style.visibility="visible";

Het zal inderdaad verre van optimaal zijn, maar het werkt. :)
pi_119356650
quote:
0s.gif 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. _O_
Stap 1 is iig, stop met klooien, breng structuur aan.
  zondag 18 november 2012 @ 20:44:58 #92
123869 Merkie
Surprisingly contagious
pi_119357575
quote:
0s.gif 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. :)
Dan veranderd je die regel toch in $('#element').show();?
2000 light years from home
pi_119410565
quote:
0s.gif Op zondag 18 november 2012 20:44 schreef Merkie het volgende:

[..]

Dan veranderd je die regel toch in $('#element').show();?
Ahh, gelukt! :D

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);
            });
        }
    });
});

En:

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();
        }
    });
});

Nu beter?
  maandag 19 november 2012 @ 23:46:24 #94
123869 Merkie
Surprisingly contagious
pi_119411970
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.
2000 light years from home
pi_119413486
quote:
1s.gif 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.
Dat zag ik ook met Chrome: element inspecteren. Bedankt voor jullie tip. ^O^
  dinsdag 20 november 2012 @ 01:30:01 #96
230788 n8n
Pragmatisch
pi_119414564
quote:
0s.gif 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. _O_
en waar stonden die video's dan?
Specialization is for insects”.—Robert Heinlein
pi_119414888
quote:
7s.gif Op dinsdag 20 november 2012 01:30 schreef n8n het volgende:

[..]

en waar stonden die video's dan?
http://yuiblog.com/crockford/
pi_119414917
quote:
7s.gif Op dinsdag 20 november 2012 01:30 schreef n8n het volgende:

[..]

en waar stonden die video's dan?
Youtube, phpacademy. :)
  dinsdag 20 november 2012 @ 02:07:24 #99
230788 n8n
Pragmatisch
pi_119414943
quote:
dank maar ik doelde op die over php, had deze al gebookmarked

quote:
0s.gif Op dinsdag 20 november 2012 02:04 schreef pascal08 het volgende:

[..]

Youtube, phpacademy. :)
specifiek kanaal in YouTube? kom er vaak toch zut tegen wat tijdverspilling bleek
Specialization is for insects”.—Robert Heinlein
pi_119414953
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.
  dinsdag 20 november 2012 @ 02:12:56 #101
230788 n8n
Pragmatisch
pi_119414969
quote:
2s.gif 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.
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.

anyway, eerst slapen anders komt er helemaal niks van
Specialization is for insects”.—Robert Heinlein
pi_119414985
Qua PHP haal ik hier ontzettend veel vandaan: good old PHP.net

welterusten
  dinsdag 20 november 2012 @ 02:24:17 #103
284294 BBQSausage
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
pi_119415040
quote:
2s.gif Op dinsdag 20 november 2012 02:14 schreef Nemephis het volgende:
Qua PHP haal ik hier ontzettend veel vandaan: good old PHP.net

welterusten
Daar bestaat dit topic ook voor;
DIG / [PHP/(My)SQL] voor dummies #105 Waar veiligheid > alles
  dinsdag 20 november 2012 @ 09:28:14 #104
56176 Catch22-
Ben je Blind?!
pi_119416928
quote:
1s.gif 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.
meer genegeerd? :P

Het zijn verschillende properties met aparte functies.
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?
  dinsdag 20 november 2012 @ 11:54:00 #105
12221 Tijn
Powered by MS Paint
pi_119420368
quote:
1s.gif Op maandag 19 november 2012 23:46 schreef Merkie het volgende:

Display:none is imho beter dan visibility:hidden
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.
pi_119423592
Nog een leuke voor iedereen hier:

Ze hebben op de FP dit neergezet vandaag:

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();
});
});

En toen brak de pleuris uit.
pi_119423662
Verrassend.
pi_119423849
quote:
10s.gif Op dinsdag 20 november 2012 13:35 schreef KomtTijd... het volgende:
Verrassend.
Heb nog geen reden gehoord waarom dit op Productie zo terecht is gekomen :D Denk ook niet dat ik dat te horen krijg.
pi_119423976
Het 'ongelukje' zal ongetwijfeld een hoop geld opgeleverd hebben
pi_119424039
quote:
14s.gif Op dinsdag 20 november 2012 13:41 schreef KomtTijd... het volgende:
Het 'ongelukje' zal ongetwijfeld een hoop geld opgeleverd hebben
Danny kan weer op vakantie.
pi_119424375
Ah, ja, dat verklaart alles. Ze laten derde partijen script code aanleveren die ze niet checken voordat ze het live zetten.
  dinsdag 20 november 2012 @ 13:52:06 #112
56176 Catch22-
Ben je Blind?!
pi_119424410
ze checken niets voor ze het live zetten geloof.
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?
pi_119425227
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.
pi_119425440
quote:
10s.gif 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.
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'.

Ze vergeten dat we ook wel door naar de code te kijken kunnen zien dat het ronduit kut is gesteld met het proces.
  Admin dinsdag 20 november 2012 @ 14:17:35 #115
1 crew  Danny
always and nevermore
pi_119425484
quote:
9s.gif 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.
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.
Zie wat ik kijk: trakt.tv
pi_119425534
quote:
0s.gif 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.
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.
pi_119429424
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...

[ Bericht 56% gewijzigd door KomtTijd... op 20-11-2012 16:19:11 ]
  Admin dinsdag 20 november 2012 @ 17:22:34 #118
1 crew  Danny
always and nevermore
pi_119432315
quote:
5s.gif 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...
als je de overflow waarin aanpast?
als je floated elementen in een element hebt heeft het parent element alleen zijn native hoogte (hoogte + padding + border) tenzij je box-sizing: border-box gebruikt in plaats van het default content-box.
Je kunt dmv een clear:both onder de gefloate elementen (<div style="clear:both"></div>) het parent element meetrekken in de hoogte.
Zie wat ik kijk: trakt.tv
pi_119432427
Of gewoon een img met een afbeelding van chuck norris

pi_119432475
quote:
0s.gif Op dinsdag 20 november 2012 17:22 schreef Danny het volgende:

[..]

als je de overflow waarin aanpast?

Anything, behalve visible (default).
Overflow specificeren op iets non-default heeft ook als resultaat dat het element weer om gefloate children heen wrapt, maar bij Webkit werkt dat nogal apart blijkbaar. Het element waar ik het over had verdween ineens rechts uit beeld omdat het vrolijk naast een eerder element was gaan staan, terwijl daar helemaal geen ruimte voor was. (conclusie: breedte = 0)
pi_119432513
quote:
14s.gif Op dinsdag 20 november 2012 17:24 schreef TwyLight het volgende:
Of gewoon een img met een afbeelding van chuck norris

[ afbeelding ]
Divjes met clear:both toevoegen is wel de meest ultiem lelijke oplossing ja :')

-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.
  Admin dinsdag 20 november 2012 @ 17:27:52 #122
1 crew  Danny
always and nevermore
pi_119432565
quote:
14s.gif Op dinsdag 20 november 2012 17:26 schreef KomtTijd... het volgende:

[..]

Divjes met clear:both toevoegen is wel de meest ultiem lelijke oplossing ja :')
Je kunt ook met een .clear class werken op je floating elements:
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;
}
Zie wat ik kijk: trakt.tv
pi_119432653
quote:
0s.gif 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 ]

...nog steeds way lelijker dan gewoon overflow:hidden gebruiken als het een klassiek "mijn wrapper schaalt niet mee"-probleem betref.t
  Admin dinsdag 20 november 2012 @ 17:30:18 #124
1 crew  Danny
always and nevermore
pi_119432658
quote:
14s.gif 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.
ah ok. zonder een voorbeeldje kan ik er niet zoveel mee :)
Zie wat ik kijk: trakt.tv
pi_119432703
het probleem is wel opgelost, ik vroeg me alleen af of mensen hier vaker last van hebben. Het lijkt me haast een bug in Webkit, dus vandaar.
  dinsdag 20 november 2012 @ 19:40:30 #126
123869 Merkie
Surprisingly contagious
pi_119438283
quote:
2s.gif 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.
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:
7s.gif 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.
Lol.
quote:
0s.gif 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.
Blijkt meer weer dat zelfs onder de allerhoogste druk je maar beter wel kunt testen :).
2000 light years from home
  Admin dinsdag 20 november 2012 @ 20:21:53 #127
1 crew  Danny
always and nevermore
pi_119440478
quote:
0s.gif 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 :).
Niemand ontkent dat je beter kunt testen. In dit geval was dat niet mogelijk.
Zie wat ik kijk: trakt.tv
  Admin dinsdag 20 november 2012 @ 20:22:56 #128
1 crew  Danny
always and nevermore
pi_119440527
quote:
0s.gif 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".
Maar lang niet altijd wenselijk:
http://css-tricks.com/pla(...)splay-none-but-dont/
Zie wat ik kijk: trakt.tv
pi_119441413
"Display:none;" best practice :D :D :D :D
Nee.
  Admin dinsdag 20 november 2012 @ 20:53:14 #130
1 crew  Danny
always and nevermore
pi_119442014
quote:
0s.gif Op dinsdag 20 november 2012 20:41 schreef PimD het volgende:
"Display:none;" best practice :D :D :D :D
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.
Zie wat ik kijk: trakt.tv
pi_119442190
quote:
0s.gif 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.
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.
  Admin dinsdag 20 november 2012 @ 21:01:18 #132
1 crew  Danny
always and nevermore
pi_119442488
quote:
14s.gif 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.
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.
Overigens worden veel dingen in de nieuwe fp asynchroon geladen, dus ook als de pagina wordt weergegeven is deze nog niet klaar met weergave (wel voor zaken als scrolling e.d.). Er blijft dus wel een gevoel van progressief laden.
Ik steek erg veel tijd in optimalisatie voor de nieuwe fp om de boel zo snel mogelijk te maken. Zowel in benchmarks als qua user-experience.
Zie wat ik kijk: trakt.tv
pi_119442561
Ik zou het iig goed testen, ook op tragere systemen en vooral op tragere internetverbindingen.
pi_119447485
quote:
7s.gif 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
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
  woensdag 21 november 2012 @ 10:43:49 #135
56176 Catch22-
Ben je Blind?!
pi_119457126
quote:
0s.gif Op dinsdag 20 november 2012 17:30 schreef Danny het volgende:

[..]

ah ok. zonder een voorbeeldje kan ik er niet zoveel mee :)
voorbeelden zijn in dit topic nogal lastig volgens mij :P
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?
pi_119457719
quote:
11s.gif Op woensdag 21 november 2012 10:43 schreef Catch22- het volgende:

[..]

voorbeelden zijn in dit topic nogal lastig volgens mij :P
:')_ '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.
  woensdag 21 november 2012 @ 11:18:32 #137
56176 Catch22-
Ben je Blind?!
pi_119457969
quote:
14s.gif 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.
Oke.

ik wil iets verbergen maar er staat iets omheen hoe kan ik dat fiksen? ik heb al positionabsolute geprobeerd ?
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?
  Admin woensdag 21 november 2012 @ 11:30:16 #138
1 crew  Danny
always and nevermore
pi_119458293
quote:
11s.gif 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 ?
visibility:hidden;
Zie wat ik kijk: trakt.tv
  woensdag 21 november 2012 @ 11:36:39 #139
56176 Catch22-
Ben je Blind?!
pi_119458500
dan neemt hij nog de ruimte in

het is een tr
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?
  woensdag 21 november 2012 @ 12:01:43 #140
123869 Merkie
Surprisingly contagious
pi_119459330
Display: none?
2000 light years from home
  woensdag 21 november 2012 @ 16:58:19 #141
230788 n8n
Pragmatisch
pi_119469781
quote:
0s.gif 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
bedankt
Specialization is for insects”.—Robert Heinlein
pi_119517144
http://jsfiddle.net/F7qjS/

Hoe krijg ik een alert bij het klikken op de slider? Nu krijg ik alleen een alert als ik erboven klik. Het is de bedoeling dat er een variabelen wordt doorgegeven bij het klikken (manipuleren) van de slider.

Laat maar, ik heb weer niet verder gekeken dan m'n neus lang is. :X
pi_119543332
Stel ik heb een select en daar wil ik een onChange event aanhangen. Dat kan door onChange="javascriptcode" toe te voegen, zal over het algemeen een call naar een javascript functie zijn. Of je kan het via JQuery doen. Heeft het een de voorkeur boven het ander en waarom?
  vrijdag 23 november 2012 @ 16:56:04 #144
12221 Tijn
Powered by MS Paint
pi_119543384
Het is beter om geen javascript in je HTML te zetten.
pi_119543498
Dus de oplossing via JQuery, is dat beter omdat je het dan netjes gescheiden houdt, of zijn er nog andere redenen?
pi_119543726
quote:
0s.gif 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?
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.
pi_119543916
quote:
14s.gif 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.
Dank, ik wist dat het ook "gewoon" met javaScript kan, maar inderdaad de JQuery manier is eenvoudig overzichtelijk en bekend.
pi_119548257
quote:
2s.gif Op vrijdag 23 november 2012 16:56 schreef Tijn het volgende:
Het is beter om geen javascript in je HTML te zetten.
Dit is een reactie op Alfje toch? Met dit is toch niets mis?

1
2
3
4
5
6
7
8
<html>
  <head></head>
  <body>
  <script> 
  // javascript 
  </script>
  </body>
</html>
pi_119548333
Weet iemand een goede oplossing om een script voor meerdere sliders op 1 pagina zo kort mogelijk te maken?

SPOILER
Om 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 ]
pi_119548477
quote:
0s.gif 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 ]

Beter hou je je javascript gewoon in een los scriptbestand.
abonnement Unibet Coolblue Bitvavo
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')