[Javascript] voor dummies (deel 8)

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_64529860
Ik heb graag mijn website Valid. Nu heb ik er het volgende script in geplaatst:
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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96		 <script type="text/javascript">
info=[
[''],
['De keet is gesloten tot er een nieuwe plek gevonden is.'],
['Wij zijn van 2 tot en met 5 januari naar Center Parcs.'],
['Wist u dat...de Flits is verkozen tot de grootste kankerlijer van Hokje 10?'],
['Wist u dat...Bert de Boer verkozen is tot lekkerste jongen van Hokje 10?']
]

step=1
nextMessage=1

function initTSV1(){
tsvDisplay=document.getElementById("tsvcont")

for(var i=0;i<2;i++){
newDiv=document.createElement("DIV")
newDiv.setAttribute("id","tsvdiv"+i)
newDiv.onmouseover=function(){clearTimeout(timer)}
newDiv.onmouseout=function(){scrollTSV1()}
newDiv.style.position="absolute"
newDiv.style.padding="0 5 10 5" // top right bottom left
tsvDisplay.appendChild(newDiv)
}

tsvDv0=document.getElementById("tsvdiv0")
tsvDv1=document.getElementById("tsvdiv1")
tsvDv0.innerHTML=info[0]
tsvDv1.innerHTML=info[1]

tsvDv0.style.top=tsvDisplay.offsetHeight
tsvDv1.style.top=tsvDisplay.offsetHeight+tsvDv0.offsetHeight+"px"

scrollTSV1()
}

function scrollTSV1(){
tsvDv0Pos=parseInt(tsvDv0.style.top)
tsvDv1Pos=parseInt(tsvDv1.style.top)

tsvDv0Pos-=step
tsvDv1Pos-=step

tsvDv0.style.top=tsvDv0Pos+"px"
tsvDv1.style.top=tsvDv1Pos+"px"

if(tsvDv0Pos< -tsvDv0.offsetHeight){

nextMessage++
if(nextMessage==info.length){nextMessage=0}
tsvDv0.innerHTML=info[nextMessage]

if(tsvDv1.offsetHeight<tsvDisplay.offsetHeight){

if(tsvDv1.offsetTop<tsvDisplay.offsetHeight-tsvDv1.offsetHeight){
tsvDv0.style.top=tsvDisplay.offsetHeight+"px"
}
else{
tsvDv0.style.top=tsvDv1.offsetTop+tsvDv1.offsetHeight+"px"
}

}
else{
tsvDv0.style.top=tsvDv1.offsetTop+tsvDv1.offsetHeight+"px"
}

}

if(tsvDv1Pos< -tsvDv1.offsetHeight){

nextMessage++
if(nextMessage==info.length){nextMessage=0}
tsvDv1.innerHTML=info[nextMessage]

if(tsvDv0.offsetHeight<tsvDisplay.offsetHeight){

if(tsvDv0.offsetTop<tsvDisplay.offsetHeight-tsvDv0.offsetHeight){
tsvDv1.style.top=tsvDisplay.offsetHeight+"px"
}
else{
tsvDv1.style.top=tsvDv0.offsetTop+tsvDv0.offsetHeight+"px"
}

}
else{
tsvDv1.style.top= tsvDv0.offsetTop+tsvDv0.offsetHeight+"px"
}

}

timer=setTimeout("scrollTSV1()",50)

}

// add onload="initTSV1()" to the opening BODY tag
</script> 


Deze benader in via de functie include van PHP. Nu zegt de validator dat hij niet valid is vanwege 28 errors en 3 waarschuwingen. Maar ik heb eigenlijk geen verstand van javascript. Wat moet ik doen om bovenstaande tekst valid te maken?
pi_64529923
Een url geven waar de pagina te bereiken is .
Je kunt er trouwens het script ook in een .js bestand zetten en dat bestand 'includen' (dat is het niet, maar hoe noem je dat?) in je htmlletje. Dan kijkt de validator er niet naar .

[ Bericht 25% gewijzigd door veldmuis op 31-12-2008 14:25:58 ]
pi_64532357
javascript validator?

Watvoor programma/debugger gebruik je daar voor dan?
pi_64533402
quote:
Op woensdag 31 december 2008 13:01 schreef hello_moto1992 het volgende:
Ik heb graag mijn website Valid. Nu heb ik er het volgende script in geplaatst:

Deze benader in via de functie include van PHP. Nu zegt de validator dat hij niet valid is vanwege 28 errors en 3 waarschuwingen. Maar ik heb eigenlijk geen verstand van javascript. Wat moet ik doen om bovenstaande tekst valid te maken?
Ik durf te wedden dat die errors geen van allen door je JavaScript komen, maar door fouten in je HTML. Wat is de output van de validator precies?
pi_64533420
quote:
Op woensdag 31 december 2008 14:19 schreef mcDavid het volgende:
javascript validator?

Watvoor programma/debugger gebruik je daar voor dan?
De W3C HTML . Die kijkt toch ook naar Javascript? Want anders zou-ie wel meer fouten geven.

En als ik

<script type="text/javascript" src="external.js"></script>

Doe dan werkt het niet
pi_64533508
quote:
Op woensdag 31 december 2008 14:48 schreef hello_moto1992 het volgende:

[..]

De W3C HTML . Die kijkt toch ook naar Javascript? Want anders zou-ie wel meer fouten geven.

En als ik

<script type="text/javascript" src="external.js"></script>

Doe dan werkt het niet
En met de meldingen die je krijgt, kun je de fouten niet oplossen?
fokstok.nl
pi_64533510
quote:
Op woensdag 31 december 2008 14:47 schreef Roy_T het volgende:

[..]

Ik durf te wedden dat die errors geen van allen door je JavaScript komen, maar door fouten in je HTML. Wat is de output van de validator precies?
Nou zonder de JS is het anders gewoon valid hoor

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fhokje10.nl%2F
pi_64533597
quote:
Op woensdag 31 december 2008 @ 14:48 schreef hello_moto1992 het volgende:

[..]

De W3C HTML . Die kijkt toch ook naar Javascript? Want anders zou-ie wel meer fouten geven.

En als ik

<script type="text/javascript" src="external.js"></script>

Doe dan werkt het niet
ja grapjas hij valideert Javascript als HTML, vind je het gek dat je errors krijgt..

Mocht je het geil vinden om die validator groen te krijgen zet je html-comments in je script, dus <script> <!-- //scriptcode --> </script>

-edit-
mcD hier.
pi_64533753
Wat RenRen zegt. Maar natuurlijk zou die JS gewoon in een extern bestand moeten staan, waarbij <script type="text/javascript" src="external.js"></script> gewoon werkt mits je het juiste pad gebruikt.
pi_64533896
quote:
Op woensdag 31 december 2008 14:53 schreef RenRen- het volgende:

[..]

ja grapjas hij valideert Javascript als HTML, vind je het gek dat je errors krijgt..

Mocht je het geil vinden om die validator groen te krijgen zet je html-comments in je script, dus <script> <!-- //scriptcode --> </script>

-edit-
mcD hier.
Niet eens. Ik heb net gekeken met de W3C validator, en die levert maar 1 fout op. Er staat namelijk twee keer een <body> in de html, 1 keer voor de javascript en 1 keer erna.
fokstok.nl
pi_64533987
quote:
Op woensdag 31 december 2008 15:03 schreef Light het volgende:

[..]

Niet eens. Ik heb net gekeken met de W3C validator, en die levert maar 1 fout op. Er staat namelijk twee keer een <body> in de html, 1 keer voor de javascript en 1 keer erna.
Ja klopt. Ik heb die onload maar in de body tag aan de bovenkant gezet. Dat werkt ook . Nu is er nog één body over

Het is nogal vervelend als je scriptjes gaat kopieren van ietwat out-dated websites
  donderdag 8 januari 2009 @ 13:20:00 #162
134533 donroyco
dus niet Donroyco
pi_64807750
Hoe kan ik een search box de eigenschap meegeven dat bij een hit op enter ook gezocht wordt, het is wel een fake-searchbox, die alleen maar linkt naar een volgende pagina. De code die ik gebruik is dit:

1
2
3
4
5		<a href="pieterbecks.html">
<img src="images/go2.gif" name="Winkelwagen" alt="Ga naar winkelwagen" border="0" align="right"></a>
<input name="zoeken" type="text" id="zoeken" value="zoekwoord..." size="14" 
onFocus="if(this.value=='zoekwoord...')this.value='';" 
onBlur="if(this.value=='')this.value='zoekwoord...';" />
Kan iemand mij helpen? :)
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_64807919
quote:
Op donderdag 8 januari 2009 13:20 schreef donroyco het volgende:
Hoe kan ik een search box de eigenschap meegeven dat bij een hit op enter ook gezocht wordt, het is wel een fake-searchbox, die alleen maar linkt naar een volgende pagina. De code die ik gebruik is dit:
[ code verwijderd ]

Kan iemand mij helpen?
eventkey en eventcode opzoeken op internet
  donderdag 8 januari 2009 @ 13:30:00 #164
134533 donroyco
dus niet Donroyco
pi_64808162
quote:
Op donderdag 8 januari 2009 13:24 schreef Scorpie het volgende:

[..]

eventkey en eventcode opzoeken op internet
Dank je wel voor het snelle antwoord
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_64809264
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15		<SCRIPT TYPE="text/javascript">
<!--
function submitenter(e)
{
var keycode;
if (window.event) keycode = window.event.keyCode;
else if (e) keycode = e.which;

if (keycode == 13)
   {
  // Doe je ding
   }
}
//-->
</SCRIPT>


En je input ding wordt dan:

1<input name="zoeken" onkeydown="submitenter(e);" ...
  donderdag 8 januari 2009 @ 14:15:50 #166
134533 donroyco
dus niet Donroyco
pi_64810039
quote:
Op donderdag 8 januari 2009 13:57 schreef HuHu het volgende:

[ code verwijderd ]

En je input ding wordt dan:
[ code verwijderd ]
Hij pakt de URL nog niet
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_64810128
Welke URL?
  donderdag 8 januari 2009 @ 14:18:44 #168
134533 donroyco
dus niet Donroyco
pi_64810184
quote:
Op donderdag 8 januari 2009 14:17 schreef HuHu het volgende:
Welke URL?
Hij moet als je op enter drukt naar de pagina 'pieterbecks.html' gaan..
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_64810295
quote:
Op donderdag 8 januari 2009 14:18 schreef donroyco het volgende:

[..]

Hij moet als je op enter drukt naar de pagina 'pieterbecks.html' gaan..
1window.location = 'bieterbecks.html';
Dat bij "doe je ding" neerzetten?
pi_64810427
Als je er nou een form van maakt met een action en een submit button, is je probleem toch opgelost lijkt me?
  donderdag 8 januari 2009 @ 14:25:37 #171
134533 donroyco
dus niet Donroyco
pi_64810512
quote:
Op donderdag 8 januari 2009 14:20 schreef HuHu het volgende:

[..]
[ code verwijderd ]

Dat bij "doe je ding" neerzetten?
Hij pakt 'm nog niet
http://plaatsmaken.donroycodesign.nl
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_64810551
Je hebt zelfs het input type "image", zodat je een plaatje als button kunt gebruiken. Dan doe je dus:

1
2
3		<form action="pieterdinges" method="post">
  <input type="text" ... />
  <input type="image" onclick="this.parent.submit" />


Zoiets. En als je dan op enter drukt in het text-field submit 'ie hem ook vanzelf.
  donderdag 8 januari 2009 @ 14:30:57 #173
134533 donroyco
dus niet Donroyco
pi_64810732
quote:
Op donderdag 8 januari 2009 14:26 schreef HuHu het volgende:
Je hebt zelfs het input type "image", zodat je een plaatje als button kunt gebruiken. Dan doe je dus:
[ code verwijderd ]

Zoiets. En als je dan op enter drukt in het text-field submit 'ie hem ook vanzelf.
Thanks
Wist niet dat het zo simpel kon, dank je wel! en mcDavid ook
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_64814202
Nieuwe sig.
  donderdag 8 januari 2009 @ 15:59:44 #175
134533 donroyco
dus niet Donroyco
pi_64814577
quote:
Op donderdag 8 januari 2009 15:51 schreef mcDavid het volgende:
Nieuwe sig.
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. :'(
  maandag 12 januari 2009 @ 08:45:53 #176
85919 Likkende_Lassie
Doe eens wat aan je ondertitel
pi_64939015
Ok, ik kom er niet uit

De sitiutatie is als volgt:

- Ik heb meerdere select's op mijn pagina, met precies dezelfde waarde, alleen de naam van select is anders.
- Ik wil, dat zodra er één van de options wordt geselecteerd, in een willekeurige select, dat in elke select (behalve de huidige), de optie verdwijnt. Wordt de optie niet meer geselecteerd, dan moet hij weer overal verschijnen.

Duidelijk?

Dit heb ik al aan code:

1
2
3
4
5
6
7
8
9
10
11		function disable(){
   
   sel = document.frm.select1.selectedIndex;
   
   if(sel){
      document.frm.select2.remove(sel);
      //document.frm.select2.selectedIndex =0;
   }else{
      document.frm.select2.options[sel] = new Option('???wat te doen????',2);
   }
}


Eigenlijk zou hij alle select's op de pagina in een array moeten gooien, en vervolgens hier zn ding doen.
Maar php is meer mn ding dan javascript
Wie o wie!
pi_64952484
Het vervelende is dat je opties in een selectbox niet kan verbergen. Daar zal je zelf iets voor moeten bouwen. Het mooiste is om dat herbruikbaar (OOP) te maken, maar dat is niet voor dummies

In plaats van een optie verbergen moet je een optie dus verwijderen als je 'm niet meer wil laten zien. Om de optie dan later weer te kunnen laten zien heb je een lijst nodig van alle opties, of een lijst met de opties die je verborgen/verwijderd hebt.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_65037152
Ik heb een array in javascript. De output hiervan wil ik in een div laten uitkomen. Echter plaatst hij de gehele array achter elkaar erin.

Hij plaatst t als volgt:
boek1boek2boek3 etc

Terwijl ik wil dat het zo komt te staan:

boek1
boek2
boek3
etc

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		<html>
<head>

<title>Javascript</title>

<link rel="stylesheet" href="style.css" type="text/css">

 <script type="text/javascript">
              // setup the main array
              var setArray = Array("Boek1", "Boek2", "Boek3", "Boek4", "Boek5","Boek6");

              // insert the array into the DIV smalltest object
              function insertArray()
              {
                     var theText = ""; // set the theText output to an empty string otherwise it would start with null.
                     for (var i=0; i < setArray.length; i++)
                     {
                            // create the array of text to insert
                            theText += setArray[i];
             theText += "\n"; // voor de regel tussen de array records
           }
                     // create the createTextNode
                     var insertText = document.createTextNode(theText);
                     document.getElementById("assortiment").appendChild(insertText);
              }
       </script>
   
</head>

<body>


   <div class="loginbalk">
      <div class="divcenter">
        <div class="loginkolom">
          
      <img src="images/stip.gif" border="0" height="5" width="266">
          <span class="blauw">ASSOR</span><span class="zwart">TIMENT</span>
               <img src="images/stip.gif"  border="0" height="5" width="266">

           <div class="tekstzwart" id="assortiment">
           </div>
      </div>
      </div>
              
<input type="submit" value="Bekijk alle boeken" onClick="javascript:insertArray()" />

</div>
</body></html>
pi_65039997
quote:
Op donderdag 8 januari 2009 14:26 schreef HuHu het volgende:
Je hebt zelfs het input type "image", zodat je een plaatje als button kunt gebruiken. Dan doe je dus:
[ code verwijderd ]

Zoiets. En als je dan op enter drukt in het text-field submit 'ie hem ook vanzelf.
Zoiets idd. <input type="image" ... /> is een variant van <input type="submit" ... /> en je hebt dus geen onclick="" nodig.
fokstok.nl
pi_65071521
quote:
Op woensdag 14 januari 2009 17:17 schreef Apfel. het volgende:
Ik heb een array in javascript. De output hiervan wil ik in een div laten uitkomen. Echter plaatst hij de gehele array achter elkaar erin.

Hij plaatst t als volgt:
boek1boek2boek3 etc

Terwijl ik wil dat het zo komt te staan:

boek1
boek2
boek3
etc
Hij zet er wel newlines tussen (\n), maar daar doet je browser niks mee in de weergave. <br /> daarentegen...
pi_65080246
quote:
Op donderdag 15 januari 2009 14:53 schreef Roy_T het volgende:

[..]

Hij zet er wel newlines tussen (\n), maar daar doet je browser niks mee in de weergave. <br /> daarentegen...
<br /> heb ik ook al geprobeerd. Dan geeft ie gewoon boek1 < br/> boek2 < br/> boek3 < br/> weer
pi_65080619
quote:
Op donderdag 15 januari 2009 @ 18:27 schreef Apfel. het volgende:

[..]

<br /> heb ik ook al geprobeerd. Dan geeft ie gewoon boek1 < br/> boek2 < br/> boek3 < br/> weer
Komt denk ik door dat je createTextNode gebruikt ipv createElement. < en > worden geconverteert naar de html entity's.

-edit- dit werkt wel:
1
2
3		var insertText = document.createElement('div');
insertText.innerHTML = theText;
document.getElementById("assortiment").appendChild(insertText);


-edit- of in dit geval korter:
1document.getElementById('assortiment').innerHTML=theText;


[ Bericht 17% gewijzigd door mcDavid op 15-01-2009 18:49:40 ]
pi_65080696
quote:
Op woensdag 14 januari 2009 18:33 schreef Light het volgende:

[..]

Zoiets idd. <input type="image" ... /> is een variant van <input type="submit" ... /> en je hebt dus geen onclick="" nodig.
Ah... ik was even vergeten dat image hetzelfde is als submit.
pi_65247937
Ik ben het even kwijt en daarom vraag ik het hier!

Hoe kan ik middels XMLHTTP settings geschreven in php gebruiken in javascript? dus niet een stuk tekst vervangen met innerHTML maar gegevens uitlezen, mag XML maar liever arrays en variables
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_65248880
Lekker duidelijk Chandler

Maar als ik je goed begrijp, kun je het beste JSON notatie gebruiken (JavaScript Object Notation). Met json_encode() kun je in PHP 5.2+ eenvoudig een array omzetten naar een JSON.

Ik zou een JS library gebruiken als jQuery om die data op te halen dmv een AJAX-request en te parsen.

[ Bericht 15% gewijzigd door Roy_T op 20-01-2009 16:16:42 ]
pi_65253863
He bah geen jQuery alsjeblieft.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_65255346
quote:
Op dinsdag 20 januari 2009 18:10 schreef SuperRembo het volgende:
He bah geen jQuery alsjeblieft.
Van de JS libraries vind ik dat persoonlijk de prettigste en cleanste. Welke heeft jouw voorkeur?

Als ik Chandler was zou ik iig een library gebruiken, en niet zelf het wiel opnieuw uitvinden.
pi_65256487
quote:
Op dinsdag 20 januari 2009 18:51 schreef Roy_T het volgende:

[..]

Van de JS libraries vind ik dat persoonlijk de prettigste en cleanste. Welke heeft jouw voorkeur?

Als ik Chandler was zou ik iig een library gebruiken, en niet zelf het wiel opnieuw uitvinden.
jQuery helpt normale javascript code om zeep en dringt enorm z'n eigen stijl op. Prototypejs heeft dat iets minder, maar daarmee kan je ook geen normale for(.. in ..) loopjes meer maken. Ik heb prototypejs + scriptaculous voor m'n toen/nu site gebruikt, maar voor de volgende versie ben ik wel op zoek naar een nieuwe library. Misschien wordt het YUI.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_65257729
Ah, dat probleem heb ik helemaal niet met jQuery, maar als ik een library gebruik dan zorg ik ook dat ik 'm overal gebruik. Dus ook voor loops.

Maar iig Chandler: gebruik er eentje die je aanstaat
pi_65258438
Ik ben idd lekker duidelijk maar dat weten de meeste al.

Ik wil gewoon variabelen uitspugen met mijn php scripting en kunnen gebruiken in javascripting.

daarvoor zou JSON idd erg handig zijn, maar moet ik dan gebruik maken van een externe library? wil liever gewoon de array van php naar js porten zonder al te veel extra scripting
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_65258552
quote:
Op dinsdag 20 januari 2009 20:17 schreef Chandler het volgende:
Ik ben idd lekker duidelijk maar dat weten de meeste al.

Ik wil gewoon variabelen uitspugen met mijn php scripting en kunnen gebruiken in javascripting.

daarvoor zou JSON idd erg handig zijn, maar moet ik dan gebruik maken van een externe library? wil liever gewoon de array van php naar js porten zonder al te veel extra scripting
Daar is juist een library voor: het minder zelf hoeven scripten.

[ Bericht 5% gewijzigd door #ANONIEM op 20-01-2009 20:46:51 ]
pi_65259175
Wat Scorpie zegt. Het levert gewoon een JS object op, dus wanneer jij zelf een cross-browser xmlhttprequest routine wilt scripten om die string binnen te trekken en te parsen, dan moet je dat gewoon doen wanneer je denkt dat dat minder werk is

Ik zou jQuery echter downloaden en 1 regel besteden aan $.getJSON
pi_65265950
quote:
Op dinsdag 20 januari 2009 19:56 schreef Roy_T het volgende:
Ah, dat probleem heb ik helemaal niet met jQuery, maar als ik een library gebruik dan zorg ik ook dat ik 'm overal gebruik. Dus ook voor loops.
De loopjes met .each() vind juist ik de meest waardeloze feature van jQuery/prototypejs. Zeker met dat gepruts om er toch nog functionaliteit foor break of continue in te bouwen
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_65268849
quote:
Op dinsdag 20 januari 2009 22:53 schreef SuperRembo het volgende:

De loopjes met .each() vind juist ik de meest waardeloze feature van jQuery/prototypejs. Zeker met dat gepruts om er toch nog functionaliteit foor break of continue in te bouwen
Ik ben het met je eens dat het wel bij je moet passen, en dat het alleen werkt als je je manier van proggen erop aanpast. Whatever floats your boat
pi_65274232
Aangezien ik op de server voor het project nog geen PHP 5.2+ heb, moet ik een externe functie hebben zoals deze :P

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		<?php
####
# Function: _jsonEncode
# Purpose: To encode a variable into json format
# Arguments: $encodeMe: the variable to convert into JSON format
#            $encodeAs : the name of the variable to save $var1 as.  
#                        REQUIRED if $encodeMe is not an array
# Usage: 
#   echo _jsonEncode('test','var1');// outputs: {"var1":test"}
#   echo _jsonEncode(TRUE,'var1');  // outputs: {"var1":1}
#   echo _jsonEncode(123,'var1');   // outputs: {"var1":123}
#   echo _jsonEncode(array('orange'=>1,'blue'=>2,'green'=>3));  // outputs: {"orange":1,"blue":2,"green":3}
# 
# Author: Dylan Anderson
# License: GPLv3
####
function _jsonEncode($encodeMe,$encodeAs=FALSE){
    $output = '{';
    
    if(is_array($encodeMe)){
        foreach($encodeMe as $key=>$value){
            $output .= '"'.$key.'":';
            
            if(is_array($value)){
                $function = __FUNCTION__;
                $output .= $function($value);
            }
            
            else if(is_numeric($value))
                $output .= $value;
 
            else
                $output .= '"'.str_replace('"','\"',$value).'"';
            
            $output .= ',';
        }
        $output = rtrim($output,',').'}';
    }
    else if(strlen($encodeAs)){
        if(is_numeric($encodeMe))
            $output .= '"'.$encodeAs.'":'.$encodeMe.'}';
        else if(is_bool($encodeMe)){
            $encode_value = ($encodeMe) ? 1 : 0;
            $output .= '"'.$encodeAs.'":'.$encode_value.'}';
        }
        else if(is_string($encodeMe))
            $output .= '"'.$encodeAs.'":'.str_replace('"','\"',$encodeMe).'"}';
    }
    else
        $output = FALSE;
 
    return($output);
}
?>


maar is er ook los stukje scripting te vinden voor javascript die json kan omzetten naar een array?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_65276504
--> json.org
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_65280447
quote:
Op woensdag 21 januari 2009 10:24 schreef Chandler het volgende:

maar is er ook los stukje scripting te vinden voor javascript die json kan omzetten naar een array?
Als je een PHP array goed encode naar JSON, dan is dat al een JS array. {"elements":[1, 2, 3]} bevat gewoon wat in PHP $elements = array(1, 2, 3) zou zijn.
pi_65377477
Ik heb een pagina met een javascript dat alleen print wat er aangevinkt is, nu zitten er bij het scriptje al 7 checkboxes, maar ik wil er meer.. De tabel kopieren gaat niet want dan verdwijnt alles.. en ik ben echt een dummy met JS..

Ik heb zelf al toegevoegd dat de checkboxes niet geprint worden, dat gaat ook goed.. Heb ik gedaan met class="DONTPrint" toe te voegen aan de <input type="checkbox"

Dus hoe voeg ik meer checkboxes toe met dezelfde functionaliteit als die er al stonden?

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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98		<!-- TWO STEPS TO INSTALL PRINT SELECTED FIELDS ONLY:

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->

<HEAD>

<style type="text/css">
<!--
@media print {
  .DONTPrint{ display:none }
  .DOCheck        { display:table}
}
-->
</style>

<script type="text/javascript">
<!--
/* This script and many more are available free online at
The JavaScript Source :: http://javascript.internet.com
Created by: Thony den Braber :: http://www.orangespirits.nl */

function select_row(row, color) {
  if(row.parentNode.parentNode.style.backgroundColor != color) {
    row.parentNode.parentNode.style.backgroundColor = color;
    row.parentNode.parentNode.className = 'DOPrint'
  } else {
  row.parentNode.parentNode.style.backgroundColor = '';
  row.parentNode.parentNode.className = 'DONTprint'
  }
}

function mouseover(row, font_color, checkedcolor) {
  if(row.style.color != checkedcolor) {
    row.style.color = font_color;
  }
}

function mouseout(row, font_color, checkedcolor) {
  if(row.style.color != checkedcolor) {
    row.style.color = font_color;
  }
}
// -->
</script>
</HEAD>

<!-- STEP TWO: Copy this code into the BODY of your HTML document  -->

<BODY>

<form>
  <p> </p>
  <p>Test kop</p>
  <p> </p>
  <p> </p>
  <p> </p>
  <table width="103" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td width="24" align="center"> </td>
      <td width="79" align="center"><strong>Name</strong></td>
    </tr>
    <tr onMouseOver="mouseover(this,'#cc6600','#cc6600');" onMouseOut="mouseout(this,'#000000','#000000')" class='DONTPrint'>
      <td><input type="checkbox" name="checkbox1" onClick="select_row(this, '#cccccc'); class="DONTPrint""></td>
      <td>print</td>
    </tr>
    <tr onMouseOver="mouseover(this,'#cc6600','#cc6600');" onMouseOut="mouseout(this,'#000000','#000000')" class='DONTPrint'>
      <td><input type="checkbox" name="checkbox1" onClick="select_row(this, '#cccccc');" class="DONTPrint"></td>
      <td>niet</td>
    </tr>
    <tr onMouseOver="mouseover(this,'#cc6600','#cc6600');" onMouseOut="mouseout(this,'#000000','#000000')" class='DONTPrint'>
      <td><input type="checkbox" name="checkbox1" onClick="select_row(this, '#cccccc');" class="DONTPrint"></td>
      <td>print</td>
    </tr>
    <tr onMouseOver="mouseover(this,'#cc6600','#cc6600');" onMouseOut="mouseout(this,'#000000','#000000')" class='DONTPrint'>
      <td><input type="checkbox" name="checkbox1" onClick="select_row(this, '#cccccc');" class="DONTPrint"></td>
      <td>niet</td>
    </tr>
    <tr onMouseOver="mouseover(this,'#cc6600','#cc6600');" onMouseOut="mouseout(this,'#000000','#000000')" class='DONTPrint'>
      <td><input type="checkbox" name="checkbox1" onClick="select_row(this, '#cccccc');" class="DONTPrint"></td>
      <td>print</td>
    </tr>
    <tr onMouseOver="mouseover(this,'#cc6600','#cc6600');" onMouseOut="mouseout(this,'#000000','#000000')" class='DONTPrint'>
      <td><input type="checkbox" name="checkbox1" onClick="select_row(this, '#cccccc');" class="DONTPrint"></td>
      <td>niet</td>
    </tr>
    <tr onMouseOver="mouseover(this,'#cc6600','#cc6600');" onMouseOut="mouseout(this,'#000000','#000000')" class='DONTPrint'>
      <td><input type="checkbox" name="checkbox1" onClick="select_row(this, '#cccccc');" class="DONTPrint"></td>
      <td>print</td>
    </tr>
  </table>
  <p> </p>
  <p> </p>
</form>

<p>test eind</p>


[ Bericht 44% gewijzigd door wc-eend op 25-01-2009 09:23:49 ]
pi_65377499
Kun je die code niet beter tussen [ code] en [ /code] zetten? Wordt'ie veel beter leesbaar van.
fokstok.nl
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[Javascript] voor dummies (deel 8)
Index

» digital corner

» development

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