abonnement bol.com Unibet Coolblue
  zondag 15 mei 2016 @ 00:03:25 #1
56176 Catch22-
Ben je Blind?!
pi_162202612


Dit topic is bedoeld voor alle vragen m.b.t. HTML, CSS en javascript, kortom alles wat je nodig hebt om (de frontend van) een website te maken.

HTML: Hyper Text Markup Language is de structuur van een website. Door middel van verschillende html tags geef je aan welke elementen bij elkaar horen (bijv: <div>, <ul>), of wat de betekenis van deze data is (bijv. <p>, <h1>). HTML leent zich ook voor opmaak, maar het is makkelijker en verstandiger om hier CSS voor te gebruiken.
CSS: Cascading StyleSheet is de opmaak van een website. In je CSS specificeer je bijvoorbeeld welke kleur bepaalde elementen moeten hebben, hoe groot ze zijn en hoe je ze wilt rangschikken.
JS: Javascript Javascript (niet te verwarren met programmeertaal Java) is een scripttaal, waarmee het mogelijk is je website dynamisch te maken. Javascript kan bijvoorbeeld HTML-elementen aanpassen, toevoegen of verwijderen.

Vragen over PHP, SQL of andere serverside programmeertalen horen niet in dit topic. Deze kun je stellen in [PHP/MySQL] voor dummies of open zelf een topic.
Voor vragen over webhosting, domeinnamen enz. kun je terecht in Het grote (betaalde) webhosting topic
En voor Wordpress is er ook een speciaal topic, als het om meer gaat dan de HTML/CSS van een theme: [Wordpress]Algemeen topic

Code posten
Het is, als je een vraag stelt, vaak handig om hier een stukje code bij te voegen. Post niet klakkeloos je hele website, maar post alleen het stukje code waar je vraag over gaat. Gebruik bovendien de [code]-tag (code.png, zodat je HTML, CSS of Javascript code goed leesbaar is. Dus niet [quote] of [spoiler] of wat dan ook.
Nog beter is om een snippet in Codepen of JSFiddle te plakken. Hierdoor kunnen anderen je ook makkelijker helpen.

Veel voorkomende problemen
Veel problemen zijn te wijden aan het niet kloppen van HTML of CSS code. Een kleine typfout is snel gemaakt, en de webbrowser kan daar soms erg slecht mee omgaan. Om te controleren of je code technisch in orde is, kun je deze controleren met de W3 validator.
Is je code niet correct? Los dan eerst de fouten op zodat de validator geen foutmeldingen meer geeft. Dit lost niet altijd je probleem op, maar zorgt in ieder geval dat alles werkt zoals het hoort te werken, waardoor overige fouten ook veel makkelijker te achterhalen zijn.

IK SNAP ER NIETS VAN HELLEP! WAT IS CSS?
We helpen iedereen graag in dit topic, ook mensen die er helemaal niets van begrijpen. Maar we verwachten wel dat je je best doet om het wel te gaan begrijpen. Lees eens wat tutorials en probeer het altijd eerst zelf. Je krijgt hier tips waar je zelf iets mee moet doen.

Hier een paar artikelen over CSS elementen die vaak voor verwarring zorgen
CSS Floats 101
CSS Positioning 101

Heb je zin om HTML, CSS of Javascript leren, dan zijn deze video tutorials een goede plek om te beginnen
30 Days to Learn HTML & CSS
30 Days to Learn jQuery
JavaScript from null

Overige tips & tricks
jQuery Tips and Tricks
Hidden Features of JavaScript

Populaire frameworks
• [HTML/CSS] Bootstrap
• [HTML/CSS] Foundation
• [JS] jQuery
• [JS] AngularJS
• [JS] Backbone
• [JS] Ember.js
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 15 mei 2016 @ 00:04:16 #2
56176 Catch22-
Ben je Blind?!
pi_162202683
In een loopje doe ik het wel. Daarbuiten wel +=, maar niet in optellingen met meer dan 1 variabele
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_162202800
Stuk ongeduld.
  zondag 15 mei 2016 @ 00:09:23 #4
56176 Catch22-
Ben je Blind?!
pi_162203089
quote:
7s.gif Op zondag 15 mei 2016 00:05 schreef KomtTijd... het volgende:
Stuk ongeduld.
Ik wou dat posten en anders vergeet ik het weer. Mijn garbage collector is vrij agressief
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 15 mei 2016 @ 10:52:48 #5
118011 BrainOverfloW
Fok! around the Clock!
pi_162210722
Inmiddels zouden Vue en React ook wel een plekje in bij de populaire frameworks mogen krijgen denk ik.
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_162587389
quote:
1s.gif Op zaterdag 28 mei 2016 23:55 schreef d4v1d het volgende:

[..]

Kijk ook hier eens naar http://pingendo.com/
Oh cool! Dat is wel een leuk alternatief (en gratis), thanks
pi_162589951
Zat er even mee te klooien, het heeft wel een vervelende bug met de (image) paths. Op Windows pakt die dan een backslash ipv een forward slash :')
pi_162591708
Wat zijn we lekker enthousiast jongens.
  zondag 29 mei 2016 @ 15:10:55 #11
403866 richolio
#MacMasterrace
pi_162592524
Grappig. Ik ging het ook even uitproberen, alleen werd heel Pingendo ineens wit :') Maar ik mag niet klagen over zulke bugs, het is toch gratis.



Gebeurt dus als je de typography wil aanpassen
'Richolio _O_' - tong80
LAST.FM
  zondag 29 mei 2016 @ 15:31:11 #12
403866 richolio
#MacMasterrace
pi_162593165
Als ze het nou nog net wat meer Sketch maken :9~
'Richolio _O_' - tong80
LAST.FM
pi_162593467
quote:
1s.gif Op zaterdag 28 mei 2016 23:55 schreef d4v1d het volgende:

[..]

Kijk ook hier eens naar http://pingendo.com/
Is wel heel basic zo te zien
pi_162593782
quote:
0s.gif Op zondag 29 mei 2016 15:10 schreef richolio het volgende:
Grappig. Ik ging het ook even uitproberen, alleen werd heel Pingendo ineens wit :') Maar ik mag niet klagen over zulke bugs, het is toch gratis.

[ afbeelding ]

Gebeurt dus als je de typography wil aanpassen
Sylvana Simons kom d'r maar in
pi_163742847
:P Zitten hier toevallig nog freelancers die nog een klus zoeken?
pi_166471868
Kick! :P.

Naar aanleiding van FB / FOK!'s User Awards-verkiezing 2016......:
Ik wil het invullen van dat vragenlijstje vergemakkelijken.

Bedoeling: users vullen de antwoorden in en de code die op het forum geplaatst kan worden, wordt geplaatst in een textarea dat kopieerbaar is.

Wat ik momenteel heb: http://fok.nfshost.com/verkiezingen/.

Is gemaakt met behulp van: https://jsfiddle.net/y55rbykv/ (ben op weg geholpen door een andere user - picodealion).

Iemand een idee hoe ik het werkend krijg?
pi_166472295
-edit-
Je moet toch wat duidelijker zijn. Wat werkt bij jou wel en niet? Je pagina doet het niet omdat je daar geen scripts in hebt zitten, alleen jQuery. De fiddle werkt hier wel gewoon in Chrome.
pi_166472421
quote:
14s.gif Op maandag 7 november 2016 11:18 schreef picodealion het volgende:
-edit-
Je moet toch wat duidelijker zijn. Wat werkt bij jou wel en niet? Je pagina doet het niet omdat je daar geen scripts in hebt zitten, alleen jQuery. De fiddle werkt hier wel gewoon in Chrome.
Ik gebruik Firefox, en daar bleef de textbox in JSFiddle leeg. In Chrome werkt het wel.

Edit: nu werkt het ook in Firefox... Hm, weird.

Even verder puzzelen. Bedankt!

[ Bericht 6% gewijzigd door #ANONIEM op 07-11-2016 11:25:11 ]
pi_166472512
quote:
14s.gif Op maandag 7 november 2016 11:18 schreef picodealion het volgende:
-edit-
Je moet toch wat duidelijker zijn. Wat werkt bij jou wel en niet? Je pagina doet het niet omdat je daar geen scripts in hebt zitten, alleen jQuery. De fiddle werkt hier wel gewoon in Chrome.
O+. Hij doet 't.

Is er een mogelijkheid om alleen de veranderde input-boxen mee te nemen? Dus als er maar 4 van 15 worden ingevuld, zie je ook alleen de output van die 4, zeg maar.
pi_166472563
iets van (psuedo code) if (textbox.value != "") inbouwen?
pi_166472613
Dat zou je dan op iedere individuele regel moeten toepassen. Het kan uiteraard wel, maar gezien je geringe ervaring met javascript zou ik daar niet aan beginnen. Of wel, maar dan moet je wel echt even wat actiever uitzoeken hoe javascript werkt en vooral hoe je met behulp van de developer tools je code kan debuggen.
pi_166472659
quote:
14s.gif Op maandag 7 november 2016 11:34 schreef KomtTijd... het volgende:
iets van (psuedo code) if (textbox.value != "") inbouwen?
Zou je een voorzetje kunnen geven? :@.

Bedoel, kan zelf wel prutsen natuurlijk, maar ik denk niet ik het vlot krijg zoals ik het wil.

quote:
14s.gif Op maandag 7 november 2016 11:37 schreef picodealion het volgende:
Dat zou je dan op iedere individuele regel moeten toepassen. Het kan uiteraard wel, maar gezien je geringe ervaring met javascript zou ik daar niet aan beginnen. Of wel, maar dan moet je wel echt even wat actiever uitzoeken hoe javascript werkt en vooral hoe je met behulp van de developer tools je code kan debuggen.
Geen probleem om het per regel toe te passen...

Thanks in ieder geval, ga zo even uitzoeken of er wat 'makkelijks' voor op te verzinnen valt. Eerst het geheel maar even afmaken.
  maandag 7 november 2016 @ 11:46:10 #23
56176 Catch22-
Ben je Blind?!
pi_166472757
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
(function($) {

  $('input').change(updateOutput);

  function updateOutput() {
      var output = "";
            $("p.item").each(function(item) {
          var text = $("span", this).text();
        var value = $("input:text", this).val();
        if(value && value.length > 0) {
        console.log("adding", value)
            output += "[b]" + text + "[/b]" + " " + value + "\n\n";
        }
      })
      console.log("Setting output", output)
      $('#output').val(output);
  }

  function getUser(award) {
    return $('input[name="' + award + '"]').val();
  }
  
})(jQuery);
1
2
3
4
5
6
7
8
<p class='item'>
  <span>Leo Blokhuis Award - Grootste muziekkenner :</span>  <input type="text" name="LeoBlokhuis">
</p>
<p class='item'>
  <span>Philippe Geubels Award - User met de meest humor :</span> <input type="text" name="PhilippeGeubels">
</p>
 
<textarea id="output" id="" cols="30" rows="10"></textarea>

https://jsfiddle.net/78825ajh/

quote:
0s.gif Op maandag 7 november 2016 11:40 schreef zarGon het volgende:
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_166472844
Ah ja, netjes.
pi_166473176
quote:
11s.gif Op maandag 7 november 2016 11:46 schreef Catch22- het volgende:

[ code verwijderd ]

[ code verwijderd ]

https://jsfiddle.net/78825ajh/

[..]

O+. O+. O+.

FB / FOK!'s User Awards-verkiezing 2016....... :P.

Hartstikke bedankt alledrie, voor het meedenken en ook daadwerkelijk meeschrijven van de code. _O_.
  maandag 7 november 2016 @ 12:35:20 #26
56176 Catch22-
Ben je Blind?!
pi_166473787
quote:
0s.gif Op maandag 7 november 2016 12:06 schreef zarGon het volgende:

[..]

O+. O+. O+.

FB / FOK!'s User Awards-verkiezing 2016....... :P.

Hartstikke bedankt alledrie, voor het meedenken en ook daadwerkelijk meeschrijven van de code. _O_.
:)
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?
  maandag 7 november 2016 @ 12:42:54 #27
416020 K44S
The bearded man
pi_166473953
Ik post hier ook maar eens.
Mijn ambitie: Websites/apps leren maken en mijn service verkopen :).

Dus ik zal waarschijnlijk af en toe mee lezen :)
The bearded man: “So many good tunes, I didn't have time to shave!”
pi_166475080
quote:
0s.gif Op maandag 7 november 2016 12:42 schreef K44S het volgende:
Ik post hier ook maar eens.
Mijn ambitie: Websites/apps leren maken en mijn service verkopen :).

Dus ik zal waarschijnlijk af en toe mee lezen :)
Begin simpel, leer de basics en succes ^O^
  maandag 7 november 2016 @ 13:35:51 #29
416020 K44S
The bearded man
pi_166475097
quote:
0s.gif Op maandag 7 november 2016 13:35 schreef Darkomen het volgende:

[..]

Begin simpel, leer de basics en succes ^O^
Heb je daarin tips?
The bearded man: “So many good tunes, I didn't have time to shave!”
pi_166475546
Dat waren mijn tips ;-)
  maandag 7 november 2016 @ 13:58:26 #31
416020 K44S
The bearded man
pi_166475570
quote:
0s.gif Op maandag 7 november 2016 13:57 schreef Darkomen het volgende:
Dat waren mijn tips ;-)
Haha, duidelijk :)
The bearded man: “So many good tunes, I didn't have time to shave!”
  maandag 7 november 2016 @ 14:24:25 #32
56176 Catch22-
Ben je Blind?!
pi_166476103
quote:
0s.gif Op maandag 7 november 2016 13:58 schreef K44S het volgende:

[..]

Haha, duidelijk :)
In de OP staan een paar links. Als je die hebt gelezen (en snapt) kom je maar terug ;)
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_166476153
quote:
0s.gif Op maandag 7 november 2016 13:35 schreef K44S het volgende:

[..]

Heb je daarin tips?
http://jgthms.com/web-design-in-4-minutes/. :P.
  donderdag 17 november 2016 @ 20:35:52 #34
343369 Laser.
Love Always Shines
pi_166721031
-opgelost-

[ Bericht 98% gewijzigd door Laser. op 18-11-2016 02:14:58 ]
  vrijdag 18 november 2016 @ 09:56:53 #35
56176 Catch22-
Ben je Blind?!
pi_166730339
quote:
0s.gif Op donderdag 17 november 2016 20:35 schreef Laser. het volgende:
-opgelost-
das niet zo netjes. Zet even je oplossing er bij voor anderen.

Ik zou het overigens wat gracieuzer oplossen met een class en transition. Zoveel logica in een onscroll is een drama, performance-wise gezien #perfmatters
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_167032030
Ik ben bezig met het leren van HTML & CSS en wil daarna eigenlijk ook echt gaan programmeren (PHP o.i.d.), maar ik vraag me eigenlijk af hoe realistisch het is om hier nog echt goed in te worden, aangezien ik al een jaar of 10 aan het werk ben in een beroep wat niet zoveel met online te maken heeft. Daarnaast wil ik het eigenlijk doen zonder een opleiding te volgen.

Iemand die me hier advies over kan geven?
Is het weer om te lachen?
pi_167032162
Ik zou me gewoon richten op front-end en niet ook nog naar PHP gaan kijken. Front-end is zo ontzettend breed, daar ben je wel even mee bezig. En JavaScript is ook "echt" programmeren hoor :)
Bleuh.
pi_167032328
quote:
0s.gif Op donderdag 1 december 2016 21:11 schreef PimD het volgende:
Ik zou me gewoon richten op front-end en niet ook nog naar PHP gaan kijken. Front-end is zo ontzettend breed, daar ben je wel even mee bezig. En JavaScript is ook "echt" programmeren hoor :)
Ja klopt, dat is inderdaad ook iets waar ik in ieder geval iets vanaf wil weten. Eigenlijk is m'n doel gewoon dat ik zelf wat software kan ontwikkelen en het liefst ook alle disciplines, maar misschien is dat dus niet realistisch meer?
Is het weer om te lachen?
pi_167032406
quote:
5s.gif Op donderdag 1 december 2016 21:15 schreef Tshot het volgende:

[..]

Ja klopt, dat is inderdaad ook iets waar ik in ieder geval iets vanaf wil weten. Eigenlijk is m'n doel gewoon dat ik zelf wat software kan ontwikkelen en het liefst ook alle disciplines, maar misschien is dat dus niet realistisch meer?
Even 'erbij' fullstack developer zijn is er niet meer bij.
Drop drop drop drop drop drop drop!!!! DROP!!! drop drop drop drop !!
pi_167032550
quote:
1s.gif Op donderdag 1 december 2016 21:16 schreef JeSuisDroppie het volgende:

[..]

Even 'erbij' fullstack developer zijn is er niet meer bij.
Geloof ik wel, maar ik weet nog niet zo goed wat me het beste ligt, frontend of backend. Enige manier om daar achter te komen is door het toch maar gewoon te proberen lijkt mij?
Is het weer om te lachen?
  donderdag 1 december 2016 @ 21:22:24 #41
56176 Catch22-
Ben je Blind?!
pi_167032614
quote:
0s.gif Op donderdag 1 december 2016 21:20 schreef Tshot het volgende:

[..]

Geloof ik wel, maar ik weet nog niet zo goed wat me het beste ligt, frontend of backend. Enige manier om daar achter te komen is door het toch maar gewoon te proberen lijkt mij?
ja
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_167032679
quote:
1s.gif Op donderdag 1 december 2016 21:22 schreef Catch22- het volgende:

[..]

ja
Helder. En is het realistisch om het in de avonduurtjes/weekenden te moeten leren?
Is het weer om te lachen?
pi_167033164
quote:
14s.gif Op donderdag 1 december 2016 21:24 schreef Tshot het volgende:

[..]

Helder. En is het realistisch om het in de avonduurtjes/weekenden te moeten leren?
Als je je focust op 1 van de gebieden wel ja.
Drop drop drop drop drop drop drop!!!! DROP!!! drop drop drop drop !!
  donderdag 1 december 2016 @ 21:44:39 #44
56176 Catch22-
Ben je Blind?!
pi_167033432
quote:
14s.gif Op donderdag 1 december 2016 21:24 schreef Tshot het volgende:

[..]

Helder. En is het realistisch om het in de avonduurtjes/weekenden te moeten leren?
Dat ligt echt volkomen aan je inzet, aanleg en toewijding
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_167207585
Met de ontwikkeling van een website ben ik nu in gesprek met de websitebouwers.

Om een logo te uploaden hebben we nu een simpel "Browse" knopje en dan in je verkenner mag je het logo opzoeken. Wij willen hier een drag and drop dingetje voor zoals op de meeste moderne websites te vinden is.

Zo ziet het er nu uit:


En dit zou ik willen:
http://www.dropzonejs.com/

De vraag is: wat kost het een (ervaren) websitebouwer nou om dit te implementeren, in uren? Is dit eerder een uurtje of twee werk of twee volle dagen. We draaien op apache, jquery, php, bootstrap.
pi_167207604
2 uur.
Drop drop drop drop drop drop drop!!!! DROP!!! drop drop drop drop !!
  vrijdag 9 december 2016 @ 12:00:19 #47
56176 Catch22-
Ben je Blind?!
pi_167209708
1 uur en dan kan hij ook nog even lekker schijten

https://www.sitepoint.com/html5-file-drag-and-drop/
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_167209920
Helder :') Wat moet je er voor doen dan?

Bestandje van script op de server plempen en toevoegen in de broncode?
pi_167210325
quote:
0s.gif Op vrijdag 9 december 2016 12:13 schreef CompanionCube het volgende:
Helder :') Wat moet je er voor doen dan?

Bestandje van script op de server plempen en toevoegen in de broncode?
Tutorial volgen en aanpassen naar wensen.

Let wel even op het stukje 'Big, Bad Browser Support'.
Helaas zijn er nog browsers die dit niet ondersteunen
pi_167210515
Ligt er maar net aan wat voor implementatie je moet hebben. Ik heb dat DropZone verhaal pas een keer in een project moeten inbouwen waar de hele formulierenlogica m.b.v. FormData werd verzonden naar een webservice. Dat was toch wel even iets meer werk dan een uurtje hoor.
Bleuh.
pi_168181805
Hoe doe ik dit in hemelsnaam?

Ik heb in js een array/object of wat het dan ook is (volgens mij een object omdat in JS anders geen custom keys zijn volgens mij.

maar ik wil dit doen:

bla['cwt'][id] = Array(id, ct);

Als id bijv. 3 is dan zet ie de juiste waardes erin, maar dan maakt ie ook bla["cwt"][0] ...[1] en ...[2] aan, zonder waarde. Maar alleen [3] moet erin komen.
Als id een string is, bijv. "dfsd" dan doet ie helemaal niks, komt er niks in te staan.

Ik ga ervanuit dat dit voldoende duidelijk maakt wat mijn probleem is.

Alvast bedankt voor reacties, ik ga nu slapen.
pi_168183672
quote:
0s.gif Op maandag 16 januari 2017 01:04 schreef Skunk-m het volgende:

Ik ga ervanuit dat dit voldoende duidelijk maakt wat mijn probleem is.

Alvast bedankt voor reacties, ik ga nu slapen.
Nee, je hebt alleen wat rare behaviour (wat zover mijn roestige JS kennis reikt, gewoon gedocumenteerd is) aangetoond maar vertelt nergens wat je wilt bereiken.
pi_168184029
quote:
1s.gif Op maandag 16 januari 2017 09:03 schreef KomtTijd... het volgende:

[..]

Nee, je hebt alleen wat rare behaviour (wat zover mijn roestige JS kennis reikt, gewoon gedocumenteerd is) aangetoond maar vertelt nergens wat je wilt bereiken.
Wat ik wil bereiken is dat ik bla['cwt'][3] of bla['cwt']['dfgfdg'] krijg, iig een subarray met een zelf bepaalde key. nou krijg ik in het tweede geval gewoon niks en blijft bla['cwt'] leeg en in het eerste geval krijg ik bla[''cwt][0], bla[''cwt][1] en bla[''cwt][2] cadeau, wat niet de bedoeling is.
Volgens alles wat ik google doe ik het gewoon goed.
pi_168184157
Volgens mij (maar nogmaals dat is roestig) wordt een array altijd gevuld tot de hoogste key, en kan een array (zoals je ook zelf al zei) geen string keys bevatten, daar moet je een object voor gebruiken.

Dus volgens mij klopt het gewoon wat er gebeurt en kan wat jij wilt niet.

Maar ik geloof nooit dat hetgeen je wilt bereiken, is dat je een "bla['cwt'][3] of bla['cwt']['dfgfdg']" array-key hebt. Dat lijkt me eerder een middel om een doel te bereiken.
pi_168185292
quote:
14s.gif Op maandag 16 januari 2017 09:49 schreef KomtTijd... het volgende:
Volgens mij (maar nogmaals dat is roestig) wordt een array altijd gevuld tot de hoogste key, en kan een array (zoals je ook zelf al zei) geen string keys bevatten, daar moet je een object voor gebruiken.

Dus volgens mij klopt het gewoon wat er gebeurt en kan wat jij wilt niet.

Maar ik geloof nooit dat hetgeen je wilt bereiken, is dat je een "bla['cwt'][3] of bla['cwt']['dfgfdg']" array-key hebt. Dat lijkt me eerder een middel om een doel te bereiken.
Het is een array die in php gemaakt is cwt staat daar in als: "cwt" => array()
Deze array is daarna met json_encode() in een cookie gezet.
Die cookie word uitgelezen in javascript en geparsed met JSON.parse (nadat de slashes zijn gestript en er ge-unescaped is) (en het is dus een object anders had ik toch uberhaupt al geen associative array in js)
In javascript wil ik records of net hoe je het wil noemen toevoegen aan de cwt subarray
Als ik in php $bla['cwt'][3] = "bla"; zou doen dan zou dat gewoon werken en zou er geen 0,1 en 2 zijn.
wat ik dus wil hebben is "cwt" => array("key1" => "waarde1", "key2" = "waarde2"..

En wat ik al vermoedde als ik in php dat cookie aanmaak en ipv cwt =>array() er al een waarde in doe, dus "cwt" =>array( 3 => array( 3, 5 ) ) dan werkt het wel gewoon, dan voegt ie wel gewoon normaal waardes eraan toe in javascript, maar als ik die array leeg laat, wat in eerste instantie de bedoeling is dan doet ie wat ik eerder al gezegd heb.

EDIT: Ik kan wel als ik "cwt" =>array() achteraan heb staan kan ik nadat ik json_encode heb gedaan substr($bla, 0, -3) (laatste 3 characters verwijderen, namelijk: []} ) en dan $bla .= {}} doen, dan werkt het wel, maar dat kan nooit de normale gang van zaken zijn.
maar het is nu dus eigenlijk een php vraag geworden denk ik.

[ Bericht 3% gewijzigd door Skunk-m op 16-01-2017 11:10:28 ]
  maandag 16 januari 2017 @ 11:12:14 #56
56176 Catch22-
Ben je Blind?!
pi_168185629
Je maakt de cruciale denkfout te denken dat in javascript arrays zo werken als in PHP.
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_168186744
quote:
11s.gif Op maandag 16 januari 2017 11:12 schreef Catch22- het volgende:
Je maakt de cruciale denkfout te denken dat in javascript arrays zo werken als in PHP.
dat doe ik niet, de vraag is alleen hoe het wel werkt. en wat ik deed klopte alleen moest ik in php zorgen dat cwt niet als lege array maar leeg object erin stond, dus {} ipv [] het is mij alleen een raadsel hoe ik dat doe in php
nou is dus de vgraag hoe ik in php een lege array (of wat dan ook) neerzet zodat ie er na json_encode zo uitziet: {} ipv zo: []
  maandag 16 januari 2017 @ 12:32:57 #58
12221 Tijn
Powered by MS Paint
pi_168187141
quote:
0s.gif Op maandag 16 januari 2017 12:12 schreef Skunk-m het volgende:

[..]

nou is dus de vgraag hoe ik in php een lege array (of wat dan ook) neerzet zodat ie er na json_encode zo uitziet: {} ipv zo: []
1
2
3
4
<?php
$data
['dingen'] = new stdClass();
echo 
json_encode($data);
?>

Geeft:

1{"dingen":{}}
pi_168187995
quote:
0s.gif Op maandag 16 januari 2017 12:12 schreef Skunk-m het volgende:

[..]

dat doe ik niet, de vraag is alleen hoe het wel werkt. en wat ik deed klopte alleen moest ik in php zorgen dat cwt niet als lege array maar leeg object erin stond, dus {} ipv [] het is mij alleen een raadsel hoe ik dat doe in php
nou is dus de vgraag hoe ik in php een lege array (of wat dan ook) neerzet zodat ie er na json_encode zo uitziet: {} ipv zo: []
Dat is al een hele andere vraag dan waar je mee begon ;)

Naast het antwoord van Tijn zou je ook naar de JSON_FORCE_OBJECT flag kunnen kijken.

edit: of wat JS oplossingen: http://stackoverflow.com/(...)vert-array-to-object

[ Bericht 8% gewijzigd door KomtTijd... op 16-01-2017 13:21:20 ]
pi_168192028
Bedankt beide, nou komt het goed.
  zaterdag 21 januari 2017 @ 12:45:39 #61
463618 Maydiengo
A Tree Grows in Brooklyn
pi_168319060
Hoi allemaal,

Ik heb een vraag over de beschikbaarheid van online tutorials, maar een apart topic hiervoor openen leek me niet nodig. Hopelijk kunnen jullie me helpen. :)

Al een tijdje ben ik bezig met tutorials volgen die HTML, CSS en JS behandelen, maar ik vind het lastig om mijn nieuwe skills echt te oefenen. Kennen jullie websites waar je volgens een soort stappenplan een simpel webappje opzet, waar HTML, CSS en JS allemaal aan bod komen?
  zaterdag 21 januari 2017 @ 12:50:06 #62
308438 Ser_Ciappelletto
Semi-professionele SJW
pi_168319104
quote:
7s.gif Op zaterdag 21 januari 2017 12:45 schreef Maydiengo het volgende:
Hoi allemaal,

Ik heb een vraag over de beschikbaarheid van online tutorials, maar een apart topic hiervoor openen leek me niet nodig. Hopelijk kunnen jullie me helpen. :)

Al een tijdje ben ik bezig met tutorials volgen die HTML, CSS en JS behandelen, maar ik vind het lastig om mijn nieuwe skills echt te oefenen. Kennen jullie websites waar je volgens een soort stappenplan een simpel webappje opzet, waar HTML, CSS en JS allemaal aan bod komen?
Codecademy was best prima, maar volgens mij is het tegenwoordig vernacheld. Je kunt er eens een kijkje nemen.
  zaterdag 21 januari 2017 @ 15:27:26 #63
118011 BrainOverfloW
Fok! around the Clock!
pi_168321797
quote:
7s.gif Op zaterdag 21 januari 2017 12:45 schreef Maydiengo het volgende:
Hoi allemaal,

Ik heb een vraag over de beschikbaarheid van online tutorials, maar een apart topic hiervoor openen leek me niet nodig. Hopelijk kunnen jullie me helpen. :)

Al een tijdje ben ik bezig met tutorials volgen die HTML, CSS en JS behandelen, maar ik vind het lastig om mijn nieuwe skills echt te oefenen. Kennen jullie websites waar je volgens een soort stappenplan een simpel webappje opzet, waar HTML, CSS en JS allemaal aan bod komen?
Tutorials volgens heeft zeker zijn waarde in het leren van nieuwe talen en technieken. De volgende stap om je coding skills te oefenen is om zelf dingen te bouwen.

Het process van uitzoeken wat je allemaal nodig hebt voor een pagina, hoe je je code het beste kunt organiseren en het oplossen van de problemen waar je tegen aan loopt vind je niet in tutorials waar de instructeur dit allemaal al voor je uitgezocht heeft.

Wat je bijvoorbeeld kunt doen is naar een site als Dribbble gaan en te zoeken naar termen als app design of UI kit. Zoek een design uit wat je mooi vind en waarvan je het idee het zou kunnen bouwen en probeer het design uit te programmeren.

Je zou ook eens kunnen kijken naar JavaScript 30. Daar vind je 30 video tutorials van creative, kleine projectjes die je mee kunt bouwen. Zoals de naam al zegt is de serie vooral gericht op JavaScript, maar er zit ook wel wat CSS bij 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
  zaterdag 21 januari 2017 @ 16:20:46 #64
463618 Maydiengo
A Tree Grows in Brooklyn
pi_168322596
quote:
0s.gif Op zaterdag 21 januari 2017 12:50 schreef Ser_Ciappelletto het volgende:

[..]

Codecademy was best prima, maar volgens mij is het tegenwoordig vernacheld. Je kunt er eens een kijkje nemen.
Ik ben bekend met Codeacademy, en dat zijn juist de tutorials die ik nu wel heb gezien. Toch bedankt voor de tip. :)
  zaterdag 21 januari 2017 @ 16:21:50 #65
463618 Maydiengo
A Tree Grows in Brooklyn
pi_168322614
quote:
0s.gif Op zaterdag 21 januari 2017 15:27 schreef BrainOverfloW het volgende:

[..]

Tutorials volgens heeft zeker zijn waarde in het leren van nieuwe talen en technieken. De volgende stap om je coding skills te oefenen is om zelf dingen te bouwen.

Het process van uitzoeken wat je allemaal nodig hebt voor een pagina, hoe je je code het beste kunt organiseren en het oplossen van de problemen waar je tegen aan loopt vind je niet in tutorials waar de instructeur dit allemaal al voor je uitgezocht heeft.

Wat je bijvoorbeeld kunt doen is naar een site als Dribbble gaan en te zoeken naar termen als app design of UI kit. Zoek een design uit wat je mooi vind en waarvan je het idee het zou kunnen bouwen en probeer het design uit te programmeren.

Je zou ook eens kunnen kijken naar JavaScript 30. Daar vind je 30 video tutorials van creative, kleine projectjes die je mee kunt bouwen. Zoals de naam al zegt is de serie vooral gericht op JavaScript, maar er zit ook wel wat CSS bij in.
Heel erg bedankt. Ik ga hier even naar kijken. ^O^ Ik realiseer me dat ik zelf dingen moet gaan bouwen, maar het probleem is een beetje dat ik geen idee heb wat ik zou moeten/kunnen bouwen.
  zaterdag 21 januari 2017 @ 16:28:07 #66
56176 Catch22-
Ben je Blind?!
pi_168322685
Kleine tip, kopieer/plak niets, maar type het over. Als je niet precies weet wat je overtypt, zoek de functie dan op op msn (Mozilla developer network)
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?
  zaterdag 21 januari 2017 @ 16:40:59 #67
12221 Tijn
Powered by MS Paint
pi_168322887
quote:
0s.gif Op zaterdag 21 januari 2017 16:21 schreef Maydiengo het volgende:

[..]

het probleem is een beetje dat ik geen idee heb wat ik zou moeten/kunnen bouwen.
Een todo list!
  zaterdag 21 januari 2017 @ 16:44:23 #68
463618 Maydiengo
A Tree Grows in Brooklyn
pi_168322932
quote:
14s.gif Op zaterdag 21 januari 2017 16:40 schreef Tijn het volgende:

[..]

Een todo list!
Dat is wel een goeie inderdaad. Ik denk meteen te groot, maar ik kan natuurlijk klein beginnen.
  zaterdag 21 januari 2017 @ 16:44:50 #69
463618 Maydiengo
A Tree Grows in Brooklyn
pi_168322942
quote:
0s.gif Op zaterdag 21 januari 2017 16:28 schreef Catch22- het volgende:
Kleine tip, kopieer/plak niets, maar type het over. Als je niet precies weet wat je overtypt, zoek de functie dan op op msn (Mozilla developer network)
Zo wou ik het zeker gaan doen.
  zaterdag 21 januari 2017 @ 16:46:39 #70
56176 Catch22-
Ben je Blind?!
pi_168322964
Gebruik ook een goede ide. Ik ben erg fan van visual studio code.
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_168323042
De IDE's van Jetbrains kan je een gratis gebruiken als student
  zaterdag 21 januari 2017 @ 16:53:28 #72
56176 Catch22-
Ben je Blind?!
pi_168323056
quote:
1s.gif Op zaterdag 21 januari 2017 16:52 schreef JanCees het volgende:
De IDE's van Jetbrains kan je een gratis gebruiken als student
Vind ik persoonlijk vrij log voor frontend
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 22 januari 2017 @ 10:45:53 #73
463618 Maydiengo
A Tree Grows in Brooklyn
pi_168337336
quote:
0s.gif Op zaterdag 21 januari 2017 16:46 schreef Catch22- het volgende:
Gebruik ook een goede ide. Ik ben erg fan van visual studio code.
Heb deze gisteren gedownload. Werkt inderdaad erg lekker.
  zondag 22 januari 2017 @ 13:02:03 #74
463618 Maydiengo
A Tree Grows in Brooklyn
pi_168340203
Nog een vraag, over iets anders weer. Zijn er websites/tools waar je je code doorheen kan halen, waarna je code wordt beoordeeld op juistheid en stijl, mogelijk zelfs met suggesties voor verbetering?
  zondag 22 januari 2017 @ 13:08:40 #75
12221 Tijn
Powered by MS Paint
pi_168340377
quote:
2s.gif Op zondag 22 januari 2017 13:02 schreef Maydiengo het volgende:
Nog een vraag, over iets anders weer. Zijn er websites/tools waar je je code doorheen kan halen, waarna je code wordt beoordeeld op juistheid en stijl, mogelijk zelfs met suggesties voor verbetering?
Zoiets als W3C Validator of JSLint?
abonnement bol.com Unibet Coolblue
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')