Einbettung arabische Tastatur

Question

Erstmal vielen Dank für das hilfreiche Feedback. Wir haben die vorgeschlagene Variante mit der Tastatur von http://www.arabic-keyboard.org/keyboard/ umgesetzt. Dies funktioniert soweit auch einwandfrei, zumindest in der deutschen Fragebogenversion.

Jetzt stehen wir allerdings vor dem Problem, dass die eingeblendete Tastatur gedreht dargestellt wird, wenn wir den Fragebogen auf die arabische Sprachversion umstellen.

Ich nehme an dies hat mit der Textausrichtung von rechts nach links im arabischen Layout zu tun. Gibt es eine Möglichkeit dies zu umgehen?

Wir binden die Tastatur mittels HTML und javascript ein:

<input disabled value="لوحة المفاتيح العربية" size="12" id="E104_01" dir="rtl"   class="keyboardInput">
<link rel="stylesheet" type="text/css" href="pro://keyboard.css"> 
<script type="text/javascript" src="pro://keyboard.js" charset="UTF-8"></script>

Besten Dank und viele Grüße,
Julian

Answer 1

Ach ja ... Computer :)

Wenn Sie einen Pretest-Link zur betroffenen Seite posten, kann ich einmal ansehen, an welcher Stelle genau die Tatstsur eingebunden wird. Ich vermute, es gibt dazu passend ein HTML-Element.

Vermutlich reicht es schon, wenn Sie um das HTML außenherum ein <div> setzen, welche die Schreibrichtung links-nach-rechts (ltr) innerhalb des Blocks definiert:

<div style="direction: ltr;">

Und natürlich darunter, am Ende passend dann ein

</div>

Comments

Der workaround mit <div> hat leider nicht funktioniert.

Pretest-Link:
https://www.soscisurvey.de/LAIS/?act=ZITZGqZ6TGmBIVcJdk8Wf4Yb

---

Auf der Seite finde ich das <DIV> leider nirgends - ich habe versucht, die Tabelle, mit welcher die arabische Tastatur angezeigt wird, einmal direkt zu formatieren und das hat auf Anhieb funktioniert. Vielleicht versuchen Sie es einmal wie folgt:

<input disabled value="لوحة المفاتيح العربية" size="12" id="E104_01" dir="rtl"   class="keyboardInput">
<link rel="stylesheet" type="text/css" href="pro://keyboard.css">
<div style="direction: ltr;">
  <script type="text/javascript" src="pro://keyboard.js" charset="UTF-8"></script>
</div>

---

Leider kann ich den Lösungsvorschlag nicht replizieren. Auch mit <div> wird die Tastatur wie in dem Bild oben vertauscht dargestellt (siehe Link)!?

---

Hmm ... das Script packt den HTML-Code für die Tastatur leider an eine komplett andere Stelle im HTML-Baum.

Okay. Nächster Versuch. Hier ist eine Funktion, die erst heute Nachmittag implementiert wurde:

pageCSS('#keyboardInputMaster { direction: ltr; }');

---

Super, das hat funktioniert. Vielen Dank!