✔ Radio Button für Textrichtung - LTR/RTL

[janosh75]

Ich habe da ein kleines, wahrscheinlich sehr simples Problem.
Leider ist mein Java Wissen dafür jedoch zu beschränkt.
Ich habe da ein Form indem ich gerne über zwei radio-buttons die Textrichtung des folgenden text-inputs regeln würde - ohne, dass der Benutzer dafür den submit button klickt - also irgendwie mit java...

<input name="arabic" type="radio" value="1">
<input name="arabic" type="radio" value="0" checked>
<input name="title" dir=" " type="text">

"dir" solllte dann abhängig vom radio button entweder "ltr" oder "rtl" beinhalten..

Kann mir da bitte jemand helfen?
Vielen Dank.

 

[Maggi13]

Hey...

Also so ganz verstehe ich die Frage nicht... man hat zwei Radios wenn ich aud den Linken klicke soll der Text im TextFeld auf der Rechten Seite angezeigt werden bzw bei Links auch links...?

 

[Maik]

Hi,

Leider ist mein Java Wissen dafür jedoch zu beschränkt.

Merke: Java != Javascript.

Schematisch könnte das beispielsweise in diese Richtung laufen:

<script type="text/javascript">
function setDirection() {
obj = document.demo.title; // document.Name_des_Formulars.Name_des_Formularelements
obj.style.direction = obj.style.direction == 'ltr' ? 'rtl' : 'ltr';
}
</script>

<form name="demo">
    <input name="arabic" type="radio" value="1" onclick="setDirection()">
    <input name="arabic" type="radio" value="0" onclick="setDirection()" checked>
    <input name="title" style="direction:ltr;" type="text" value="Test">
</form>

mfg Maik

 

[tamtam]

1. JavaScript hat nichts mit Java zu tun.
2. Hier ein Lösungsansatz:

<script type="text/javascript">
function textDirection(val) {
	if (val == "ltr") {
		document.getElementById("title").dir = "ltr";
	} else {
		document.getElementById("title").dir = "rtl";
	}
	return;
}
</script>
<input name="arabic" type="radio" onchange="textDirection('ltr')" value="1">
<input name="arabic" type="radio" onchange="textDirection('rtl')" value="0" checked>
<input name="title" id="title" type="text">

 

[janosh75]

Sorry wg dem Java & Javascript. Werde es mir merken...
Perfekt! Funktioniert wunderbar. Vielen Dank. Genau das hatte ich gesucht.
Gruß, Jan