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

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_149097139
Thanks! je moet het maar weten ;)
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  dinsdag 27 januari 2015 @ 10:21:28 #242
56176 Catch22-
Ben je Blind?!
pi_149098078
vind ik zelf niet zo fraai, op 1 element box-sizing toepassen

1
2
3
4
5
6
7
8
9
10
11		.top p {
  background: rgba(0, 0, 0, 0.25);
  font-family: 'Roboto', sans-serif;
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 5px;
  color: white;
  margin: 0;
  width: calc(100% - 10px);
}

Is netter. Maar het fijnste is box-sizing op alles gooien

http://www.paulirish.com/2012/box-sizing-border-box-ftw/

alleen moet je dat wel vantevoren gelijk doen
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_149098348
Klopt Catch, had het blogje waar je naar verwijst al doorgenomen.
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  dinsdag 27 januari 2015 @ 10:38:44 #244
56176 Catch22-
Ben je Blind?!
pi_149098456
quote:
0s.gif Op dinsdag 27 januari 2015 10:34 schreef Chandler het volgende:
Klopt Catch, had het blogje waar je naar verwijst al doorgenomen.
Als Paul Irish iets zegt, dat is het waar.
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_149099102
quote:
11s.gif Op dinsdag 27 januari 2015 10:38 schreef Catch22- het volgende:

[..]

Als Paul Irish iets zegt, datn is het waar.
:P maar goed, ga weer druk verder spelen om hier een mooie gallery van te maken :P
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_149101673
Box-sizing:border-box op alles gooien is leuk, tot dat je een of andere gare vendor-code moet includen. Maar ja, dan heb je natuurlijk al een groter probleem :(
Nee.
pi_149102589
Ik heb een verschil in Firefox en Chrome met images.
In een div staat een image. De image is breder dan de div, maar de hoogte is wel goed.
Firefox doet dat prima,
Chrome gaat de zaak schalen zodat de image kleiner wordt, dat wil ik niet

Waar zit m dit in?
pi_149121221
Programmeren en er maar niet uit komen! WRAAAAH!

Wellicht zijn er mensen bekend met StackoverFlow.. Voor mijn opleiding ben ik pas begonnen met het programmeren. Op dit moment zijn wij bezig met het maken van een sociale media dienst m.b.v jquery..

Op dit moment loop ik vast op een Follow & UnFollow button. Ik heb de button gestyled zodat er bij 1 class het lijkt of de knop niet is in gedrukt en 1 class dat de knop WEL is ingedrukt. Nu is het nog de schone taak hem werkende te krijgen. Normaal is de knop niet ingedrukt (class1) en staat er de tekst "follow" en wanneer je die knop indrukt moet hij een andere class gebruiken (class2) en moet de tekst "unfollow" worden. Helder en niet zo moeilijk toch? Maar toch loop ik vast!!

Nu heb ik de vraag voorgelegd bij mensen op StackoverFlow en die hebben mij zeker kunnen helpen maar alsnog kom ik er niet uit en begrijp ik sommige dingen niet. Hier is de link naar de topic daar :

http://goo.gl/GNTmD0

Is er soms iemand die zich geroepen voelt en mij uit deze HELL kan halen? Ruk zowat de haren uit m'n kop
“Scientists tell us that the fastest animal on earth, with a top speed of 120 feet per second, is a cow that has been dropped out of a helicopter.”
  dinsdag 27 januari 2015 @ 22:26:30 #249
56176 Catch22-
Ben je Blind?!
pi_149121404
Je denkt jquery is poepsimpel en zonder lezen kan ik er wel mee werken? En waarom een div en geen a?
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 27 januari 2015 @ 22:30:54 #250
134533 donroyco
dus niet Donroyco
pi_149121662
quote:
0s.gif Op dinsdag 27 januari 2015 13:26 schreef MrNiles het volgende:
Ik heb een verschil in Firefox en Chrome met images.
In een div staat een image. De image is breder dan de div, maar de hoogte is wel goed.
Firefox doet dat prima,
Chrome gaat de zaak schalen zodat de image kleiner wordt, dat wil ik niet

Waar zit m dit in?
Voorbeeld?
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
  dinsdag 27 januari 2015 @ 22:31:25 #251
134533 donroyco
dus niet Donroyco
pi_149121687
quote:
0s.gif Op dinsdag 27 januari 2015 22:23 schreef Remkoe_ het volgende:
Programmeren en er maar niet uit komen! WRAAAAH!

Wellicht zijn er mensen bekend met StackoverFlow.. Voor mijn opleiding ben ik pas begonnen met het programmeren. Op dit moment zijn wij bezig met het maken van een sociale media dienst m.b.v jquery..

Op dit moment loop ik vast op een Follow & UnFollow button. Ik heb de button gestyled zodat er bij 1 class het lijkt of de knop niet is in gedrukt en 1 class dat de knop WEL is ingedrukt. Nu is het nog de schone taak hem werkende te krijgen. Normaal is de knop niet ingedrukt (class1) en staat er de tekst "follow" en wanneer je die knop indrukt moet hij een andere class gebruiken (class2) en moet de tekst "unfollow" worden. Helder en niet zo moeilijk toch? Maar toch loop ik vast!!

Nu heb ik de vraag voorgelegd bij mensen op StackoverFlow en die hebben mij zeker kunnen helpen maar alsnog kom ik er niet uit en begrijp ik sommige dingen niet. Hier is de link naar de topic daar :

http://goo.gl/GNTmD0

Is er soms iemand die zich geroepen voelt en mij uit deze HELL kan halen? Ruk zowat de haren uit m'n kop
Wat begrijp je niet? Laten we daar eens mee beginnen.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_149121829
Via JSFiddle werkt mijn code gewoon maar offline vanaf mijn pc niet :'( Daar komt mijn frustratie uit..

http://jsfiddle.net/frd6qkjq/5/

Hier werkt ie gewoon.

PS: Jaaaaa hij is niet responsive :P Moeten we nog gaan leren maargoed..
“Scientists tell us that the fastest animal on earth, with a top speed of 120 feet per second, is a cow that has been dropped out of a helicopter.”
  dinsdag 27 januari 2015 @ 22:38:51 #253
134533 donroyco
dus niet Donroyco
pi_149122054
quote:
0s.gif Op dinsdag 27 januari 2015 22:34 schreef Remkoe_ het volgende:
Via JSFiddle werkt mijn code gewoon maar offline vanaf mijn pc niet :'( Daar komt mijn frustratie uit..

http://jsfiddle.net/frd6qkjq/5/

Hier werkt ie gewoon.

PS: Jaaaaa hij is niet responsive :P Moeten we nog gaan leren maargoed..
http://learn.jquery.com/about-jquery/how-jquery-works/
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
  dinsdag 27 januari 2015 @ 22:48:15 #254
118011 BrainOverfloW
Fok! around the Clock!
pi_149122476
quote:
0s.gif Op dinsdag 27 januari 2015 22:34 schreef Remkoe_ het volgende:
Via JSFiddle werkt mijn code gewoon maar offline vanaf mijn pc niet :'( Daar komt mijn frustratie uit..

http://jsfiddle.net/frd6qkjq/5/

Hier werkt ie gewoon.

PS: Jaaaaa hij is niet responsive :P Moeten we nog gaan leren maargoed..
Check via je DevTools eens of je foutmeldingen krijgt, mocht je dat nog niet gedaan hebben. Misschien gaat er iets fout bij het inladen van je jQuery. Dat probleem valt weg als je de boel op jsfiddle gooit want die laad jQuery wel gewoon in.
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 27 januari 2015 @ 22:50:24 #255
230788 n8n
Pragmatisch
pi_149122552
Weet iemand (een artikel dat uitlegt) hoe je methods kan chainen en toch een resultaat kan return-en? Om te chainen moet je altijd return this; doen maar jquery kan het bijvoorbeeld wel: $(resultaat).chain(resultaat).chain(etc).
“Specialization is for insects”.—Robert Heinlein
pi_149122766
quote:
Check via je DevTools eens of je foutmeldingen krijgt, mocht je dat nog niet gedaan hebben. Misschien gaat er iets fout bij het inladen van je jQuery. Dat probleem valt weg als je de boel op jsfiddle gooit want die laad jQuery wel gewoon in.
Heb ik gedaan maar krijg geen foutmelding. Hij laad Jquery prima in :S
“Scientists tell us that the fastest animal on earth, with a top speed of 120 feet per second, is a cow that has been dropped out of a helicopter.”
  dinsdag 27 januari 2015 @ 22:55:37 #257
56176 Catch22-
Ben je Blind?!
pi_149122795
quote:
0s.gif Op dinsdag 27 januari 2015 22:50 schreef n8n het volgende:
Weet iemand (een artikel dat uitlegt) hoe je methods kan chainen en toch een resultaat kan return-en? Om te chainen moet je altijd return this; doen maar jquery kan het bijvoorbeeld wel: $(resultaat).chain(resultaat).chain(etc).
promises. .then
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_149122932
quote:
0s.gif Op dinsdag 27 januari 2015 22:55 schreef Remkoe_ het volgende:

[..]

Heb ik gedaan maar krijg geen foutmelding. Hij laad Jquery prima in :S
Stop deze ergens op je pagina, krijg je hoi, dan laadt hij Jquery prima in. Krijg je geen hoi, werk dan aan je vorige zin :P
1
2
3
4
5		 <script>
 $(document).ready(function() {
    alert('hoi');
});
</script>
pi_149122969
Ongelofelijk wat ben ik stom zeg.. Dat is het... Man daar had ik zelf ook nog wel over na kunnen denken... In ieder geval hartstikke bedankt!
“Scientists tell us that the fastest animal on earth, with a top speed of 120 feet per second, is a cow that has been dropped out of a helicopter.”
  dinsdag 27 januari 2015 @ 23:19:43 #260
230788 n8n
Pragmatisch
pi_149123990
quote:
1s.gif Op dinsdag 27 januari 2015 22:55 schreef Catch22- het volgende:

[..]

promises. .then
merci
“Specialization is for insects”.—Robert Heinlein
pi_149141218
Weer wat...

Ik heb een stukje html dat ik middels jquery in elkaar wil knopen.

1li = $('<li/>').css('background', 'url(' + item.thumbnail + ')').css('background-size', '100% 100%').html($('<a/>').attr('href', item.embed).html($('<div/>').attr('class', 'image').html($('<h2/>').html(item.title) + $('<p/>').text(item.name + $('<span/>').text(toHHMMSS(item.seconds))))));

Nu loopt alles tot aan div class="image"> goed, en daarna wordt alles [object Object]... terwijl het er toch goed uit lijkt te zien... iemand een suggestie?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  woensdag 28 januari 2015 @ 16:08:18 #262
56176 Catch22-
Ben je Blind?!
pi_149141400
quote:
0s.gif Op woensdag 28 januari 2015 16:02 schreef Chandler het volgende:
Weer wat...

Ik heb een stukje html dat ik middels jquery in elkaar wil knopen.
[ code verwijderd ]

Nu loopt alles tot aan div class="image"> goed, en daarna wordt alles [object Object]... terwijl het er toch goed uit lijkt te zien... iemand een suggestie?
Geen tijd/zin om het te fixen, maar doe jezelf een lol en maak de elementen die je nodig hebt eerst aan en append ze dan. Dat voorkomt onleesbare meuk als dit. Meerdere cssproperties kan je als object meegeven (.css({'width': '100%', 'color': 'red'})), maar beter doe je dat met classes
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_149141563
Classes zijn idd beter ;)

Nou het grappige is dat dit
1
2
3
4		var li = $('<li/>').css('background', 'url(' + item.thumbnail + ')').css('background-size', '100% 100%')
.html($('<a/>').attr('href', item.embed)
.html($('<div/>').attr('class', 'image')
.html($('<h2/>').html(item.title)))));

werkt maar als ik

1 + $('<p/>').text(item.name + $('<span/>').text(toHHMMSS(item.seconds))
achter item.title) zet het fout gaat, maar goed, ga verder met debuggen! :)

en dit is de opzet :)
1
2
3
4
5
6
7
8		var html = '<li style="background: url(' + item.thumbnail + ');background-size: 100% 100%;">
  <a href="' + item.embed + '">
    <div class="image">
      <h2>' + item.title + '</h2>
      <p>' + item.name + '<span>' + toHHMMSS(item.seconds) + '</span></p>
    </div>
  </a>
</li>';
:)

[ Bericht 16% gewijzigd door Chandler op 28-01-2015 16:27:59 ]
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  woensdag 28 januari 2015 @ 16:16:20 #264
56176 Catch22-
Ben je Blind?!
pi_149141660
quote:
14s.gif Op woensdag 28 januari 2015 16:13 schreef Chandler het volgende:
Classes zijn idd beter ;)

Nou het grappige is dat dit
[ code verwijderd ]

werkt maar als ik
[ code verwijderd ]

achter item.title) zet het fout gaat, maar goed, ga verder met debuggen! :)
Als je meer dan twee haakjes achterelkaar moet gebruiken om iets te sluiten, dan weet je al dat het mis gaat. Ik kan niet eens zien wat je uberhaupt probeert. Dus bouw gewoon los die elementen op en gebruik ze dan.

En gebruik in elk geval goede indenting, scheelt je veel geneuzel
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_149143707
Kijk eens naar templating i.p.v. die lappen HTML te genereren in JavaScript. Mustache bijvoorbeeld.
Nee.
  donderdag 29 januari 2015 @ 10:58:35 #266
230788 n8n
Pragmatisch
pi_149164570
quote:
11s.gif Op woensdag 28 januari 2015 16:08 schreef Catch22- het volgende:

[..]

Geen tijd/zin om het te fixen, maar doe jezelf een lol en maak de elementen die je nodig hebt eerst aan en append ze dan. Dat voorkomt onleesbare meuk als dit.
sheelt ook enorm in de performance, minder dom manipulatie. http://24ways.org/2011/your-jquery-now-with-less-suck

Zou je een bestaand element uit de html kunnen pakken, dat deconstructen naar een prototype en dat reconstructen met Json/xml? Een soort automatische templating :+

[ Bericht 5% gewijzigd door n8n op 29-01-2015 11:04:04 ]
“Specialization is for insects”.—Robert Heinlein
  donderdag 29 januari 2015 @ 11:00:24 #267
230788 n8n
Pragmatisch
pi_149164613
Die promise is wel erg egde-case trouwens. Ik ga zoiets proberen: http://jsfiddle.net/ScENm/
“Specialization is for insects”.—Robert Heinlein
pi_149390487
Geen idee of ik hier aan het juiste adres ben dus neem mij niet kwalijk :).
Ben op het moment aan het experimenteren met bootstrap, een simpele website in mekaar zetten.

Nu wilde ik aan de linker en rechterkant wat meer witte ruimte hebben.
De volgende code heb ik in css gezet:
1
2		html,body {
  height: 100%;  margin-left: 75px; margin-right: 75px; padding: 0px; }

Het grootste gedeelte van de site past zich nu daaraan aan (waaronder de bovenste navbar), helaas blijft de navbar aan de onderkant de gehele breeddte innemen. Terwijl deze ook gewoon in de body staat.
Weet iemand hoe dit op te lossen is?
  donderdag 5 februari 2015 @ 15:54:28 #269
56176 Catch22-
Ben je Blind?!
pi_149390564
In principe NOOIT css op je html element zetten.

body { padding:0 75px; }

zou het moeten doen.
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_149390677
quote:
11s.gif Op donderdag 5 februari 2015 15:54 schreef Catch22- het volgende:
In principe NOOIT css op je html element zetten.

body { padding:0 75px; }

zou het moeten doen.
Sorry dat wist ik niet :').
Maar als ik het probeer wat jij zei, dan blijft de onderste bar nog steeds over de gehele breedte. Terwijl die dus wel gewoon in de body staat.
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')