[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
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[Javascript] voor dummies - Deel 1
Index

» digital corner

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