Dynamik mit einer Listbox

errox · 18.05.2008, 00:13

Hallo. Ich hab da eine "einfache" Frage. Ich möchte gern ein Setup für mein CMS erstellen. Dabei sollte die einführung die Sprache auswählen können.

Code:

<p>
  <select name="language">
    <option value="de">Deutsch</option>
    <option value="en">Englisch</option>
  </select>
  
  </p>

So sieht die Listbox aus. Blos möchte ich Jetzt dass der Code so aussieht, wenn ich Deutsch gewählt hab:

Code:

<p>
  <select name="language">
    <option value="de">Deutsch</option>
    <option value="en">Englisch</option>
  </select>
  
  </p>
<p>Ihre Sprache ist deutsch</p>

Und so, wenn ich Englisch gewählt hab:

Code:

<p>
  <select name="language">
    <option value="de">Deutsch</option>
    <option value="en">Englisch</option>
  </select>
  
  </p>
<p>You have selected English</p>

Wie krieg ich das am Besten hin? In C# schaff ich es aber nicht mit J-Script.

Danke im vorraus. Lg errox

Nachtrag:

Das hab ich schon soweit hinbekommen. Blos funktionieren tut es nicht

<form name="Sprache">
<select name="language">
<option value="en">Englisch</option>
<option value="de">Deutsch</option>
</select>
</form>
<SCRIPT language="javascript">
var f = document.Sprache;
if(f.language.value == "de")
{
document.write("Hallo");
}
else
{
document.write("Heloooooo");
}
</SCRIPT>
<NOSCRIPT>
ERRORRR!!!!
</NOSCRIPT>

cycap · 19.05.2008, 09:50

Du musst den Event-Handler onChange in deinem Select benutzen, der eine Funktion aufruft. Die Funktion liest dann die entsprechende Sprache aus und du definierst deinen <p> mit einer Id und schreibst via document.getElementById('...').innerHtml = 'hallo' deinen Text da rein

errox · 19.05.2008, 13:34

Hallo.

Ich verstehe kein Wort von dem, was du sagst

cycap · 19.05.2008, 13:40

Zitat:

den Event-Handler onChange in deinem Select benutzen

Code:

<select onchange="tuwas(this.value)">

Zitat:

Die Funktion liest dann die entsprechende Sprache aus und du definierst deinen <p> mit einer Id und schreibst via document.getElementById('...').innerHtml = 'hallo' deinen Text da rein

Code:

<p id="meintext"></p>

Code:

function tuwas(sprache)
{
  if(sprache=="de")
  {
    document.getElementById('meintext').innerHTML = 'deine sprache ist deutsch';
  }
  else if(sprache=="en")
  {
    document.getElementById('meintext').innerHTML = 'your language is english';
  }
}

jetzt klar?

errox · 19.05.2008, 14:47

Nicht wirklich. Das ist mir zu Kompliziert.

Ich lass es gleich sein. Trozdem vielen dank für deine Hilfe

cycap · 19.05.2008, 14:50

Das ist eigentlich total simpel... aber naja wie du meinst

Chriz · 21.05.2008, 10:47

Zitat:

Zitat von errox

Ich lass es gleich sein.

Das war das Wort zum Sonntag

In bestimmten HTML-Tags, vorzueglich Formular-bezogenen, kannst du bei bestimmten Events (<select onchange>, also wenn sich die Auswahl des <select> Feldes aendert) JavaScript-Code antriggern. Dieser kann dann machen was mit JavaScript eben so moeglich ist, z.B. wie von dir verlangt eine sprach-(vielmehr <select>/<option>)abhaengige Textausgabe erzeugen.

Nicht vergessen, dass diese Information nach dem Refresh der Seite verloren geht

errox · 22.05.2008, 23:44

Dafür, dass ich vorher noch NIE mit Javascript gearbeitet hab, sieht das Ding gut aus

Code:

<form name="Sprache">
<select name="language" onchange="change()">
    <option value="en" >Englisch</option>
    <option value="de">Deutsch</option>
</select>
</form>
<input type="button" value="Continue" id="button" />
<script language="javascript">
function change()
{
var f = document.Sprache.language;
if(f.value == "de")
{
    document.getElementById("button").value="Weiter";
}
else
{
    document.getElementById("button").value="Continue";
}
}

</script>

Danke nochmals!

Lg errox

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
SQL Auslesung in Listbox	Beatbox	PHP Tipps 2005	5	24.01.2009 16:29
Dynamik mit Mod Rewrite	pPanther	PHP-Fortgeschrittene	4	16.03.2008 07:15
[JS] Verschieben von Listbox in Listbox	cycap	HTML, Usability und Barrierefreiheit	3	28.12.2007 14:55
Eintrag in Listbox auswählen...	votec-cougar	PHP Tipps 2006	5	11.09.2006 12:10
Dynamik in ein Formular einbauen	DannyD	HTML, Usability und Barrierefreiheit	0	02.08.2006 14:01
Problem mit dynamischen Füllen einer Listbox		PHP Tipps 2005-2	1	14.08.2005 11:47
[Erledigt] Listbox		HTML, Usability und Barrierefreiheit	3	12.11.2004 10:13

18.05.2008, 00:13
errox Erfahrener Benutzer Registriert seit: 11.09.2007 Beiträge: 198	Dynamik mit einer Listbox Hallo. Ich hab da eine "einfache" Frage. Ich möchte gern ein Setup für mein CMS erstellen. Dabei sollte die einführung die Sprache auswählen können. Code: <p> <select name="language"> <option value="de">Deutsch</option> <option value="en">Englisch</option> </select> </p> So sieht die Listbox aus. Blos möchte ich Jetzt dass der Code so aussieht, wenn ich Deutsch gewählt hab: Code: <p> <select name="language"> <option value="de">Deutsch</option> <option value="en">Englisch</option> </select> </p> <p>Ihre Sprache ist deutsch</p> Und so, wenn ich Englisch gewählt hab: Code: <p> <select name="language"> <option value="de">Deutsch</option> <option value="en">Englisch</option> </select> </p> <p>You have selected English</p> Wie krieg ich das am Besten hin? In C# schaff ich es aber nicht mit J-Script. Danke im vorraus. Lg errox Nachtrag: Das hab ich schon soweit hinbekommen. Blos funktionieren tut es nicht <form name="Sprache"> <select name="language"> <option value="en">Englisch</option> <option value="de">Deutsch</option> </select> </form> <SCRIPT language="javascript"> var f = document.Sprache; if(f.language.value == "de") { document.write("Hallo"); } else { document.write("Heloooooo"); } </SCRIPT> <NOSCRIPT> ERRORRR!!!! </NOSCRIPT> Geändert von errox (18.05.2008 um 10:07 Uhr).


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

19.05.2008, 09:50
cycap Moderator Registriert seit: 13.02.2008 Beiträge: 6.816 PHP-Kenntnisse: Fortgeschritten	Du musst den Event-Handler onChange in deinem Select benutzen, der eine Funktion aufruft. Die Funktion liest dann die entsprechende Sprache aus und du definierst deinen <p> mit einer Id und schreibst via document.getElementById('...').innerHtml = 'hallo' deinen Text da rein

19.05.2008, 13:34
errox Erfahrener Benutzer Registriert seit: 11.09.2007 Beiträge: 198	Hallo. Ich verstehe kein Wort von dem, was du sagst

19.05.2008, 14:47
errox Erfahrener Benutzer Registriert seit: 11.09.2007 Beiträge: 198	Nicht wirklich. Das ist mir zu Kompliziert. Ich lass es gleich sein. Trozdem vielen dank für deine Hilfe

19.05.2008, 14:50
cycap Moderator Registriert seit: 13.02.2008 Beiträge: 6.816 PHP-Kenntnisse: Fortgeschritten	Das ist eigentlich total simpel... aber naja wie du meinst