Tobias: option-tags und bildverweise

SELF-Forum

option-tags und bildverweise

Tobias
– Informationen zu den Bewertungsregeln

Tagst.
Ich will auf meiner Seite dem User die Möglichkeit gewähren, vermittels option-tags Bilder in das Hauptfenster zu laden.
Bildlich muß man sich das so vorstellen:
In der Mitte - ganz groß - das Hauptfenster.
Drunter ist ein kleienr Frame, mit einem Option-Feld, dass, wenn man draufklickt, sich nach unten öffnet und wo Sachen drinstehen, wie "Bild1" oder "Bild12".
Ich will nun, dass sobald der User ein Feld anklickt, sich das entsprechende Bild aufbaut.
Ich habe im Moment die Alternative eingebaut, dass sich dabei gemäß window.open(value, "Fensterchen", undsoweiter) ein Fenster mit dem Bild öffnet.
Aber so, wie iches will, siehts bestimmt besser aus, vor allem, wenn ich noch hinkriegen könnte, dass die Bilder als Hintergrundbilder ins Hauptfenster geladen werden.

Dankst im von vorneherein:
Ihr ergebendster Tobias

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. option-tags und bildverweise

    Dr. Ma-Busen
    – Informationen zu den Bewertungsregeln

    Hi!

    Also ich habe da mal was auf die schnelle gebastelt, ich hoffe mal das es das ist was du suchst.

    Also hier ist das Dropdown mit den du die Bilder aussuchst.

    <select name="Bilder" onChange="parent.FrameName.document.getElementById('TheBody').style.backgroundImage = 'url(' + this.value + ')'">
    <option value="b1.jpg">Bild1</option>
    <option value="b2.jpg">Bild2</option>
    <option value="b3.jpg">Bild3</option>
    </select>

    und hier ist der teil fürs andere Frame
    Wenn du den Hintergrund änder möchtest:
    <body id="TheBody" style="background-image:url('b1.jpg')">

    wenn du jetzt nicht den Hintergrund ändern möchtest sonder nur eine Grafik, dann musst du nur das Image- Tag mit ein id erweitern, und zawr so:
    <img id="Grafik" src="b1.jpg">

    und die onChange Anweisung in Select- Tag durch diese hier ersetzen:

    onChange="parent.FrameName.document.getElementById('Grafik').src = this.value"

    Wichtig ist noch das du "FrameName" in der onChange Anweisung durch den Namen des Frames ersetzt.

    Ich kann dir jetzt nicht sage unter welchen Browsern das läuft. Ich habe das mit den IE 6 und den NC 6 getestet und da liefe es.

    MfG
    Dr. Ma-Busen

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. option-tags und bildverweise

      Dr. Ma-Busen
      – Informationen zu den Bewertungsregeln

      Ups da habe ich doch was vergessen *schäm*

      Du musst noch das Dropdown in ein Form- Tag packen sonst funzt es im NC nicht.
      Also so:
      <form>
      <select name="Bilder" onChange="parent.FrameName.document.getElementById('TheBody').style.backgroundImage = 'url(' + this.value + ')'">
      <option value="b1.jpg">Bild1</option>
      <option value="b2.jpg">Bild2</option>
      <option value="b3.jpg">Bild3</option>
      </select>
      </form>

      MfG
      Dr. Ma-Busen

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln