<![CDATA[Informationen für CMS/made simple / [GELÖST] Formbuilder, Select und Javascript "onChange"]]> http://www.cmsmadesimple.de/forum/viewtopic.php?id=3269 Mon, 27 May 2013 08:25:39 +0000 FluxBB <![CDATA[Re: [GELÖST] Formbuilder, Select und Javascript "onChange"]]> http://www.cmsmadesimple.de/forum/viewtopic.php?pid=26410#p26410

Eigentlich schade, dass beim Formbuilder nicht die Werte aus dem Feld "Übermittelter Wert" übernommen werden

Ist leider ein Fehler im FormBuilder.

]]> Mon, 27 May 2013 08:25:39 +0000 http://www.cmsmadesimple.de/forum/viewtopic.php?pid=26410#p26410 <![CDATA[Re: [GELÖST] Formbuilder, Select und Javascript "onChange"]]> http://www.cmsmadesimple.de/forum/viewtopic.php?pid=26409#p26409 Gut zu wissen, dass das auch geht - sieht dann allerdings für den Nutzer nicht mehr so schön aus ...
Eigentlich schade, dass beim Formbuilder nicht die Werte aus dem Feld "Übermittelter Wert" übernommen werden - eigentlich lässt doch die Bezeichnung genau darauf schließen, oder?

]]> Mon, 27 May 2013 08:17:02 +0000 http://www.cmsmadesimple.de/forum/viewtopic.php?pid=26409#p26409 <![CDATA[Re: [GELÖST] Formbuilder, Select und Javascript "onChange"]]> http://www.cmsmadesimple.de/forum/viewtopic.php?pid=26407#p26407 ich würde ja diese methode bevorzugen ;-)

<form>
<select name="Farbwaehler" onChange="Bildladen(this.options[this.selectedIndex].text);" size="1">
 <option value="1">schmetterling</option>
 <option value="2">blume</option>
 <option value="3">geschenk</option>
 <option value="4">gluehbluete</option>
</select>
</form>
<img id="mockup" src="" />

<script>
<!--
function Bildladen(Bild)
{
	document.getElementById("mockup").src = "mockup_" + Bild + ".png";
    return true;
}
//-->
</script>

also Bildladen(this.options[this.selectedIndex].text);

]]> Sun, 26 May 2013 18:33:57 +0000 http://www.cmsmadesimple.de/forum/viewtopic.php?pid=26407#p26407 <![CDATA[Re: [GELÖST] Formbuilder, Select und Javascript "onChange"]]> http://www.cmsmadesimple.de/forum/viewtopic.php?pid=26405#p26405 Ach, logisch - bei dem Bespiel von mir ja. Das war aber nur der Test-Code.
Die Bilder liegen natürlich im images-Ordner von CMSms und heißen auch nicht 1, 2 usw.:

[== javascript ==]
<script type=text/javascript>
<!--
function Bildladen(Bild)
{
	if (Bild==1) {
		Bild = "uploads/images/mockup_schmetterling.png";
	} else if (Bild==2) {
		Bild = "uploads/images/mockup_blume.png";
	} else if (Bild==3) {
		Bild = "uploads/images/mockup_geschenk.png";
	} else if (Bild==4) {
		Bild = "uploads/images/mockup_gluehbluete.png";
	}
	document.getElementById("mockup").src = Bild;
    return true;
}
//-->
</script>

Das ist der Code, den ich nutze.
Aber trotzdem ein guter Hinweis mit dem "+ ".jpg"" - ich glaube, ich möchte mich mal mehr mit Javascript beschäftigen, damit ich nicht immer alles neu zusammen suchen muss ...

]]> Sun, 26 May 2013 10:39:48 +0000 http://www.cmsmadesimple.de/forum/viewtopic.php?pid=26405#p26405 <![CDATA[Re: [GELÖST] Formbuilder, Select und Javascript "onChange"]]> http://www.cmsmadesimple.de/forum/viewtopic.php?pid=26404#p26404 
[== HTML ==]

<form>
<select name="Farbwaehler" onChange="Bildladen(this.options[this.selectedIndex].value);" size="1">
 <option value="1">Bild 1</option>
 <option value="2">Bild 2</option>
 <option value="3">Bild 3</option>
 <option value="4">Bild 4</option>
</select>
</form>
<img id="mockup" src="" />

<script>
<!--
function Bildladen(Bild)
{
	document.getElementById("mockup").src = Bild + ".jpg";
    return true;
}
//-->
</script>

hätte gereicht ;-)

]]> Sun, 26 May 2013 08:42:55 +0000 http://www.cmsmadesimple.de/forum/viewtopic.php?pid=26404#p26404 <![CDATA[Re: [GELÖST] Formbuilder, Select und Javascript "onChange"]]> http://www.cmsmadesimple.de/forum/viewtopic.php?pid=26403#p26403 So schwer ist Javascript ja gar nicht wink

Hab noch etwas recherchiert und dabei herausgekommen ist das hier:

[== HTML ==]

<form>
<select name="Farbwaehler" onChange="Bildladen(this.options[this.selectedIndex].value);" size="1">
 <option value="1">Bild 1</option>
 <option value="2">Bild 2</option>
 <option value="3">Bild 3</option>
 <option value="4">Bild 4</option>
</select>
</form>
<img id="mockup" src="" />

<script>
<!--
function Bildladen(Bild)
{
	if (Bild==1) {
		Bild = "1.jpg";
	} else if (Bild==2) {
		Bild = "2.jpg";
	} else if (Bild==3) {
		Bild = "3.jpg";
	} else if (Bild==4) {
		Bild = "4.jpg";
	}
	document.getElementById("mockup").src = Bild;
    return true;
}
//-->
</script>

Das geht sicher noch einfacher/effektiver - aber egal, es macht, was es soll.

]]> Sun, 26 May 2013 08:27:36 +0000 http://www.cmsmadesimple.de/forum/viewtopic.php?pid=26403#p26403 <![CDATA[[GELÖST] Formbuilder, Select und Javascript "onChange"]]> http://www.cmsmadesimple.de/forum/viewtopic.php?pid=26385#p26385 Hallo,

wieder einmal hänge ich - wahrscheinlich bei einer Kleinigkeit.
Mein Ziel:
In einem Formular (erstellt mit dem Formbuilder) möchte ich je nach ausgewähltem Wert in einem Ausklappmenü ein entsprechendes Bild darunter anzeigen lassen. Grundsätzlich habe ich es auch so weit, dass die "src" ausgetauscht wird. Allerdings nutzt der Formbuilder automatisch als Value 1, 2, 3 usw. und nicht das, was ich im jeweiligen Feld "Übermittelter Wert" eingegeben habe - und somit habe ich als "src" immer nur 1, 2 oder 3.

Das ist das Grundgerüst in HTML:

[== HTML ==]
<form>
<select name="Farbwaehler" onChange="Bildladen(this.options[this.selectedIndex].value);" size="1">
 <option value="1">Bild 1</option>
 <option value="2">Bild 2</option>
 <option value="3">Bild 3</option>
 <option value="4">Bild 4</option>
</select>
</form>
<img id="mockup" src="" />

<script>
<!--
function Bildladen(Bild)
{
	document.getElementById("mockup").src = Bild;
    return true;
}
//-->
</script>

Gibt es da jetzt eine Möglichkeit, im Javascript-Teil den einzelnen Values eine entsprechende URL zuzuordnen?

Ich habs schon mit "var 1 = url_zum_bild.jpg" versucht, wüsste aber nicht, wie ich das jetzt in die src kriege.
Ich hoffe, ihr verstehen, was ich meine ... ;-)

]]> Fri, 24 May 2013 18:53:13 +0000 http://www.cmsmadesimple.de/forum/viewtopic.php?pid=26385#p26385