[HTML, CSS, JS] Frontend #42: eval("alert('weer een nieuw deel')");

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_147430994
quote:
6s.gif Op dinsdag 9 december 2014 19:37 schreef richolio het volgende:

[..]

Ja :@ Padding gebruiken

Ik vind zulke reacties alleen erg vervelend. That's all
Je bent dus een gevoelige jongen.
  dinsdag 9 december 2014 @ 19:44:46 #182
403866 richolio
#MacMasterrace
pi_147431101
quote:
6s.gif Op dinsdag 9 december 2014 19:42 schreef Scorpie het volgende:

[..]

Je bent dus een gevoelige jongen.
Ja, eigenlijk wel
'Richolio _O_' - tong80
LAST.FM
  vrijdag 12 december 2014 @ 11:13:59 #183
230788 n8n
Pragmatisch
pi_147508876
http://tweakers.net/nieuw(...)-jpeg-vervanger.html

Interresant dit, met name omdat het meteen overal zou moeten werken door de js-decoder. Heb je alleen dat het een html-container nodig heeft om het te kunnen tonen wanneer er geen support is. Als we dit nou ff lekker allemaal ontarmen kan Windows het nog in versie 10 inbakken (en zijn we gebakken)
“Specialization is for insects”.—Robert Heinlein
  vrijdag 12 december 2014 @ 11:26:03 #184
56176 Catch22-
Ben je Blind?!
pi_147509205
Ik vrees alleen voor de implementatie van nieuwe formaten, dat blijkt nogal lastig
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?
  vrijdag 12 december 2014 @ 11:32:10 #185
230788 n8n
Pragmatisch
pi_147509371
quote:
11s.gif Op vrijdag 12 december 2014 11:26 schreef Catch22- het volgende:
Ik vrees alleen voor de implementatie van nieuwe formaten, dat blijkt nogal lastig
dit werkt met een js-decoder van 80kb compressed (tot er native ondersteuning is). Het zou overal moeten werken. Normaal ben ik daar niet van maar als het een nieuw open formaat mogelijk maakt dat 50% efficiënter is en ons eindelijk een stap hoger dan 8bit kleurdiepte brengt, sing me up.

Info http://bellard.org/bpg/
Test http://people.mozilla.org(...)age_study_july_2014/

“Gemiddelde webpagina is 1.76MB, 56% afbeeldingen” http://www.webperformance(...)b-page-1795-kb-size/

Zou betekenen dat je ‘gemiddeld’ inclusief js-decoder van 1.8 naar 1.3 gaat.

[ Bericht 9% gewijzigd door n8n op 12-12-2014 11:43:47 ]
“Specialization is for insects”.—Robert Heinlein
  vrijdag 12 december 2014 @ 11:44:16 #186
56176 Catch22-
Ben je Blind?!
pi_147509693
quote:
1s.gif Op vrijdag 12 december 2014 11:32 schreef n8n het volgende:

[..]

dit werkt met een js-decoder van 80kb compressed (tot er native ondersteuning is). Het zou overal moeten werken. Normaal ben ik daar niet van maar als het een nieuw open formaat mogelijk maakt dat 50% efficiënter is en ons eindelijk een stap hoger dan 8bit kleurdiepte brengt, sing me up.

Info http://bellard.org/bpg/
Test http://people.mozilla.org(...)age_study_july_2014/

“Gemiddelde webpagina is 1.76MB, 56% afbeeldingen” http://www.webperformance(...)b-page-1795-kb-size/

Zou betekenen dat je ‘gemiddeld’ inclusief js-decoder van 1.8 naar 1.3 gaat.
werkt dat dan alleen met inline images of ook met css gelinkte images?
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?
  vrijdag 12 december 2014 @ 11:46:22 #187
230788 n8n
Pragmatisch
pi_147509751
quote:
11s.gif Op vrijdag 12 december 2014 11:44 schreef Catch22- het volgende:

[..]

werkt dat dan alleen met inline images of ook met css gelinkte images?
dat is een goeie. Nog niet naar gekeken. Css-images worden dan wel weer vaak gecached en overal opnieuw gebruikt waardoor de ‘penalty’ maar 1 keer voorkomt.
“Specialization is for insects”.—Robert Heinlein
  vrijdag 19 december 2014 @ 17:40:03 #189
230788 n8n
Pragmatisch
pi_147747603
http://wtfhtmlcss.com

Vooral die laatste
“Specialization is for insects”.—Robert Heinlein
  maandag 22 december 2014 @ 08:50:34 #190
112156 Debsterr
Dino inventor
pi_147833439
Vraagje: ik heb een tijd terug een Blogger template gekocht op Etsy, installeren ging zonder moeite. Echter lijkt er een foutje in te zitten wat ik niet kan achterhalen. In Chrome staat er altijd onderaan de post het icoontje van een afbeelding die niet laad, maar er staat op die plek helemaal geen afbeelding. In IE zie je het niet.

Zou iemand willen kijken waar dit in kan zitten? Ik heb geprobeerd het uit te zoeken met "element inspecteren" in Chrome maar krijg het niet gevonden :/.

website is www.lovevarnish.com
Once in a while, I just wanna dance and feel good
  maandag 22 december 2014 @ 08:54:42 #191
91039 mstx
2x1/2 = 1/2 x 1/2
pi_147833464
quote:
17s.gif Op maandag 22 december 2014 08:50 schreef Debsterr het volgende:
Vraagje: ik heb een tijd terug een Blogger template gekocht op Etsy, installeren ging zonder moeite. Echter lijkt er een foutje in te zitten wat ik niet kan achterhalen. In Chrome staat er altijd onderaan de post het icoontje van een afbeelding die niet laad, maar er staat op die plek helemaal geen afbeelding. In IE zie je het niet.

Zou iemand willen kijken waar dit in kan zitten? Ik heb geprobeerd het uit te zoeken met "element inspecteren" in Chrome maar krijg het niet gevonden :/.

website is www.lovevarnish.com
1
2
3
4		.entry-content:after {
content: url();
margin-left: 350px;
}
Staat in de css in de <head>.
Gevonden met "element inspecteren" in Chrome.

Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
  maandag 22 december 2014 @ 08:55:49 #192
112156 Debsterr
Dino inventor
pi_147833473
quote:
6s.gif Op maandag 22 december 2014 08:54 schreef mstx het volgende:

[..]
[ code verwijderd ]

Staat in de css in de <head>.
Gevonden met "element inspecteren" in Chrome.

[ afbeelding ]
edit: never mind, ik heb heel dom gedaan. Met element inspecteren zegt 'ie ::after, en ik heb letterlijk alleen daarop gezocht. Duizendmaal dank, ik ga weer verder klooien!
Once in a while, I just wanna dance and feel good
pi_148089848
Hoi een vraagje betreft de volgende jQuery code in de volgende link:
link: http://jsfiddle.net/pe2gpp01/30/

Ik wil er graag ervoor zorgen dat ongeacht welke product er geselecteerd wordt, dat vrouwen een prijs van 10 euro zien. Voor mannen geldt dat ze product A 10 euro zien en voor product B 20 euro etc. Nou heb ik dit gerealiseerd.

Maar nadat male hebt geselecteerd en daarna op female hebt geselecteerd. En dan een product aanvinkt. Dan krijg je niet meer de standaard prijs van 10 euro voor een vrouw. Kan iemand me misschien helpen? Graag wacht ik op uw reactie. Alvast bedankt voor uw antwoord.
pi_148090030
quote:
0s.gif Op maandag 29 december 2014 12:31 schreef superky het volgende:
Hoi een vraagje betreft de volgende jQuery code in de volgende link:
link: http://jsfiddle.net/pe2gpp01/30/

Ik wil er graag ervoor zorgen dat ongeacht welke product er geselecteerd wordt, dat vrouwen een prijs van 10 euro zien. Voor mannen geldt dat ze product A 10 euro zien en voor product B 20 euro etc. Nou heb ik dit gerealiseerd.

Maar nadat male hebt geselecteerd en daarna op female hebt geselecteerd. En dan een product aanvinkt. Dan krijg je niet meer de standaard prijs van 10 euro voor een vrouw. Kan iemand me misschien helpen? Graag wacht ik op uw reactie. Alvast bedankt voor uw antwoord.
Bij male koppel je een click-event aan de producten, maar zodra er female wordt geselecteerd haal je dit event niet weg. Daarom blijft het click-event actief...
------___------ 53
----.(___).---- 42
---(o\_!_/o)---
pi_148090188
quote:
0s.gif Op maandag 29 december 2014 12:35 schreef Rockfire het volgende:

[..]

Bij male koppel je een click-event aan de producten, maar zodra er female wordt geselecteerd haal je dit event niet weg. Daarom blijft het click-event actief...
Moet ik die click-event aan de producten dan ook in mijn else if body zetten?
  maandag 29 december 2014 @ 13:14:34 #196
123869 Merkie
Surprisingly contagious
pi_148091365
Je moet goed nadenken over je logica, die is nu raar. Je hebt geen javascript-probleem, je hebt een logica-probleem. Wat je nu doet is een click event binden aan radio buttons als gender = male. Dat click event verdwijnt niet zomaar. Volgens mij heb jij die click events helemaal niet nodig.

Ik heb een update gemaakt voor je JSFiddle en nu werkt het wel (en de code is ook veel korter): http://jsfiddle.net/pe2gpp01/31/

[ Bericht 86% gewijzigd door Merkie op 29-12-2014 13:37:33 ]
2000 light years from home
pi_148141341
https://github.com/h5bp/Front-end-Developer-Interview-Questions

En, kunnen jullie ze allemaal beantwoorden?
pi_148141637
quote:
12s.gif Op dinsdag 30 december 2014 15:16 schreef robin007bond het volgende:
https://github.com/h5bp/Front-end-Developer-Interview-Questions

En, kunnen jullie ze allemaal beantwoorden?
Nothing, nothing, none. Zo de eerste 3 zijn in de pocket ^O^
zcflevo.nl
pi_148141778
quote:
14s.gif Op dinsdag 30 december 2014 15:23 schreef KomtTijd... het volgende:

[..]

Nothing, nothing, none. Zo de eerste 3 zijn in de pocket ^O^
:D
pi_148142974
quote:
12s.gif Op dinsdag 30 december 2014 15:16 schreef robin007bond het volgende:
https://github.com/h5bp/Front-end-Developer-Interview-Questions

En, kunnen jullie ze allemaal beantwoorden?
quote:
Which version control systems are you familiar with?
ctrl-z

Heb ik de baan nu? :+
pi_148153325
quote:
99s.gif Op dinsdag 30 december 2014 15:54 schreef CrashO het volgende:

[..]

[..]

ctrl-z

Heb ik de baan nu? :+
:'(
  zondag 4 januari 2015 @ 13:32:04 #202
248156 Rockiejj
Who's your daddy?
pi_148314805
He, ik ben bezig met een opdracht voor school maar loop nu tegen het volgende aan:

Ik wil in 1 paragraaf meerdere onderbrekingsstrepen plaatsen (heten ze zo? Het <hr />-streepje iig)
maar als ik dat doe stopt m'n paragraaf er mee, dus de CSS tot dat stuk doet het gewoon goed, maar tot de streep en niet verder!

Klopt dat, of doe ik iets fout?
Diep inspirerende quote
- "bekend" persoon
  zondag 4 januari 2015 @ 13:34:17 #203
363995 Reemi
Zeg maar Remi.
pi_148314911
quote:
99s.gif Op zondag 4 januari 2015 13:32 schreef Rockiejj het volgende:
He, ik ben bezig met een opdracht voor school maar loop nu tegen het volgende aan:

Ik wil in 1 paragraaf meerdere onderbrekingsstrepen plaatsen (heten ze zo? Het <hr />-streepje iig)
maar als ik dat doe stopt m'n paragraaf er mee, dus de CSS tot dat stuk doet het gewoon goed, maar tot de streep en niet verder!

Klopt dat, of doe ik iets fout?
Kun je je code plaatsen? Schept een duidelijker beeld van wat er fout gaat. :P
Smile like you mean it
www.wefut.com
  zondag 4 januari 2015 @ 13:40:23 #204
248156 Rockiejj
Who's your daddy?
pi_148315188
quote:
0s.gif Op zondag 4 januari 2015 13:34 schreef Reemi het volgende:

[..]

Kun je je code plaatsen? Schept een duidelijker beeld van wat er fout gaat. :P
Tuurlijk!
Het HTML stuk waar het over gaat:
1
2
3
4
5
6
7
8
9
10
11
12
13		<div class=links>
            <h2> Het laatste nieuws</h2>
            <p> <br />
                <img src=http://40.media.tumblr.com/8dfba4430e6c11714ca4c7b825bc7f6b/tumblr_nhle911TbV1r9kndao1_1280.jpg /><br/>
                Momenteel zit Tyler Ward in Mexico, waar hij op de foto staat met de Maya ruïnes!<br />
                Yucatan, Mexico (2 januari 2015)
                <br />
                <hr />
                <img src=http://40.media.tumblr.com/9d11b04db262d7c166518bb4bb224a7f/tumblr_nhhjq9UQmV1r9kndao1_500.jpg /><br />
                Gelukkig nieuwjaar namens Tyler Ward!<br />
                Mexico (1 januari 2015)
            </p>
        </div>

CSS:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67		body{
    background-color: #cccc99;
    color: white;
    }
h1{
    width: 95%;
    background-color: #000033;
    border: 2px solid white;
    padding: 15px;
    margin: 1% 1%;
    text-align: center;
    }
h2{
    background-color: #000033;
    border: 2px solid white;
    text-align: center;
    padding-top: 1%;
    padding-bottom: 1%;
    }
    
ul{
    width: 95%;
    background-color: #000033;
    border: 2px solid white;
    padding: 15px;
    margin: 1%;
    text-align: center;
    }
    
li{
    display: inline;
    padding: 4%;
    color: white;
    }
    
.links{
    width: 59%;
    float: left;
    margin: 1% 1%;
    }
    
.rechts{
    width: 30%;
    float: right;
    padding-right: 15px;
    margin: 1% 1%;
    }

p {    background-color: #000033;
    border: 2px solid white;
    text-align: center;
    }

a{
    color: white;
    text-decoration: none;
    }
    
a:hover{
    color: #cccc99;
    text-decoration: underline;
    }

img{
    max-height: 365px;
    max-width: 365px;
    }
Diep inspirerende quote
- "bekend" persoon
  zondag 4 januari 2015 @ 13:45:12 #205
363995 Reemi
Zeg maar Remi.
pi_148315352
quote:
99s.gif Op zondag 4 januari 2015 13:40 schreef Rockiejj het volgende:

[..]

Tuurlijk!
Het HTML stuk waar het over gaat:
[ code verwijderd ]

CSS:
[ code verwijderd ]

<p> is een enkele paragraaf, terwijl <hr> juist bedoeld is om twee paragrafen te scheiden. Oftewel, een logische indeling is:

1
2
3		<p>deel 1</p>
<hr>
<p>deel 2</p>

Ik zie dat je het <p>-element als contentvak gebruikt door het een achtergrond te geven, maar dat kun je beter met een <div> doen. Dat levert het volgende op:

1
2
3
4
5		<div id="content">
    <p>deel 1</p>
    <hr>
    <p>deel 2</p>
</div>

Dan staat alles netjes in hetzelfde vak.
Smile like you mean it
www.wefut.com
  zondag 4 januari 2015 @ 13:45:50 #206
56176 Catch22-
Ben je Blind?!
pi_148315382
Een p is semantisch gezien voor tekst. Dus niet voor hr's of plaatjes
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?
  zondag 4 januari 2015 @ 13:46:07 #207
248156 Rockiejj
Who's your daddy?
pi_148315394
quote:
0s.gif Op zondag 4 januari 2015 13:45 schreef Reemi het volgende:

[..]

<p> is een enkele paragraaf, terwijl <hr> juist bedoeld is om twee paragrafen te scheiden. Oftewel, een logische indeling is:
[ code verwijderd ]

Ik zie dat je het <p>-element als contentvak gebruikt door het een achtergrond te geven, maar dat kun je beter met een <div> doen. Dat levert het volgende op:
[ code verwijderd ]

Dan staat alles netjes in hetzelfde vak.
Maar dan krijg je alle paragrafen met een aparte omlijning, right?
Diep inspirerende quote
- "bekend" persoon
  zondag 4 januari 2015 @ 13:46:30 #208
363995 Reemi
Zeg maar Remi.
pi_148315406
quote:
99s.gif Op zondag 4 januari 2015 13:46 schreef Rockiejj het volgende:

[..]

Maar dan krijg je alle paragrafen met een aparte omlijning, right?
Niet als je doet wat ik zeg: de omlijning en achtergrondkleur aan de div toewijzen, in plaats van aan het p-element.
Smile like you mean it
www.wefut.com
  zondag 4 januari 2015 @ 13:46:54 #209
248156 Rockiejj
Who's your daddy?
pi_148315424
quote:
0s.gif Op zondag 4 januari 2015 13:46 schreef Reemi het volgende:

[..]

Niet als je doet wat ik zeg: de omlijning aan de div toewijzen, in plaats van aan het p-element.
Ik wilde het net editten :X
Diep inspirerende quote
- "bekend" persoon
  zondag 4 januari 2015 @ 13:50:00 #210
248156 Rockiejj
Who's your daddy?
pi_148315502
Ah ja, dit is hoe ik het wilde hebben! Thanks!
Diep inspirerende quote
- "bekend" persoon
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[HTML, CSS, JS] Frontend #42: eval("alert('weer een nieuw deel')");
Index

» digital corner

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')