[HTML, CSS, JS] Frontend #44: 0 === -0

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_160349843
quote:
0s.gif Op dinsdag 1 maart 2016 20:17 schreef Catch22- het volgende:
Ik heb liever degelijke functie- en variabelenamen dan documentatie.
Al vind ik docblocks bij functies wel heel handig. Gewone comments moet je idd (naar mijn idee) zoveel mogelijk vermijden. Als je ze nodig hebt, is het waarschijnlijk beter om de code minder complex te maken.
fokstok.nl
pi_160352870
quote:
0s.gif Op dinsdag 1 maart 2016 14:59 schreef PimD het volgende:
Mwah, ik denk/vind dat commentaar niet gauw overbodig is. Ook al is het bij simpele statements zoals in het voorbeeld, dan nog kan het je helpen om de code/gedachtengang van een ander (of van jezelf!) beter te begrijpen. Maar het blijft natuurlijk persoonlijk, ieder z'n eigen voorkeur.
Als een regel code zonder comment erbij niet eenduidig te begrijpen is, moet je de code dusdanig anders opschrijven dat die zonder commentaar wel eenduidig te begrijpen is.

En je mag verwachten dat een lezer van je code de taal snapt, dus ga geen php constructies uitleggen in comments...
pi_160355082
quote:
0s.gif Op dinsdag 1 maart 2016 20:17 schreef Catch22- het volgende:
Ik heb liever degelijke functie- en variabelenamen dan documentatie.
Dit :Y
Ben daarom persoonlijk ook niet altijd een fan van generieke namen als getUser() setUser() zou dan eerder voor kiezen voor iets wat van toepassing is in de context van de huidige class oid.

Ik wijk er natuurlijk wel eens vanaf, maar als stelregel houd ik mezelf voor dat iemand die niet programmeert/codeert de api nog moet kunnen begrijpen.
pi_160357553
quote:
19s.gif Op dinsdag 1 maart 2016 22:48 schreef TwenteFC het volgende:

[..]

Dit :Y
Ben daarom persoonlijk ook niet altijd een fan van generieke namen als getUser() setUser() zou dan eerder voor kiezen voor iets wat van toepassing is in de context van de huidige class oid.

Ik wijk er natuurlijk wel eens vanaf, maar als stelregel houd ik mezelf voor dat iemand die niet programmeert/codeert de api nog moet kunnen begrijpen.
Programmeren. Coderen is iets heel anders.
fokstok.nl
  woensdag 2 maart 2016 @ 09:05:09 #255
56176 Catch22-
Ben je Blind?!
pi_160360921
quote:
0s.gif Op woensdag 2 maart 2016 00:01 schreef Light het volgende:

[..]

Programmeren. Coderen is iets heel anders.
Dat is echt 1 van de meest zinloze discussies die er is. Stefan kan vast wel zinnigere artikelen schrijven met zijn tijd.
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_160372516
quote:
0s.gif Op woensdag 2 maart 2016 00:01 schreef Light het volgende:

[..]

Programmeren. Coderen is iets heel anders.
Oké dan, scripten. :9
  donderdag 3 maart 2016 @ 14:31:53 #257
403866 richolio
#MacMasterrace
pi_160390945
Ik heb een probleempje. Weet niet zeker of ik hier goed zit, of of ik duidelijk genoeg ga zijn.

Oké. Ik werk dus met ExpressionEngine. Er is een archief pagina die alle entries (nieuwsberichten) laat zien. Echter zijn dat er aardig wat, niet zo overzichtelijk dus. Infinite Scroll ging niet werken, en pagination ook niet.

Dus nu wil ik dat je 20 entries ziet en als je op een knopje drukt er 20 bijkomen. (duidelijk? :@ )

Ik ben zover gekomen;

JS

1
2
3
4
5		$('.archive').each(function(i){
                $(this). 
            if(i == 20){addClass('closed')}
            
            })i

1
2		$(.archive.closed).each(
        if(i <= 20).RemoveClass(closed)

HTML (de entries)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15		<div onclick="window.location='{site_url}nl/nieuws/{url_title}';" class="archive">
                <div class="news-heading">
                    <a href="{site_url}nl/nieuws/{url_title}" title="{title}">{exp:trunchtml chars="65" inline="..."}{title}{/exp:trunchtml}</a>
                </div>
                
                <div class="date">
                    {exp:datetime_convert language="nl_NL" format="%b %d %Y"}{entry_date}{/exp:datetime_convert}
                </div>
                <!--<div class="categorie"><b>Branche:</b> {categories}{if "{parent_id}"=="10"}<i>{category_name}</i> {/if}{/categories}</div>-->
                <!-- <div class="categorie"><b>Categorie:</b> <a href="{site_url}/nieuws/">{categories}{if "{parent_id}"=="10"}{category_name} {/if}{/categories}</a></div>-->                 
                <div class="leesmeer">
                    <a href="{site_url}nl/nieuws/{url_title}" title="{title}" class="article-link"> </a>
                </div>
              
</div>

Nu loop ik vast, want ik weet niet meer wat ik moet doen. Als er hier een betere oplossing voor is hoor ik dat ook graag :P
'Richolio _O_' - tong80
LAST.FM
pi_160392481
1onclick="window.location='{site_url}nl/nieuws/{url_title}';" 

Daar heb je een prachtig <a>-element voor...? ;-)

Als ik het goed begrijp heb je wel een gigantische lijst van HTML voor al je items en wil je alleen de eerste 20 tonen, daarna 0-40, 0-60, 0-80 etc? Dan zou je zoiets in elkaar moeten draaien. Dit is echt verschrikkelijk lelijke code, maar het gaat om het idee:

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		<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>gt demo</title>
</head>
<body>
 
 <style>
   div {
     border: 1px solid black;
   } 
   div.active {
     border-color: red;
   }
  </style>

  <button>Knopje</button>
  <script>
  
// genereer entries, dit zal normaal gesproken gewoon aan server-kant gebeuren
    var divs = [];
for(var i = 0; i<100; i++){
  var div = document.createElement('div');
  div.innerHTML = i + 1;
  document.body.appendChild(div);
  divs.push(div);
}

  var counter = 1;
  
  var button = document.querySelector('button');
  button.addEventListener('click', function(){
    counter = counter+1;
    update();
  });    
   
    var update = function(){
      divs.forEach(function(d, i){
        var action = i < (counter * 20) ? 'add' : 'remove'
        d.classList[action]('active');
      });
    };

    update();
  
</script>
</body>
</html>

http://jsbin.com/gugusutova/edit?html,css,js,output

Uiteraard moet je nog een hoop dingen afvangen, zodat je alleen maar op de knop kunt drukken als er ook echt meer items zijn etc etc.
Nee.
  maandag 7 maart 2016 @ 19:19:47 #259
300788 igi0n
Paraplu
pi_160496957
Heb al een geruime tijd een website draaiende (nog niet live), waar ook font-awesome op meedraait. Sinds vandaag is alleen font-awesome er ineens mee gekapt; de iconen worden niet meer geladen. Wat kan hier de oorzaak van zijn?

Heb font-awesome al geupdate (bleek al hoogste versie te zijn). Heb thema opnieuw geinstalleerd (blijft hetzelfde probleem). Het lijkt me dus dat er iets bij font-awesome is gewijzigd, of bij mijn host waardoor ze niet meer geladen worden. Iemand een idee :)?
Ik draai btw wordpress.
pi_160497619
Ik gok dat je host de eot of woff bestanden niet meer ondersteunt.

Open deze eens direct, kijken wat je krijgt.
Of check je console.
Of post je website.

Zorg iig dat je wordpress en plugins zijn geupdate.
Was recent een issue met bijvoorbeeld de 'Custom Content Type Manager' plugin.
  maandag 7 maart 2016 @ 22:44:21 #261
300788 igi0n
Paraplu
pi_160504817
quote:
0s.gif Op maandag 7 maart 2016 19:43 schreef Darkomen het volgende:
Ik gok dat je host de eot of woff bestanden niet meer ondersteunt.

Open deze eens direct, kijken wat je krijgt.
Of check je console.
Of post je website.

Zorg iig dat je wordpress en plugins zijn geupdate.
Was recent een issue met bijvoorbeeld de 'Custom Content Type Manager' plugin.
Chrome developer console geeft verder geen errors, en de plugins zijn niet veranderd sinds het niet meer werkt (werkt sowieso niet ongeacht welke plugins ik aan heb staan).
Hoe check ik of die bestanden werken? Gewoon checken vanuit de browser? Zodra ik die namelijk wil openen download die gewoon het bestand, en gebeurd er verder niets. :)

edit: gefixed, op een of andere manier was de plugin 'menu icons' de boosdoener, ongeacht of die aan stond of niet. Heb hem nu gedelete, en werkt weer :)

[ Bericht 10% gewijzigd door igi0n op 07-03-2016 22:54:36 ]
  donderdag 7 april 2016 @ 13:51:13 #262
403866 richolio
#MacMasterrace
pi_161253638
Hi,

Ik heb een simpele quiz gedownload ergens vandaan. Een deel JS ziet er zo uit;

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23		{"quizlist":[
  
    {
    "question":"Portuguese is spoken in _______",
    "option1":"Brazil",
    "option2":"Argentina",
    "option3":"Ecuador"
    },
    {
    "question":"What is the capital of Peru?",
    "option1":"Lima",
    "option2":"Bogota",
    "option3":"San Juan"
    },
    {
    "question":"Which country is long and thin?",
    "option1":"Chile",
    "option2":"Uruguay",
    "option3":"Colombia"
    }

]
}

Nu wil ik de "question" niet als tekst, want daarvoor in de plaats zou ik graag een afbeelding willen. Is dat mogelijk? Ik dacht misschien is daar wel een simpel tagje voor oid, maar wat ik tot nu toe heb geprobeerd heeft niet geholpen.

Thanks alvast!
'Richolio _O_' - tong80
LAST.FM
pi_161254126
Zonder de rest van je script kunnen we enkel gokken. . Je hebt nu enkel de config van je scriptne geplakt.


Wat als je gewoon image tags bij question tieft? (wel even netjes chars escapen met \)

Anders in je scriptje kijken waar die een document.write doet voor question, en IMG tags om de variabel zetten.

[ Bericht 5% gewijzigd door #ANONIEM op 07-04-2016 14:11:34 ]
pi_161446037
Zie een nieuwsbericht voorbij komen dat Visual Studio Code uit beta is en een 1.0 release heeft gekregen. Iemand van jullie die hier mee gespeeld heeft en is het de moeite waard om over te stappen? Schijnbaar toch al een half miljoen maandelijkse gebruikers en hoor dat het een stuk sneller dan Atom is.
  vrijdag 15 april 2016 @ 14:46:04 #265
56176 Catch22-
Ben je Blind?!
pi_161446080
quote:
0s.gif Op vrijdag 15 april 2016 14:44 schreef Molleman het volgende:
Zie een nieuwsbericht voorbij komen dat Visual Studio Code uit beta is en een 1.0 release heeft gekregen. Iemand van jullie die hier mee gespeeld heeft en is het de moeite waard om over te stappen? Schijnbaar toch al een half miljoen maandelijkse gebruikers en hoor dat het een stuk sneller dan Atom is.
Ik gebruik het al een tijdje. Werkt wel makkelijk.

Ik doe af en toe wat R&D met ionic2 en typescript. Er zijn niet veel windows IDE's die daar goed mee om gaan, VS Code uiteraard wel.

Ben er nu ook mee bezig. Het schort nog een beetje aan debug-feedback. Soms krijg je een wit scherm, nergens foutmeldingen en moet je maar uitzoeken wat je verkeerd doet. En dat is nogal lastig als je met nieuwe talen werkt :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_161446400
quote:
11s.gif Op vrijdag 15 april 2016 14:46 schreef Catch22- het volgende:

[..]

Ik gebruik het al een tijdje. Werkt wel makkelijk.

Ik doe af en toe wat R&D met ionic2 en typescript. Er zijn niet veel windows IDE's die daar goed mee om gaan, VS Code uiteraard wel.

Ben er nu ook mee bezig. Het schort nog een beetje aan debug-feedback. Soms krijg je een wit scherm, nergens foutmeldingen en moet je maar uitzoeken wat je verkeerd doet. En dat is nogal lastig als je met nieuwe talen werkt :P
Dit weekend eens op mijn PC en chromebook (waar linux op draait) installeren. Volgende week maar eens mee gaan experimenteren. Wordt in ieder geval voldoende aan gewerkt om het pakket beter te maken aangezien er steeds meer gebruikers komen. Vind Atom af en toe een beetje traag reageren.

Thanks.
  vrijdag 15 april 2016 @ 15:22:59 #267
91039 mstx
2x1/2 = 1/2 x 1/2
pi_161446931
quote:
0s.gif Op vrijdag 15 april 2016 14:44 schreef Molleman het volgende:
Zie een nieuwsbericht voorbij komen dat Visual Studio Code uit beta is en een 1.0 release heeft gekregen. Iemand van jullie die hier mee gespeeld heeft en is het de moeite waard om over te stappen? Schijnbaar toch al een half miljoen maandelijkse gebruikers en hoor dat het een stuk sneller dan Atom is.
Ik gebruik hem ook al een tijdje als standaard editor hier op het werk. Werkt erg prettig.
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.
👾
  dinsdag 3 mei 2016 @ 09:26:42 #268
283639 Pino0
Heeft totaal geen vooroordelen
pi_161891322
Is dit actief? Ik heb een vraag. Please quote mij
  dinsdag 3 mei 2016 @ 09:34:28 #269
56176 Catch22-
Ben je Blind?!
pi_161891434
quote:
0s.gif Op dinsdag 3 mei 2016 09:26 schreef Pino0 het volgende:
Is dit actief? Ik heb een vraag. Please quote mij
Nee morsdood
quote:
0s.gif Op vrijdag 15 april 2016 15:00 schreef Molleman het volgende:

[..]

Dit weekend eens op mijn PC en chromebook (waar linux op draait) installeren. Volgende week maar eens mee gaan experimenteren. Wordt in ieder geval voldoende aan gewerkt om het pakket beter te maken aangezien er steeds meer gebruikers komen. Vind Atom af en toe een beetje traag reageren.

Thanks.
Enige wat ik vervelend vind is dat je niet echt tabs hebt, maar daar begin ik aan te wennen.
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 3 mei 2016 @ 09:44:59 #270
283639 Pino0
Heeft totaal geen vooroordelen
pi_161891558
quote:
11s.gif Op dinsdag 3 mei 2016 09:34 schreef Catch22- het volgende:

[..]

Nee morsdood

Hoi, even een vraagje. Ben klaar met de HTML en CSS course van Codecademy, en ben nu zelf een beetje aan het stoeien, alleen kom ik al meteen een probleem tegen. Ik heb een text plaatje gemaakt in Photoshop, en die geimporteerd naar HTML/CSS, alleen wilt het plaatje gewoon niet verplaatsen, alleen als ik width invoer (maar ik wil hem gecentreerd).

Dit is mijn html code;

<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title>Result</title>
</head>
<body>
<img id="welcome"/>
<img src="C:\Users\lllll\Desktop\html\welcome01pgn.png"/>

</body>
</html>

en dit mijn CSS code

body{
background-color: #90c3d4;
}

#welcome{

position: relative;
margin-left: auto;
margin-right: auto;

}

Kan jij mij helpen?
  dinsdag 3 mei 2016 @ 09:48:16 #271
118011 BrainOverfloW
Fok! around the Clock!
pi_161891582
quote:
0s.gif Op dinsdag 3 mei 2016 09:44 schreef Pino0 het volgende:

[..]

Hoi, even een vraagje. Ben klaar met de HTML en CSS course van Codecademy, en ben nu zelf een beetje aan het stoeien, alleen kom ik al meteen een probleem tegen. Ik heb een text plaatje gemaakt in Photoshop, en die geimporteerd naar HTML/CSS, alleen wilt het plaatje gewoon niet verplaatsen, alleen als ik width invoer (maar ik wil hem gecentreerd).

Dit is mijn html code;

<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title>Result</title>
</head>
<body>
<img id="welcome"/>
<img src="C:\Users\lllll\Desktop\html\welcome01pgn.png"/>

</body>
</html>

en dit mijn CSS code

body{
background-color: #90c3d4;
}

#welcome{

position: relative;
margin-left: auto;
margin-right: auto;

}

Kan jij mij helpen?
Je img ID en src zitten in 2 verschillende tags. Die moeten samen in 1 tag. Nu centreer je een lege tag terwijl de tag met het plaatje blijft staan.
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
  dinsdag 3 mei 2016 @ 09:52:16 #272
283639 Pino0
Heeft totaal geen vooroordelen
pi_161891610
quote:
1s.gif Op dinsdag 3 mei 2016 09:48 schreef BrainOverfloW het volgende:

[..]

Je img ID en src zitten in 2 verschillende tags. Die moeten samen in 1 tag. Nu centreer je een lege tag terwijl de tag met het plaatje blijft staan.
Oja, ofcourse :') Super bedankt!

En dan heb ik nog een vraagje, ik heb ze nu allebei in 1 gedaan, maar als ik margin left en right auto doe, verspringt hij niet naar het midden. Hoe kan ik hem centreren/hoe weet ik hoeveel pixels mijn HTML bestand heeft? Om hem naar aanleiding daarvan te kunnen centreren?
  dinsdag 3 mei 2016 @ 10:00:57 #273
56176 Catch22-
Ben je Blind?!
pi_161891708
quote:
0s.gif Op dinsdag 3 mei 2016 09:52 schreef Pino0 het volgende:

[..]

Oja, ofcourse :') Super bedankt!

En dan heb ik nog een vraagje, ik heb ze nu allebei in 1 gedaan, maar als ik margin left en right auto doe, verspringt hij niet naar het midden. Hoe kan ik hem centreren/hoe weet ik hoeveel pixels mijn HTML bestand heeft? Om hem naar aanleiding daarvan te kunnen centreren?
"Give a man a fish.."

als je googled op "center img css html" dan kom je er wel uit.
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 3 mei 2016 @ 10:08:15 #274
283639 Pino0
Heeft totaal geen vooroordelen
pi_161891794
quote:
11s.gif Op dinsdag 3 mei 2016 10:00 schreef Catch22- het volgende:

[..]

"Give a man a fish.."

als je googled op "center img css html" dan kom je er wel uit.
Heb al het een en ander opgezocht, maar kwam er niet uit. Nu weer stapje verder.

Dank voor moeite.
pi_161891904
Een img tag is een inline-block element. Die kun je niet centreren met margin:auto.
Je kunt er een block element van maken met
1display:block
  dinsdag 3 mei 2016 @ 20:12:30 #276
283639 Pino0
Heeft totaal geen vooroordelen
pi_161903898
Wat doe ik verkeerd?

Ik wil gewoon een border in CSS om mijn image doen. Dit probleem heb ik ook weer gegoogled, maar kom er niet uit.


HTML
<center>
<img id="xxx" />
<img src="C:\Users\xxxx\Desktop\html\aboutme\xxxxx.jpg" height="300px" />
</center>

#xxx{
border: solid grey;
border-width: 15px;

}


Heb al geprobeerd met of zonder center etc, maar werkt niet. De border komt gewoon links onder mijn image te staan (buiten mijn image). Als ik hem bewerk in HTML krijg ik wel een border. Maar wil graag weten wat ik verkeerd doe en waarom het mij niet lukt in CSS.

Kunnen jullie mij helpen?

[ Bericht 70% gewijzigd door Pino0 op 04-05-2016 00:14:42 ]
pi_161915336
Lees eens een paar berichten terug. De fout die toen in je code zat zit er nu opnieuw in.
  woensdag 4 mei 2016 @ 10:11:06 #278
56176 Catch22-
Ben je Blind?!
pi_161916285
Begin eens met wat html en css 101 artikelen. Je hebt totaal geen basis en doet maar wat
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 4 mei 2016 @ 10:14:56 #279
12221 Tijn
Powered by MS Paint
pi_161916341
Het begint al met het feit dat je twee images op de pagina zet. Een met een id die je gebruikt in je stylesheet en eentje die daadwerkelijk naar een afbeeldingsbestand verwijst.

Je moet die twee elementen combineren.
Verberg de nieuwsticker
pi_161923669
quote:
0s.gif Op zaterdag 19 december 2015 11:04 schreef pussywillow het volgende:

[..]

Ik denk dat je wel een paar weken verder bent voor je het echt onder de knie hebt. Als je gewend bent om gewoon old school DOM elementen te manipuleren dan moet je jezelf eigenlijk een andere manier van denken aanleren. Dit plaatje somt het wel mooi op :P

[ afbeelding ]
AngularJS? Nah , ReactJS *O*
Redacted
  zondag 8 mei 2016 @ 17:24:22 #281
308438 Ser_Ciappelletto
Semi-professionele SJW
pi_162014296
Waarom selecteert dit stukje JS niet "afbeelding/Naam.jpg"?
1var img = document.getElementById("1 img").src;
1
2
3
4		<div class="content" id="1">
    <h1>Naam</h1>
    <img src="Afbeelding/Naam.jpg">
</div>
pi_162014947
Omdat getElementById een element pakt op basis van de ID. Het is dus geen selector, je kunt geen children mee geven. In jouw voorbeeld wordt er dus gezocht naar een element met de id '1 img', en niet naar een img die een child is van #1. Wat jij wilt is document.getElementById('1').querySelector('img').

Overigens mag een ID nooit beginnen met een nummer.
Nee.
  dinsdag 10 mei 2016 @ 08:49:59 #283
230788 n8n
Pragmatisch
pi_162054421
Of gewoon meteen querySelector("#1 img"), scheelt ook weer een dom inspectie.
“Specialization is for insects”.—Robert Heinlein
  dinsdag 10 mei 2016 @ 09:04:05 #284
91039 mstx
2x1/2 = 1/2 x 1/2
pi_162054586
quote:
14s.gif Op dinsdag 10 mei 2016 08:49 schreef n8n het volgende:
Of gewoon meteen querySelector("#1 img"), scheelt ook weer een dom inspectie.
Dat hoeft niet per se sneller te zijn. getElementById is enorm snel en als je daarbinnen zoekt hoeft hij niet het hele document te doorzoeken. Niet dat je er in de praktijk veel van merkt, maar toch. ;)
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.
👾
pi_162055635
Als je toch gaat micro-optimaliseren kun je er waarschijnlijk beter getElementById('1').getElementsByTagName('img')[0] van maken.
zcflevo.nl
  dinsdag 10 mei 2016 @ 10:30:41 #286
230788 n8n
Pragmatisch
pi_162055833
Met 1 query heb je nooit de null.querySelector error, het is ook explicieter wat je wilt en dom queries kosten nog een fractie van een ms tegenwoordig.
“Specialization is for insects”.—Robert Heinlein
  dinsdag 10 mei 2016 @ 11:10:53 #287
56176 Catch22-
Ben je Blind?!
pi_162056715
quote:
10s.gif Op woensdag 4 mei 2016 16:35 schreef cablegunmaster het volgende:

[..]

AngularJS? Nah , ReactJS *O*
Hebben beiden hun voors en tegens. Angular2 met typescript en ionic werkt wel mooi
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_162064097
*zwaai*

Ik zoek een manier om dit te doen; ik heb links een element met een background image en rechts een nav. Als ik over de a'tjes in de nav hover wil ik eigenlijk dat de background image links verandert. :P

CSS
1
2
3
4
5
6
7
8		.hero {
  width: 50%;
  height: 100%;
  position: fixed;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, transparent 30%), url(../photo2.jpg);
  background-size: cover;
  background-position: center 30%;
}

HTML
1
2
3
4
5
6
7
8
9		<div class="projects">
     <ul>
          <li><a href="">MIJN CASE 1</a></li>
          <li><a href="">MIJN CASE 2</a></li>
          <li><a href="">MIJN CASE 3</a></li>
          <li><a href="">MIJN CASE 4</a></li>
          <li><a href="">MIJN CASE 5</a></li>
    </ul>
</div>

Niet heel relevante code nu eigenlijk, maar ik dacht misschien weten jullie een handige manier om een element (die background image/.hero) te beinvloeden door te hoveren over de nav.

Ben niet zo goed in JS, maar ik denk dat dat de enige manier is eigenlijk, dus dat is dan maar zo
  dinsdag 10 mei 2016 @ 16:44:31 #289
118011 BrainOverfloW
Fok! around the Clock!
pi_162064129
quote:
11s.gif Op dinsdag 10 mei 2016 16:42 schreef ikbenrond het volgende:
*zwaai*

Ik zoek een manier om dit te doen; ik heb links een element met een background image en rechts een nav. Als ik over de a'tjes in de nav hover wil ik eigenlijk dat de background image links verandert. :P

CSS
[ code verwijderd ]

HTML
[ code verwijderd ]

Niet heel relevante code nu eigenlijk, maar ik dacht misschien weten jullie een handige manier om een element (die background image/.hero) te beinvloeden door te hoveren over de nav.

Ben niet zo goed in JS, maar ik denk dat dat de enige manier is eigenlijk, dus dat is dan maar zo
Kun je die achtergrond niet veranderen met
1
2
3		.hero:hover{
  //nieuwe background code
}
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
pi_162064321
quote:
0s.gif Op dinsdag 10 mei 2016 16:44 schreef BrainOverfloW het volgende:

[..]

Kun je die achtergrond niet veranderen met
[ code verwijderd ]

Jawoll, maar elke a in de nav moet een andere afbeelding krijgen. Of kan dat dan nog?
  dinsdag 10 mei 2016 @ 19:24:44 #291
118011 BrainOverfloW
Fok! around the Clock!
pi_162067846
quote:
0s.gif Op dinsdag 10 mei 2016 16:55 schreef ikbenrond het volgende:

[..]

Jawoll, maar elke a in de nav moet een andere afbeelding krijgen. Of kan dat dan nog?
Had niet helemaal goed gelezen dat je de achtergrond van een ander element wou veranderen i.p.v. de link zelf.

Is dit een beetje wat je zoekt?
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
  zaterdag 14 mei 2016 @ 15:48:38 #292
308438 Ser_Ciappelletto
Semi-professionele SJW
pi_162181674
Waarom blijft deze code bij 'nummer' telkens '1' inserten ("<div id=nummer1>" dus), ook al klik ik meerdere keren op het addfield-divje? De var staat declared buiten de click-functie, dus die zou toch niet moeten resetten? Bovendien zou de "nummer =+ 1;" er toch 2 van moeten maken, zelfs als 'ie gereset wordt? Hij moet dus gereset worden binnen de click-functie, maar daar wordt de var helemaal niet meer gedeclared! Dat kan toch niet?

1
2
3
4
5
6
7
8
9
10
11
12		        <script>
            $(document).ready(function() {
                var nummer = 1;
                $("#addfield").click(function() {
                    nummer =+ 1;
                    var field = document.createElement('div');
                    field.setAttribute("id", "nummer"+nummer);
                    document.getElementById('teksten').appendChild(field);
                });
            });
            
        </script>
pi_162181746
quote:
0s.gif Op zaterdag 14 mei 2016 15:48 schreef Ser_Ciappelletto het volgende:
Waarom blijft deze code bij 'nummer' telkens '1' inserten ("<div id=nummer1>" dus), ook al klik ik meerdere keren op het addfield-divje? De var staat declared buiten de click-functie, dus die zou toch niet moeten resetten? Bovendien zou de "nummer =+ 1;" er toch 2 van moeten maken, zelfs als 'ie gereset wordt? Hij moet dus gereset worden binnen de click-functie, maar daar wordt de var helemaal niet meer gedeclared! Dat kan toch niet?
[ code verwijderd ]

verander =+1 eens in +=1 of beter nog nummer++;
Drop drop drop drop drop drop drop!!!! DROP!!! drop drop drop drop !!
  zaterdag 14 mei 2016 @ 15:54:42 #294
308438 Ser_Ciappelletto
Semi-professionele SJW
pi_162181802
quote:
1s.gif Op zaterdag 14 mei 2016 15:51 schreef JeSuisDroppie het volgende:

[..]

verander =+1 eens in +=1 of beter nog nummer++;
Shit, enorme faal van mij. Goed gespot! Thanks.
  zaterdag 14 mei 2016 @ 18:28:29 #295
12221 Tijn
Powered by MS Paint
pi_162185311
quote:
1s.gif Op zaterdag 14 mei 2016 15:51 schreef JeSuisDroppie het volgende:

[..]

verander =+1 eens in +=1 of beter nog nummer++;
Ik vind +=1 duidelijker dan ++ eerlijk gezegd.
Verberg de nieuwsticker
pi_162186913
"Nummer" + ++nummer ^O^

please don't
zcflevo.nl
pi_162199856
quote:
2s.gif Op zaterdag 14 mei 2016 18:28 schreef Tijn het volgende:

[..]

Ik vind +=1 duidelijker dan ++ eerlijk gezegd.
Kwestie van persoonlijke voorkeur imo, maar snap waar je op doelt.
Drop drop drop drop drop drop drop!!!! DROP!!! drop drop drop drop !!
  zaterdag 14 mei 2016 @ 23:48:05 #298
56176 Catch22-
Ben je Blind?!
pi_162201362
quote:
2s.gif Op zaterdag 14 mei 2016 18:28 schreef Tijn het volgende:

[..]

Ik vind +=1 duidelijker dan ++ eerlijk gezegd.
++ is wel common practice
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_162201644
quote:
2s.gif Op zaterdag 14 mei 2016 18:28 schreef Tijn het volgende:

[..]

Ik vind +=1 duidelijker dan ++ eerlijk gezegd.
+=1 is zo'n rare eend in de bijt..

alsof + gelijk aan 1 is.. (of dat + resulteert in 1)
  zaterdag 14 mei 2016 @ 23:53:39 #300
12221 Tijn
Powered by MS Paint
pi_162201796
quote:
1s.gif Op zaterdag 14 mei 2016 23:48 schreef Catch22- het volgende:

[..]

++ is wel common practice
Crockford raadt het af: http://javascript.crockford.com/code.html

quote:
Confusing Pluses and Minuses

Be careful to not follow a + with + or ++. This pattern can be confusing. Insert parens between them to make your intention clear.

total = subtotal + +myInput.value;

is better written as

total = subtotal + (+myInput.value);

so that the + + is not misread as ++. Avoid ++.
Verberg de nieuwsticker
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[HTML, CSS, JS] Frontend #44: 0 === -0
Index

» digital corner

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