[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...
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')