Beste javascript programeurs

Status
Niet open voor verdere reacties.
@uaejeroen,

Ik antwoord om het zelf nog wat aan te leren .

Uw code heb ik een beetje bijgewerkt
HTML: 
<head>
 
<script type="text/javascript">
<!--
onMouseOver=window.status =("welkom op deze website");
//function window.alert("Uw lievelings kleur is");
function function1(obj)
{
var kleur=obj.id
 alert("Uw lievelings kleur is " +kleur);
}
 
//--></script>
 </head>
<body>
<table width="100%" border="1">
<tr>
<th colspan="4"></th>
</tr>
<tr>
<td> voor uw lievelingskleur klik op een cel</td>
<td id="Blauw" onClick="function1(this)">Blauw</td>
<td id="Groen" onClick="function1(this)">Groen</td>
<td id="Rood" onClick="function1(this)">Rood</td>
</tr>
</table>
</body>

Dit is één mogelijke oplossing .
Elke functie moet een eenduidige naam hebben .
"this" verwijst hier naar de eigenaar (owner) van het onclick-event en dat is td .

Oplossing werkt in Konqueror en FF

johan

Ubuntu linux
 
Dank u

Helaas wil ik dat die alle cellen bij elkaar optelt
dus u lievelings eten is en uw lieveling dier is en kleur, en dat wil ik in een alert zetten snaspt u

Bijv

Het rode dier eet patat zoiets :P
Het klinkt onlogische maar ik wil een een leuk javascriptje voor de kinderen
later met flash ga ik verder

Alvast bedankt
 
HTML: 
<html>
  <head>
    <script type="text/javascript">
      <!--
        window.onmouseover = function() {
          window.status = "welkom op deze website";
        }

        function finish() {
          var kObj = document.getElementsByName('kleur');
          var dObj = document.getElementsByName('dier');
          var eObj = document.getElementsByName('eten');
          alert ( "De " + kObj[0].value + " " + dObj[0].value + " eet " + eObj[0].value + "." );
        }

      -->
    </script>
  </head>
  <body>
    <table width="100%" border="1">
      <tr>
        <th colspan="4"></th>
      </tr>
      <tr>
        <td> Uw lievelings kleur is </td>
        <td><input type="radio" value="blauwe" name="kleur">Blauw</td>
        <td><input type="radio" value="groene" name="kleur">Groen</td>
        <td><input type="radio" value="rode" name="kleur">Rood</td>
      </tr>
      <tr>
        <td>Uw lievelings dier is</td>
        <td><input type="radio" value="kat" name="dier">Kat</td>
        <td><input type="radio" value="hond" name="dier">Hond</td>
        <td><input type="radio" value="kip" name="dier">kip</td>
      </tr>
      <tr>
        <td>Uw lievelings eten is</td>
        <td><input type="radio" value="patat" name="eten">Patat</td>
        <td><input type="radio" value="thais" name="eten">Thais</td>
        <td><input type="radio" value="spaans" name="eten">Spaans</td>
      </tr>
      <tr>
        <td colspan="4"><button onclick="finish()">Klik hier</button></td>
      </tr>
    </table>
  </body>
</html>
 
dank u

Heleeas berekent die alleen blauw kat eet patat
maar dit is precies wat ik bedoel
hartstikke bedankt voor u script
 
Damn, volgens mij ben ik toe aan slaap, want ik heb nu toch weer een omslachtige manier bedacht:

HTML: 
<html>
  <head>
    <script type="text/javascript">
      <!--
        window.onmouseover = function() {
          window.status = "welkom op deze website";
        }
 
        function finish() {
          var k, d, e;
          var kObj = document.getElementsByName('kleur');
          var dObj = document.getElementsByName('dier');
          var eObj = document.getElementsByName('eten');
          for ( var i = 0; i < kObj.length; i++ ) {
            if ( kObj[i].checked ) {
              k = kObj[i].value;
              break;
            }
          }
          for ( i = 0; i < dObj.length; i++ ) {
            if ( dObj[i].checked ) {
              d = dObj[i].value;
              break;
            }
          }
          for ( i = 0; i < eObj.length; i++ ) {
            if ( eObj[i].checked ) {
              e = eObj[i].value;
              break;
            }
          }
          
          alert ( "De " + k + " " + d + " eet " + e + "." );
        }
 
      -->
    </script>
  </head>
  <body>
    <table width="100%" border="1">
      <tr>
        <th colspan="4"></th>
      </tr>
      <tr>
        <td> Uw lievelings kleur is </td>
        <td><input type="radio" value="blauwe" name="kleur">Blauw</td>
        <td><input type="radio" value="groene" name="kleur">Groen</td>
        <td><input type="radio" value="rode" name="kleur">Rood</td>
      </tr>
      <tr>
        <td>Uw lievelings dier is</td>
        <td><input type="radio" value="kat" name="dier">Kat</td>
        <td><input type="radio" value="hond" name="dier">Hond</td>
        <td><input type="radio" value="kip" name="dier">kip</td>
      </tr>
      <tr>
        <td>Uw lievelings eten is</td>
        <td><input type="radio" value="patat" name="eten">Patat</td>
        <td><input type="radio" value="thais" name="eten">Thais</td>
        <td><input type="radio" value="spaans" name="eten">Spaans</td>
      </tr>
      <tr>
        <td colspan="4"><button onclick="finish()">Klik hier</button></td>
      </tr>
    </table>
  </body>
</html>
 
@ErikBooy007 en uaejeroen

Altijd tof iets bij te leren .
Had zelf al wat gezocht , eerst met
Code: 
while
dan met
Code: 
for
loopen .
Heb mijn fout zopas ingezien na uw code te bekijken .

HTML: 
 function finish(){
         var kObj = document.getElementsByName('kleur');
         for(i=0 ; i<= kObj.length ; i++){
         if( kObj[i].checked){
         alert("i= "+i+ ":" +kObj[i].value);}


Dat werkt maar de errorconsole van FF gaf : kObj is undefined .
Gevonden reden i<= kObj.length moet i< kObj.length zijn .

Naar mijn gevoel veel code maar het is wel mooi :)

Vraagje ; Hoe kan ik de code die niet in één schermpje past toch ineens copy/pasten ?

@uaejeroen

Blij voor u dat de poes weer alles eet .

Indien u dat voor de kinderen doet dan kunt u een leuk scriptje halen van mijn website onder childrens corner .
 
Wat bedoel je precies met code die niet in één schermpje past?
 
ErikBooy007 zei:
Wat bedoel je precies met code die niet in één schermpje past?
Klik om te vergroten...


Uw code , zie hoger , wordt getoond in een schermpje met scroll-bars .
Ik heb dat in twee keer kunnen copy/pasten .
Op andere sites wordt soms een knop "select all" gegeven of kan ik met de muis de tekst aanklikken en dan doorscrollen tot op het einde .

Gewoon een practische vraag , om fouten te vermijden .
 
Tsja, wat ik altijd doe is gewoon de cursor aan het begin van de tekst, linkermuisknop indrukken en dan naar beneden slepen, dan scrollt ie automatisch mee.
 
ErikB007

Bedankt voor uw goeie hulp
Iedereen trouwens bedankt die hieraan heeft geholpen
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan