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