Solved: Javascript Schleife

Seite 1 von 1 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/solved_javascript_schleife_158695/page_1 - zur Vollversion wechseln!

Gräflicher schrieb am 17.02.2006 um 19:35

Hallo, nur eine ganz kurze Frage:

Hab im Moment den Code:

document.getElementById('pop1').style.display='none';
document.getElementById('pop2').style.display='none';
document.getElementById('pop3').style.display='none';
document.getElementById('pop4').style.display='none';
...
...
... usw usw

Teufel, kann man das nicht in eine schleife packen?
es ändert sich nur der pop-indizes. Krieg die schleife mit der Abbruchbedingung und diesem Pop-Array einfach nicht hin.

Vermutlich ists eh nur eine Kleinigkeit, wenns wer weiß kann ers ja vielleicht kurz poste. Aber bitte nicht den Kopf darüber zerbrechen
Besten Dank,
mfG

that schrieb am 17.02.2006 um 19:40

Klar geht das. Wie hast du es probiert?

mat schrieb am 17.02.2006 um 19:48

so?

Code: PHP

<html>
 <head>
  <script language="javascript">

   function ChangeMe()
   {
    for (var i=1;i <= 4;i++)
    {
      document.getElementById('pop'+i).style.display='none';
    }
   }

  </script>
 </head>
 <body>
  <form>
   <input id="pop1" value="1" />
   <input id="pop2" value="2" />
   <input id="pop3" value="3" />
   <input id="pop4" value="4" />

   <button OnClick="ChangeMe()">Change me</button>
  </form>
 </body>
</html>

Gräflicher schrieb am 17.02.2006 um 19:54

Besten Dank
Werd wohl noch die Abbruchbedingung <=4 ändern müssen auf irgendsowas wie onerror wenns sowas gibt, weil sich die anzahl eben immer ändert.

(werd ich aber schon schaffe, bitte keine Mühe machen)

Tut mir leid, dass ich wegen so einer Kleinigkeit nachfrage, bzw. nicht selber recherchiere, aber der Kopf ist gerade voll mit php und irgendwie hab ichs "umschalten" auf javascript nicht so richtig gecheckt

Gräflicher schrieb am 17.02.2006 um 20:43

So, alles klar.
Funktioniert wunderbar in dieser Form:

Code: PHP

var i=1;
      while (document.getElementById('pop'+i))
            {document.getElementById('pop'+i).style.display='none';
            i++;}

Vielen Dank @ Mat,
mfG