gankli: Script zweimal auf der gleichen Seite einsetzen

SELF-Forum

Script zweimal auf der gleichen Seite einsetzen

gankli
– Informationen zu den Bewertungsregeln

Hallo,

wie kann ich folgendes Script auf der gleichen Seite zweimal anwenden:

<head>
<script type="text/javascript">
var stat = 0;
function toggle() {
  if (stat == 0) {
    document.getElementById("hid").style.display = "block";
    document.hid1.src = "minus.gif";
    stat = 1;
  } else {
    document.getElementById("hid").style.display = "none";
    document.hid1.src = "plus.gif";
    stat = 0;
  }
}
</script>
</head>

<body>
<img src="plus.gif" onClick="toggle();" name="hid1" /><font color="#333333" size="2" face="Arial, Helvetica, sans-serif"> Bild anzeigen</font>
<br>
<div style="display:none;" id="hid">
  <img src="../02/picture/brandobs1.gif" alt="" width="450" height="285" border="1" />
</div>
</body>

Ich möchte den Teil der im Body steht für ein weiteres Bild mit dem Script aus dem head auf der gleichen Seite einbauen. Wie erledige ich dies.

Danke und Gruß
gankli

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Script zweimal auf der gleichen Seite einsetzen

    David Tibbe Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo

    function toggle() {
        document.getElementById("hid").style.display = "block";
    }

    Passe die Funktion so an, dass sie in einem Parameter noch mitbekommt, welches Bild sie ändern soll. Diesen Parameter setzt du an anstelle des "hid".

    <font color="#333333" size="2" face="Arial, Helvetica, sans-serif">

    Verwende kein <font>-Tag mehr. Greife zu CSS.

    Grüße
      David

    --
    >>Nobody will ever need more than 640k RAM!<<
    1981 Bill Gates
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Script zweimal auf der gleichen Seite einsetzen

      gankli
      – Informationen zu den Bewertungsregeln

      Hallo,

      irgendwie funktioniert das nicht. Muss ich das Scripe im Head zweimal schreiben. Und wie sieht es mit dem Code im Body aus. Muss
      ich dort für jedes Bild den Code neu schreiben? Also, wenn ich im oberen Teil meines Dokuments auf das + vor dem Bild anzeigen klicke geht darunter das dazugehörige Bild auf. Jetzt möchte ich weiter unten auf der selben Seite wieder ein + Bild anzeigen anklicken, und es soll nur dies Bild aufgehen. Deine Beschreibung sorgt dafür, das ich auf erste oder zweite Plus klicke und immer das gleiche Bild vom ersten + erhalte. Kannst Du mir bitte den gesamten Code für zwei verschiedene Bilder auf der Seite anpassen. Danke im voraus und Gruß gankli

      Hallo

      function toggle() {
          document.getElementById("hid").style.display = "block";
      }
      Passe die Funktion so an, dass sie in einem Parameter noch mitbekommt, welches Bild sie ändern soll. Diesen Parameter setzt du an anstelle des "hid".

      <font color="#333333" size="2" face="Arial, Helvetica, sans-serif">
      Verwende kein <font>-Tag mehr. Greife zu CSS.

      Grüße
        David

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Script zweimal auf der gleichen Seite einsetzen

        David Tibbe Homepage des Autors
        – Informationen zu den Bewertungsregeln

        Hallo

        irgendwie funktioniert das nicht.

        Was hast du bisher gemacht? Wie sieht dein Code jetzt aus?

        Muss ich das Scripe im Head zweimal schreiben.

        Nein. Nur (wie geschrieben) mit einem Paramnter anpassen.

        Und wie sieht es mit dem Code im Body aus.

        Das auf <font>-bezogene: ja, das solltest du änern ;)
        Und mit dem Funktionsaufruf: Wie ich schriebn, du musst die Funtkion da
        jeweils nur nut der ID des Bildes aufrufen. Am komfortabelsten wäre dann
        sowas wie onClick="toggle(this.id);" (Halt je nach dem, wie du deine
        Funktion gestaltest).

        Muss ich dort für jedes Bild den Code neu schreiben?

        /um/schreiben :)

        »»

        [...]

        »»

        http://learn.to/quote/

        Grüße
          David

        --
        >>Nobody will ever need more than 640k RAM!<<
        1981 Bill Gates
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln