Live-Optionsfeld

**MelloPie** · 06.06.2003, 21:20

ja easy Du kannst in javascript was mit onchange machen
Alle GRafinken in Layer packen übereinander und dann visiblity on or off...

**jOhnny knOx** · 06.06.2003, 21:30

Hast du vielleicht einen Link zu einem Tutorial, Manual oder ähnlichem ?

**invitatoinvitat** · 06.06.2003, 22:45

alle in layer wär ein wenig viel, da bei jedem onchange alle restlichen auf invisible gesetzt werden müssten.

aber: mit javascript ganz einfach.

www.selfhtml.teamone.de

**jOhnny knOx** · 06.06.2003, 22:58

ich versteh aber nicht was in in das onChange-Tag reinschreiben muss, um ein Bild zu erzeugen, rechts neben dem Optionsschalter.

Das Beispiel auf beim Selfhtml ist irgendwie anders...

**Abraxax** · 07.06.2003, 00:59

mit onChange kannst du eine js-fkt aufrufen, die den rest übernimmt. also alle layer ausblenden und nur den aktuell gewünschten layer einblenden.

beispiel.

Code:

<html><head><title>Test</title>
<script>
function machewas(uebergabe) {
  // ...
  // ...
  alert(uebergabe);
}
</script>
</head><body>
<form name="Test" action="">
<textarea rows="5" cols="40" onChange="machewas(this.value)">Bearbeiten Sie diesen Text hier
und klicken Sie dann woanders hin! Oder lassen Sie ihn unbearbeitet und
klicken dann woanders hin!</textarea>
</body></html>

**jOhnny knOx** · 07.06.2003, 09:18

ich kenn mich ja nicht so mit js aus und wüsste nicht wie das gehen würde das bei einem Optionsfeld dementsprechend ein Image erzeugt und dargestellt wird.

**MelloPie** · 07.06.2003, 10:34

das wird nicht erzeugt das wird nur visible oder invisible gestellt.
Du lädst alle Bilder an die gleiche Stelle und alle sind invisible...
Dann machst Du im im optionsfeld onChange das bild visible das Du willst und alle anderen invisible, fertig...

**jOhnny knOx** · 07.06.2003, 11:07

und wie funktioniert das mit dem invisible/visible ? wie seht der code davon aus ?

**hand** · 07.06.2003, 11:53

PHP-Code:


<html>

 <head>

  <title>Test</title>

   <script language="JScript" type="text/jscript">

    <!--

    function wechseln() {

       if (document.all.Bild.style.visibility == "visible") {

         document.all.Bild.style.visibility = "hidden";

       } else {

         document.all.Bild.style.visibility = "visible"

       }

    }

    //-->

   </script>

 </head>

 <body>

  <center>

  <a href="javascript:wechseln()">Grafikanzeige wechseln<br>

  <img alt="MEin Bild" id="Bild" src="bild.jpg" style="visibility:visible" border=0></a>

 </body>

</html>

http://selfhtml.teamone.de/dhtml/mod...ein_ausblenden

Du mußt aber die unterschiedlichen Browser berücksichtigen. Idealerweise ist das (wie MelloPie bereist erwähnt hat) über Layer zu realisieren.

http://selfsuche.teamone.de/cgi-bin/..._1=on&hits=100

**jOhnny knOx** · 07.06.2003, 17:16

Original geschrieben von hand

PHP-Code:

<html> <head> <title>Test</title> <script language="JScript" type="text/jscript">  </script> </head> <body> <center> <a href="javascript:wechseln()">Grafikanzeige wechseln<br> <img alt="MEin Bild" id="Bild" src="bild.jpg" style="visibility:visible" border=0></a> </body> </html>

http://selfhtml.teamone.de/dhtml/mod...ein_ausblenden

Du mußt aber die unterschiedlichen Browser berücksichtigen. Idealerweise ist das (wie MelloPie bereist erwähnt hat) über Layer zu realisieren.

http://selfsuche.teamone.de/cgi-bin/..._1=on&hits=100

Wenn das nicht unterschiedliche Internet-Browser berücksichtigt, würde ich gerne wissen wie die Methode mit den Layern realisierbar ist.

**mrhappiness** · 07.06.2003, 17:44

Original geschrieben von jOhnny knOx
Wenn das nicht unterschiedliche Internet-Browser berücksichtigt, würde ich gerne wissen wie die Methode mit den Layern realisierbar ist.

was hält's du davon des handchens links mal zu lesen (vorzugsweise den zweiten)?

nach cross-browser, layer bzw. div und visibility zu googlen wär auch nich schlecht

**TobiaZ** · 07.06.2003, 20:34

*VERSCHIEB*

(Sorry, hab nichts zu tun

)

**hand** · 07.06.2003, 21:16

@jOhnny knOx
Ich helfe immer gerne jemandem auf die Sprünge. Du siehst, dass alle Hinweise irgendwie doch auf SELFHTML verweisen. Dort gibt es auch seine Suchmöglichkeit.

Dynamische Menüs bedienen sich auch der Layer-Technik, denn ob in einem Layer eine Grafik, ein simpler Text, eine Tabelle ein Link, oder ein wasauchimmer eingebettet ist, ist einerlei. Siehe http://www.webreference.com/dhtml/
Ich hoffe Du kannst Dir da was abschauen.

Ein wesentlicher Teil bei dem was Du gerade tust ist eben nunmal Recherche.

Am Einfachsten geht das vermutlich über Flash, da hast Du keine Kompatibilitätsprobleme mit derzeitigen Browsern und auch zukünftigen, denn es ist nicht gewährleistet, dass etwas das unter IE4 läuft auch unter IE5 oder IE99 läuft.

Folge den Links, die hier sin diesem Thread bereits gepostet wurden und Du wirst sehen, Du wirst finden, was Du suchst.

Live-Optionsfeld