[Javascript] voor dummies - Deel 1

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_25206822
Makkelijke vraag denk ik, maar ik ben dan ook een dummy.
Ik heb dit:
1
2
3
4
5		<td class="trans"><input type="radio" name="radio" value="test1"></td>
<td class="trans"><input name="veld1"></td>

<td class="trans"><input type="radio" name="radio" value="test2"></td>
<td class="trans"><input name="veld2"></td>
Nu wil ik het graag zo hebben dat als je in het veld klikt dat de bijbehorende radiocheckbox actief wordt.
Bedankt
Vogelaars.nl
pi_25209979
Daar is het label element voor.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_25220862
quote:
Op woensdag 23 februari 2005 07:26 schreef SuperRembo het volgende:
Daar is het label element voor.
Ik kom er totaal niet uit eigenlijk......
Ik zie niet in hoe dat ooit moet gaan werken..... Kan iemand me verder helpen?
Vogelaars.nl
pi_25221004
geef je radiobutton een id en dan onclick="document.getelementbyid("<idradio>").checked=true"
of .style.checked=true

maar iig iets in die richting zou wel moeten werken denk ik
pi_25221297
Dankje!
het is dit geworden:
onFocus="document.<formname>.<radioid>.checked=true"
Vogelaars.nl
pi_25221531
quote:
Op woensdag 23 februari 2005 21:14 schreef ikke_ook het volgende:

[..]

Ik kom er totaal niet uit eigenlijk......
Ik zie niet in hoe dat ooit moet gaan werken..... Kan iemand me verder helpen?
Je geeft de attribuut for de id van het element waar de label bij hoort.

1
2
3
4
5
6
7
8		<input id="btnColorRed" name="color" type="radio" value="red">
<label for="btnColorRed">Red</label>

<input id="btnColorGreen" name="color" type="radio" value="green">
<label for="btnColorGreen">Green</label>

<input id="btnColorBlue" name="color" type="radio" value="blue">
<label for="btnColorBlue">Blue</label>


En dat werkt ook met andere elementen. En ook als javascript uitgeschakeld staat
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  donderdag 24 februari 2005 @ 17:35:29 #207
92926 Joipoidoipoipoi
met broedsel incl. grote zus!
pi_25235260
quote:
Op maandag 21 februari 2005 18:35 schreef SuperRembo het volgende:

[ code verwijderd ]


[ code verwijderd ]
Bedankt! Ik heb helaas nog geen tijd gehad om het uit te proberen, maar als het gelukt is, post ik het hier .

"If you don't stop lying about me, I'll start telling the truth about you."
  FOK!-Schrikkelbaas woensdag 2 maart 2005 @ 09:06:02 #208
1972 Swetsenegger
Egocentrische Narcist
pi_25327043
Slimme javascripter welke dit script ook voor mozilla kan laten werken?

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

<script language="javascript">

   function fadeIn(i,j,fadeObject){
              document.getElementById(fadeObject).filters.alpha.opacity=i;
              i++;

              if (i<j) setTimeout("fadeIn("+i+","+j+",'"+fadeObject+"')",0);
          }

   function fadeOut(i,j,fadeObject){
              document[fadeObject].filters.alpha.opacity=i;
              i--;

              if (i>j) setTimeout("fadeOut("+i+","+j+",'"+fadeObject+"')", 0);
          }
</script>

<style type="text/css">    
       .button {
           filter:alpha(opacity="30");
           }
</style>

<img src="button.gif" class="button" name="jahoe" onMouseOver="fadeIn(30,100,'jahoe');" onMouseOut="fadeOut(100,30,'jahoe');" width="88" height="31" border="0">

</body>
</html>


-edit-

wat ik overigens al geprobeerd heb:

1
2
3
4
5
6
7
8
9
10
11
12
13		function fadeIn(i,j,fadeObject){
   if (navigator.appName == "Microsoft Internet Explorer") {
      document.getElementById(fadeObject).filters.alpha.opacity=i;
      i=i+1;
      if (i<=j) setTimeout("fadeIn("+i+","+j+",'"+fadeObject+"')",0);
   }else{
                i=i/10;
                j=j/10;
                document.getElementById(fadeObject).filters.alpha.-moz-opacitity=i;
      i=i+0.1;
      if (i<=j) setTimeout("fadeIn("+i+","+j+",'"+fadeObject+"')",0);
   }
}

Maar dat gaat niet goed :
quote:
Error: missing name after . operator
Source File: http://localhost/exclusief/index2.php
Line: 18, Column: 66
Source Code:
document.getElementById(fadeObject).filters.alpha.-moz-opacitity=i;
het gaat dus mis bij -moz-opacity.

[ Bericht 15% gewijzigd door Swetsenegger op 02-03-2005 09:23:20 ]
 | FOK! Schrikkelbaasch
pi_25331002
Alleen IE kent filters, in mozilla regel je dat met CSS

1
2
3
4
5		#trans {
   filter:alpha(opacity=50);/* IE */
   -moz-opacity:0.5;/* Moz */
   opacity: 0.5;/* CSS3 */
}


En je moet 't goed spellen, dus niet opacitity
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  FOK!-Schrikkelbaas woensdag 2 maart 2005 @ 13:18:18 #210
1972 Swetsenegger
Egocentrische Narcist
pi_25331164
quote:
Op woensdag 2 maart 2005 13:04 schreef SuperRembo het volgende:
Alleen IE kent filters, in mozilla regel je dat met CSS
[ code verwijderd ]

En je moet 't goed spellen, dus niet opacitity
Dank je. Ja stiekem wist ik dat. Maar... hoe verwerk ik dit in bovenstaand script?
 | FOK! Schrikkelbaasch
pi_25331669
1
2		var el = document.getElementById(id);
el.style.MozOpacity = 0.5;
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  FOK!-Schrikkelbaas woensdag 2 maart 2005 @ 15:09:00 #212
1972 Swetsenegger
Egocentrische Narcist
pi_25332591
quote:
Op woensdag 2 maart 2005 13:47 schreef SuperRembo het volgende:

[ code verwijderd ]
Zo even kijken!

Ander probleem:

1
2
3
4
5
6
7
8		function slideDown(s){
        if(document.getElementById){
      if(parseInt(obj.style.top) < s){
         obj.style.top = parseInt(obj.style.top) + 2 + "px";
         setTimeout("slideDown(s)",15);
                }
        }
}


Error: s is not defined in setTimeout("slideDown(s)",15);
hoe geef ik die variable s weer mee aan de functie?

-edit-
setTimeout("slideDown("+s+")",15);

[ Bericht 6% gewijzigd door Swetsenegger op 02-03-2005 15:16:44 ]
 | FOK! Schrikkelbaasch
  FOK!-Schrikkelbaas woensdag 2 maart 2005 @ 15:22:14 #213
1972 Swetsenegger
Egocentrische Narcist
pi_25332712
quote:
Op woensdag 2 maart 2005 13:47 schreef SuperRembo het volgende:

[ code verwijderd ]
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17		function fadeIn(i,j,fadeObject){
   if (navigator.appName == "Microsoft Internet Explorer") {
      document.getElementById(fadeObject).filters.alpha.opacity=i;
      i=i+1;
      if (i<=j) setTimeout("fadeIn("+i+","+j+",'"+fadeObject+"')",0);
   }else{
                i=i/10;
                j=j/10;
                var el = document.getElementById(fadeObject);
                el.style.MozOpacity = i;
                i=i+0.1;
                i=i*10;
                j=j*10;
                if (i<=j) setTimeout("fadeIn("+i+","+j+",'"+fadeObject+"')",0);
                
   }
}

error: el has no properties
 | FOK! Schrikkelbaasch
pi_25333388
Ja ehh, dan zal ie fadeObject wel niet gevonden hebben he.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  FOK!-Schrikkelbaas woensdag 2 maart 2005 @ 17:05:09 #215
1972 Swetsenegger
Egocentrische Narcist
pi_25333615
quote:
Op woensdag 2 maart 2005 16:25 schreef SuperRembo het volgende:
Ja ehh, dan zal ie fadeObject wel niet gevonden hebben he.
Mjah, dat is dus raar want die functie wordt gewoon met een onmouseover aangeroepen.
In I.E. wordt fadeObject wel gevonden en in ff niet
 | FOK! Schrikkelbaasch
  FOK!-Schrikkelbaas woensdag 2 maart 2005 @ 19:57:47 #216
1972 Swetsenegger
Egocentrische Narcist
pi_25335822
quote:
Op woensdag 2 maart 2005 17:05 schreef Swetsenegger het volgende:

[..]

Mjah, dat is dus raar want die functie wordt gewoon met een onmouseover aangeroepen.
In I.E. wordt fadeObject wel gevonden en in ff niet
Opgelost
De onmouseover had nu name="fadeobject" waarbij fadeobject dus een naam is
en dat werkt niet. met id="fadeobject" doet ie het ook (min of meer) onder FF
 | FOK! Schrikkelbaasch
pi_25335955
Vandaar ook getElementById() en niet getElementByName()
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  FOK!-Schrikkelbaas woensdag 2 maart 2005 @ 20:17:20 #218
1972 Swetsenegger
Egocentrische Narcist
pi_25336107
quote:
Op woensdag 2 maart 2005 20:07 schreef SuperRembo het volgende:
getElementByName()
Not a function zegt de javascript console
 | FOK! Schrikkelbaasch
  FOK!-Schrikkelbaas donderdag 3 maart 2005 @ 10:22:17 #219
1972 Swetsenegger
Egocentrische Narcist
pi_25343546
-edit-

opgelost

[ Bericht 25% gewijzigd door Swetsenegger op 03-03-2005 13:27:34 ]
 | FOK! Schrikkelbaasch
  FOK!-Schrikkelbaas donderdag 3 maart 2005 @ 14:21:04 #220
1972 Swetsenegger
Egocentrische Narcist
pi_25346860
Ik heb een functie welke onmouse over een div verschuift, gebaseerd op ID.
bij een onmouse out spring ik eerst naar een timer van 500ms. Na die 500ms schuif ik de div weer terug.

krijg ik binnen het verloop van de timer weer een onmouse over reset ik de timer:

1
2
3
4
5
6
7		<script>
function timer(t,laag) {
var idle=setTimeout("slideUp("+t+",'"+laag+"')", 500);
}
</script>

<div style="position:absolute; width:100px; height:100px; background-color:black; cursor:pointer; cursor:hand;" onmouseover="slideDown(170,203,'contactmenu');clearTimeout('idle');" onmouseout="timer(170,'contactmenu');"><img src="image/contact.jpg" class="menu" id="contact" /></div>


Dit werkt prima.
Maar wanneer ik nu TWEE verschillende div's uitschuif, dan reset ik bij de onmouse over de timer van de laatste onmouse out en NIET de timer van de div welke ik bedoel.

hoe kan ik de timer functie zo maken dat ik met clearTimeout('div-naam); de timer reset?
 | FOK! Schrikkelbaasch
pi_25349278
Je kan de timers in een globale array zetten met als key de id van de div.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  FOK!-Schrikkelbaas donderdag 3 maart 2005 @ 19:26:12 #222
1972 Swetsenegger
Egocentrische Narcist
pi_25350382
quote:
Op donderdag 3 maart 2005 18:17 schreef SuperRembo het volgende:
Je kan de timers in een globale array zetten met als key de id van de div.
Dat is een goede. Nu ff zoeken hoe ik items aan een array toevoeg in javascript
 | FOK! Schrikkelbaasch
  FOK!-Schrikkelbaas donderdag 3 maart 2005 @ 19:56:01 #223
1972 Swetsenegger
Egocentrische Narcist
pi_25350859
1
2
3
4
5
6
7
8
9		<script>
var idle=new Array();

function timer(t,laag) {
idle[laag]=setTimeout("slideUp("+t+",'"+laag+"')",500);
}
</script>

<div style="position:absolute; width:100px; height:100px; background-color:black; cursor:pointer; cursor:hand;" onmouseover="slideDown(170,203,'contactmenu');clearTimeout(idle['contactmenu']);" onmouseout="fadeOut(99,85,'contact');timer(170,'contactmenu');"><img src="image/contact.jpg" class="menu" id="contact" /></div>


Dat ik verdorie niet eerder aan een array heb gedacht
 | FOK! Schrikkelbaasch
  FOK!-Schrikkelbaas zaterdag 5 maart 2005 @ 13:46:46 #224
1972 Swetsenegger
Egocentrische Narcist
pi_25379608
Kan ik met javascript de hoogte vinden van een div welke geen fixed height heeft?
 | FOK! Schrikkelbaasch
  Lieve Belg zaterdag 5 maart 2005 @ 13:53:40 #225
86282 Jump
[Belg.] Jump (de ~ (m.))
pi_25379695
quote:
Op zaterdag 5 maart 2005 13:46 schreef Swetsenegger het volgende:
Kan ik met javascript de hoogte vinden van een div welke geen fixed height heeft?
denk wel dat het mogelijk is via getElementById('divid')... en dan iets met Height ofzo. Ben het niet zeker, want heb het nog nooit nodig had
Op zondag 28 oktober 2007 01:07 schreef clumsy_clown het volgende:
Jump daarentegen, is wáy minder braaf en lief dan hij lijkt
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; «shmoop|dingen» jawel, jij bent Superjump
pi_25379771
Natuurlijk kan dat
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  FOK!-Schrikkelbaas zaterdag 5 maart 2005 @ 14:39:19 #227
1972 Swetsenegger
Egocentrische Narcist
pi_25380288
quote:
Op zaterdag 5 maart 2005 13:59 schreef SuperRembo het volgende:
Natuurlijk kan dat


document.getElementById(div).style.height ?
 | FOK! Schrikkelbaasch
pi_25380396
1
2
3
4
5
6
7		function getWidth(el) {
   return el.clientWidth || el.offsetWidth;
}

function getHeight(el) {
   return el.clientHeight || el.offsetHeight;
}

Of als je 't wat netter wil doen:

1
2
3
4
5
6
7
8
9		function getWidth(el) {
   if (typeof el.offsetWidth != 'undefined') {
      return el.offsetWidth;
   } else if (typeof el.clientWidth != 'undefined') {
      return el.clientWidth;
   } else {
      return null;
   }
}
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_25476436
Vraagje voor de deskundigen! (waaronder SuperRembo).

Een voorbeeld.

Ik heb een tabel die bestaat uit 2 rijen.

1
2
3
4
5		---------
| |     |
|1|  2  |
| |     |
---------


en de breedte van 1 is 100px en van 2 is die 600px.

Nu wil ik dat wanneer er een text in 2 staat die langer is dan 600px er automatisch een balkje komt om de text te scrollen en wanneer deze er niet is dat scroll balkje niet zichtbaar is.

Is dit mogelijk met JS? want volgens mij is dit in HTML niet echt te verwezelijken.

Tnx ppl!
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_25477088
Mag css ook?

1
2
3
4
5
6
7
8
9		   
.outer {
   width: 600px;
}
.inner {
   width: 100%;
   overflow: auto;
   overflow-y: hidden;/* IE only */
}


Moet mss nog een beetje getweakt worden.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_25477626
helaas het werkt niet, ik snap het zelf eingelijk niet waarom niet
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_25485891
1
2
3
4
5
6
7
8
9		<div style="width: 200px; height: 200px; overflow: auto;">
Na php voor dummies wordt het nu tijd voor javascript voor dummies.
Ik ben een absolute leek met javascript, ik jat af en toe wat scripts en snap dan net genoeg om het met wat aanpassingen te kunnen gebruiken, maar wat meer kennis zou makkelijk zijn.

Wat ik wil. Ik wil tijdens het laden van een pagina, sommige elementen (div's) iets later dan de container background div het scherm in schuiven.

Dus het menu (bv) zie je de pagina inscrollen)
Iemand hints en tips om dit te realiseren? Met welke eventhandler pak ik dit aan en is het uberhaupt mogelijk?
</div>


dat moet werken hoor!! het moet dus met css en niet met javascript..
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
  FOK!-Schrikkelbaas vrijdag 18 maart 2005 @ 16:46:47 #233
1972 Swetsenegger
Egocentrische Narcist
pi_25568173
Ik zoek een javascript welke uiteraard realtime de verlopen tijd tussen een opgegeven datum en tijd tot *nu* toont.

Ik vind wel diverse van die scripts, maar die tellen bij de opgegeven datum vanaf 0.00

Zelf dacht ik heel simpel met de epoch te kunnen rekenen, maar daar kom ik niet uit.
Iemand een mooie link naar zo'n scriptje?
 | FOK! Schrikkelbaasch
  vrijdag 18 maart 2005 @ 17:00:36 #234
42782 QuietGuy
opscheppende pats-nerd
pi_25568464
quote:
Op vrijdag 18 maart 2005 16:46 schreef Swetsenegger het volgende:
Ik zoek een javascript welke uiteraard realtime de verlopen tijd tussen een opgegeven datum en tijd tot *nu* toont.

Ik vind wel diverse van die scripts, maar die tellen bij de opgegeven datum vanaf 0.00

Zelf dacht ik heel simpel met de epoch te kunnen rekenen, maar daar kom ik niet uit.
Iemand een mooie link naar zo'n scriptje?
Je krijgt het wel voor elkaar om 2 date()-objecten aan te maken, welke je wilt vergelijken?
  FOK!-Schrikkelbaas vrijdag 18 maart 2005 @ 17:20:29 #235
1972 Swetsenegger
Egocentrische Narcist
pi_25568891
quote:
Op vrijdag 18 maart 2005 17:00 schreef QuietGuy het volgende:

[..]

Je krijgt het wel voor elkaar om 2 date()-objecten aan te maken, welke je wilt vergelijken?
ehmz.

help me ff op weg getTime()?
 | FOK! Schrikkelbaasch
  vrijdag 18 maart 2005 @ 17:25:42 #236
42782 QuietGuy
opscheppende pats-nerd
pi_25569014
quote:
Op vrijdag 18 maart 2005 17:20 schreef Swetsenegger het volgende:

[..]

ehmz.

help me ff op weg getTime()?
Heb je al een stukje html? Scheelt me een hoop tijd
  FOK!-Schrikkelbaas vrijdag 18 maart 2005 @ 17:28:30 #237
1972 Swetsenegger
Egocentrische Narcist
pi_25569092
quote:
Op vrijdag 18 maart 2005 17:25 schreef QuietGuy het volgende:

[..]

Heb je al een stukje html? Scheelt me een hoop tijd
Ik heb 'm al.
Heb die functie verbouwd welke vanaf een datum 0.00 tot nu telt (gewoon het aantal uren en minuten waar vanaf IK wil tellen eraf getrokken )
 | FOK! Schrikkelbaasch
  vrijdag 18 maart 2005 @ 17:32:23 #238
42782 QuietGuy
opscheppende pats-nerd
pi_25569198
quote:
Op vrijdag 18 maart 2005 17:28 schreef Swetsenegger het volgende:
[..]
Ik heb 'm al.
Heb die functie verbouwd welke vanaf een datum 0.00 tot nu telt (gewoon het aantal uren en minuten waar vanaf IK wil tellen eraf getrokken )
Heb je een linkje?
  FOK!-Schrikkelbaas vrijdag 18 maart 2005 @ 17:33:42 #239
1972 Swetsenegger
Egocentrische Narcist
pi_25569227
quote:
Op vrijdag 18 maart 2005 17:32 schreef QuietGuy het volgende:

[..]

Heb je een linkje?
www.rickpeinemann.nl
Het is wel een smerig script trouwens
Vanavond wel ff goed in zoeken, maar dit moest ff
 | FOK! Schrikkelbaasch
pi_25637797
What am I missing here? (Ik zoek niet zozeer naar varianten op dit thema, maar meer naar wat ik gewoon over het hoofd zie in dit script.)

Het spreek voor zich denk ik:

1
2
3
4
5
6
7
8
9
10
11		<html>
  <head>
    <style type="text/css">
      body.noload div#loading {background:red;}
      body.load   div#loading {background:green;}
    </style>
  </head>
  <body class="load" onload="this.className='noload';">
    <div id="loading">Loading</div>
  </body>
</html>


Het probleem is dus, waarom die div#loading groen blijft en niet rood wordt.

-r-
pi_25640594
Ik heb een probleempje met onderstaande code als het in een website zit verwerkt,los werkt t wel goed.
Als ik het email veld invul en ik klik op enter dan submit hij niet.. althans, niet in IE, wel in firefox.
De focus wordt wel automatisch goed gezet, althans daar lijkt wel op..
Hoe krijg ik t voor elkaar dat t wel goed werkt?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16		<form method="post" action="./passmailer.php">
<table>
   <tr>
      <td>Voer hieronder het emailadres in waarmee u hier geregistreerd 
bent dan krijgt u een nieuw wachtwoord toe gemaild.</td>
   </tr>
   <tr>
      <td>Emailadres</td>
      <td><input type="text" name="email" size="30"></td>
   </tr>
   <tr>
      <td></td>
      <td><input type="submit" name="verstuur" value="Verstuur"></td>
   </tr>
</table>
</form>


Bedankt!

[ Bericht 0% gewijzigd door ikke_ook op 21-03-2005 18:37:50 ]
Vogelaars.nl
pi_25640730
quote:
Op maandag 21 maart 2005 16:32 schreef Roönaän het volgende:
What am I missing here? (Ik zoek niet zozeer naar varianten op dit thema, maar meer naar wat ik gewoon over het hoofd zie in dit script.)

Het spreek voor zich denk ik:
[ code verwijderd ]

Het probleem is dus, waarom die div#loading groen blijft en niet rood wordt.

-r-
this verwijst blijkbaar niet naar de body node zoals je zou verwachten. document.body.className = 'noload' werkt bijvoorbeeld wel (getest in FF en IE6).
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_25640811
quote:
Op maandag 21 maart 2005 18:22 schreef ikke_ook het volgende:
Ik heb een probleempje met onderstaand script als het in een website zit verwerkt,los werkt t wel goed.
Als ik het email veld invul en ik klik op enter dan submit hij niet.. althans, niet in IE, wel in firefox.
De focus wordt wel automatisch goed gezet, althans daar lijkt wel op..
Hoe krijg ik t voor elkaar dat t wel goed werkt?
[ code verwijderd ]

Bedankt!
Welk script? Ik zie alleen html.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_25640863
quote:
Op maandag 21 maart 2005 18:28 schreef SuperRembo het volgende:

[..]

this verwijst blijkbaar niet naar de body node zoals je zou verwachten. document.body.className = 'noload' werkt bijvoorbeeld wel (getest in FF en IE6).
I noticed. Maar naar jouw weten; is dit een standaard browser design iets zeg maar waar ik als developer iets van zou moeten weten? Vind het namelijk redelijk strange.
Zag net ook dat als je this.body.className doet, dat het dan wel werkt. Apparently krijg je dus in de onload altijd de document node terug als je this gebruikt.
pi_25640980
quote:
Op maandag 21 maart 2005 18:31 schreef SuperRembo het volgende:

[..]

Welk script? Ik zie alleen html.
Pfff
Ik ben gewend om in PHP voor dummies te posten en daar gaat t wel altijd over een script.
Betreffende code dan...
Vogelaars.nl
pi_25641373
quote:
Op maandag 21 maart 2005 18:33 schreef Roönaän het volgende:

[..]

I noticed. Maar naar jouw weten; is dit een standaard browser design iets zeg maar waar ik als developer iets van zou moeten weten? Vind het namelijk redelijk strange.
Zag net ook dat als je this.body.className doet, dat het dan wel werkt. Apparently krijg je dus in de onload altijd de document node terug als je this gebruikt.
Als ik http://www.quirksmode.org/viewport/experiments.html er even snel op na sla dan lijkt dat idd standaard gedrag.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_25703274
ok heb de volgende code:

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
99
100
101
102
103
104		<script language= "JavaScript" type="text/javascript">
function Browser() {var ua,s,i;this.isIE=false;this.isNS=false;this.version=null;
ua = navigator.userAgent;s="MSIE";if((i=ua.indexOf(s))>=0){this.isIE=true;
this.version=parseFloat(ua.substr(i + s.length));return;}s="Netscape6/";
if((i=ua.indexOf(s))>=0){this.isNS=true;this.version=parseFloat(ua.substr(i+s.length));
return;}s="Gecko";if((i=ua.indexOf(s))>=0){this.isNS=true;this.version=6.1;
return;}}var browser=new Browser();var activeButton=null;
if(browser.isIE)document.onmousedown=pageMousedown;
else document.addEventListener("mousedown",pageMousedown,true);
function pageMousedown(event){var el;if(activeButton==null)return;
if(browser.isIE)el=window.event.srcElement;
else el=(event.target.tagName?event.target:event.target.parentNode);
if(el== activeButton)return;
if(getContainerWith(el,"DIV","menu")==null){resetButton(activeButton);activeButton = null;
}}
function buttonClick(event,menuId){var button;
if(browser.isIE)button=window.event.srcElement;
else button=event.currentTarget;button.blur();
if(button.menu==null){button.menu = document.getElementById(menuId);
if(button.menu.isInitialized==null)menuInit(button.menu);}
if(activeButton!=null)resetButton(activeButton);
if(button!=activeButton){depressButton(button);activeButton = button;}
elseactiveButton=null;return false;}
function buttonMouseover(event, menuId){var button;
if(browser.isIE)button=window.event.srcElement;else button=event.currentTarget;
if(activeButton!=null&&activeButton!=button)buttonClick(event, menuId);}
function depressButton(button){var x,y;button.className+=" WinKnopActive";
x=getPageOffsetLeft(button);y=getPageOffsetTop(button)+ button.offsetHeight;
if (browser.isIE){x+=button.offsetParent.clientLeft;
y+=button.offsetParent.clientTop;}
button.menu.style.left=x+"px";button.menu.style.top=y+"px";
button.menu.style.visibility="visible";}
function resetButton(button){removeClassName(button,"WinKnopActive");
if(button.menu!=null){closeSubMenu(button.menu);button.menu.style.visibility="hidden";}}
function menuMouseover(event){var menu;
if(browser.isIE)menu=getContainerWith(window.event.srcElement,"DIV","menu");
else menu=event.currentTarget;if(menu.activeItem!=null)closeSubMenu(menu);}
function WinItemMouseover(event,menuId){var item,menu,x,y;
if(browser.isIE)item=getContainerWith(window.event.srcElement,"A","WinItem");
else item=event.currentTarget;menu=getContainerWith(item,"DIV","menu");
if(menu.activeItem!=null)closeSubMenu(menu);menu.activeItem=item;
item.className+=" WinItemOplichten";
if(item.subMenu==null){item.subMenu=document.getElementById(menuId);
if(item.subMenu.initialized==null)menuInit(item.subMenu);}
x=getPageOffsetLeft(item)+item.offsetWidth;y=getPageOffsetTop(item);var maxX,maxY;
if(browser.isNS){maxX=window.scrollX+window.innerWidth;
maxY=window.scrollY+window.innerHeight;}
if(browser.isIE){maxX=(document.documentElement.scrollLeft!=0? 
document.documentElement.scrollLeft:document.body.scrollLeft)
+(document.documentElement.clientWidth!=0? 
document.documentElement.clientWidth:document.body.clientWidth);
maxY=(document.documentElement.scrollTop!=0? 
document.documentElement.scrollTop:document.body.scrollTop)
+(document.documentElement.clientHeight!=0? 
document.documentElement.clientHeight:document.body.clientHeight);}
maxX-=item.subMenu.offsetWidth;maxY-=item.subMenu.offsetHeight;
if(x>maxX)x=Math.max(0,x-item.offsetWidth-item.subMenu.offsetWidth
+(menu.offsetWidth-item.offsetWidth));y=Math.max(0,Math.min(y, maxY));
item.subMenu.style.left=x+"px";item.subMenu.style.top=y+"px";
item.subMenu.style.visibility="visible";
if(browser.isIE)window.event.cancelBubble=true;else event.stopPropagation();}
function closeSubMenu(menu){if(menu==null||menu.activeItem==null)return;
if(menu.activeItem.subMenu!=null){closeSubMenu(menu.activeItem.subMenu);
menu.activeItem.subMenu.style.visibility="hidden";menu.activeItem.subMenu=null;}
removeClassName(menu.activeItem,"WinItemOplichten");menu.activeItem=null;}
function menuInit(menu){
var itemList,spanList;var textEl,pijltjeEl;var itemWidth;var w,dw;var i,j;
if(browser.isIE){menu.style.lineHeight="2.5ex";
spanList=menu.getElementsByTagName("SPAN");
for(i=0;i< spanList.length; i++)
if(hasClassName(spanList[i],"WinItempijltje")){
spanList[i].style.fontFamily="Webdings";spanList[i].firstChild.nodeValue="4";}}
itemList=menu.getElementsByTagName("A");
if(itemList.length>0)itemWidth=itemList[0].offsetWidth;else return;
for(i=0; i < itemList.length; i++) {
spanList=itemList[i].getElementsByTagName("SPAN")
textEl=null
pijltjeEl = null;
for(j=0; j < spanList.length; j++) {
if(hasClassName(spanList[j],"WinItemText"))textEl=spanList[j];
if(hasClassName(spanList[j],"WinItempijltje"))pijltjeEl=spanList[j];}
if(textEl!=null&&pijltjeEl!=null)
textEl.style.paddingRight=(itemWidth-(textEl.offsetWidth+pijltjeEl.offsetWidth))+"px";}
if (browser.isIE){w=itemList[0].offsetWidth;
itemList[0].style.width=w+"px";dw=itemList[0].offsetWidth-w;w-=dw;
itemList[0].style.width=w+"px";}
menu.initialized=true;}
function getContainerWith(node,tagName,className){
while(node!=null){
if(node.tagName!=null&&node.tagName==tagName&&hasClassName(node,className))
return node;node=node.parentNode;}return node;}
function hasClassName(el,name){
var i,list;list=el.className.split(" ");
for(i=0;i<list.length;i++)if(list[i]==name)return true;return false;}
function removeClassName(el,name){
var i,curList,newList;if(el.className==null)return;
newList=new Array();curList=el.className.split(" ");
for(i=0;i<curList.length;i++)
if(curList[i]!=name)newList.push(curList[i]);el.className=newList.join(" ");}
function getPageOffsetLeft(el){var x;x=el.offsetLeft;
if(el.offsetParent!=null)x+=getPageOffsetLeft(el.offsetParent);return x;}
function getPageOffsetTop(el){var y;y=el.offsetTop;
if(el.offsetParent!=null)y+=getPageOffsetTop(el.offsetParent);return y;}
</script>


Dit is een submenu wat naar beneden openklapt. Ik wil nu dat het menu naar rechts openschuift, en dus dat de hoofdmenu's bovenelkaar staan.... weet iemand hier raad mee?
INFORMATIE NODIG OVER NONI? GA NAAR HTTP://WWW.NONIHEALTH.NL (¤ 34,50 )
pi_25703328
Vraag 't eens aan de maker van 't script.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_25721177
quote:
Op donderdag 24 maart 2005 11:34 schreef jeroen-heeft-koffie-nodig het volgende:
ok heb de volgende code:
[ code verwijderd ]

Dit is een submenu wat naar beneden openklapt. Ik wil nu dat het menu naar rechts openschuift, en dus dat de hoofdmenu's bovenelkaar staan.... weet iemand hier raad mee?
Haha, jij denkt serieus dat iemand hiernaar gaat kijken?
Die code is totaal onleesbaar man!
Ik denk dat de tip van Superrembo een goede is
Vogelaars.nl
pi_25722346
quote:
Op donderdag 24 maart 2005 23:54 schreef ikke_ook het volgende:

[..]

Haha, jij denkt serieus dat iemand hiernaar gaat kijken?
Die code is totaal onleesbaar man!
Ik denk dat de tip van Superrembo een goede is
hmm ja nou ik kan de maker ervan niet vinden dus ja, je weet maar nooit
INFORMATIE NODIG OVER NONI? GA NAAR HTTP://WWW.NONIHEALTH.NL (¤ 34,50 )
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[Javascript] voor dummies - Deel 1
Index

» digital corner

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