strohhalm.org / Forum / Forenübersicht / Programmierung Clientseitig / Nachricht 1247 lesen

Kontextsensitive Hilfe mit Javascript

1. Kontextsensitive Hilfe mit Javascript

   tempa.+0 -0.09. May 2006, 19:47

   Hi, um in einem Formular kontextsensitiv gleich an die Position im Hilfetext zu springen, möchte ich die letzte Cursorposition … genauer gesagt die ID des Formularfeldes ermitteln, in dem der Cursor noch eben vor dem Klick auf den Link mit dem Fragezeichen war, so dass beim Klick auf das Fragezeichen diese ID übergeben wird und ich in Abhängikeit der ID den entsprechenden Abschnitt der Hilfe zum zuletzt aktiven Formularfeld anzeigen kann.

   Unter welchem Stichwort muss ich suchen oder wie heißt die Skriptzeile? Für sachdienliche Hinweise wäre ich sehr dankbar.
   Lieben Gruß tempa

   Antworten [/forum/index.php?topic=1247&strukturid=1247&action=newEntry]

2. Re: Kontextsensitive Hilfe mit Javascript

   wurstbrot.+0 -0.09. May 2006, 21:25

   Das enstprechende Ereignis heißt blur (http://de.selfhtml.org/…/eventhandler.htm#onblur). Du kannst also einfach in einer globalen Variablen den Wert der ID speichern beim Verlassen:

   JavaScript:

   var lastVisit;

   Und dann das Formular-Element:

   <input type="text" id="blub" onblur="lastVisit=this.id" />

   Wurstbrot

   Antworten [/forum/index.php?topic=1247&strukturid=1247&action=newEntry]

3. Re: Kontextsensitive Hilfe mit Javascript

   tempa.+0 -0.09. May 2006, 23:53

   Danke. An so etwas in der Art hatte ich dann auch schon gedacht, wobei ich aber mit this.irgendwas noch vertraut war und bei meinem Versuch die ID nicht ermitteln konnte.

   Ich dachte es gäbe in Javascript noch eine andere Möglichkeit. Kennt hier jemand zufällig eine Seite, deren Bookmark ich leider vor langer Zeit verloren habe, die demonstriert, was man alles über Javascript über HTML-Elemente und Cursor-Koordinaten, Bewegungen Eingaben etc. erfahren kann und diese Abfragen auf sehr eindrucksvolle Weise demonstriert.

   Antworten [/forum/index.php?topic=1247&strukturid=1247&action=newEntry]

4. Re: Kontextsensitive Hilfe mit Javascript

   tempa.+0 -0.10. May 2006, 14:54

   So geschafft:

   <script src="help.js" type="text/javascript"></script>

   Das Formular

   
<p><input name="gapleft" id="gapleft" onblur="hotSpot=this.id" class="gap lft" />
<label for="gapleft">Abstand links</label<br />
<input name="gaptop" id="gaptop" onblur="hotSpot=this.id" class="gap top" />
<label for="gaptop">Abstand oben</label></p>


   Oder auch

   
<td bgcolor=#809fee onMouseOut=Viewout() onMouseOver=View('809fee') onClick=Set('809fee') class="colorset" onblur="hotSpot=this.className" height="10px" width="10px"></td>


   Und das JavaScript help.js zur Auswertung:

   
var hotSpot = '';
function callHelp() {
//alert ("Das ist das Feld mit der ID " + hotSpot);

//Write URI and transfer the hotSpot to PHP
var subject = "help.php?subject=" + hotSpot;

//direct to general or casesensitiv helpinformation
switch (hotSpot) {
case "":
var showHelp = showModelessDialog('help.php', '', 'dialogHeight:620px; dialogWidth:786px; resizable:no; status:no');
break;
default:
//alert ("Das ist das Feld mit der ID " + hotSpot);
var showHelp = showModelessDialog(subject, 'hotSpot', 'dialogHeight:620px; dialogWidth:786px; resizable:no; status:no');
break;
}
}


   Statt showModelessDialog für Crossbrowser-Varianten müsste es wohl window.open mit entsprechender Syntax sein, aber da ich in diesem Fall an dieser Stelle definitiv nur IEs antreffe ist showModelessDialog die bessere Wahl. Ich bin blutiger Anfänger. Vielleicht kann ja hier jemand aus dem stehgreif die Zeile nachliefern, die man bei window.open braucht. Viel Spaß jedenfalls bei Skripten von kontextsensitiver Hilfe.
   Gruß tempa

   Achja .. der Rest ist dann PHP

   $subject = $_GET['subject'];

   Und je nach Variable-Inhalt kann man den Hilfetext verfassen.

   Antworten [/forum/index.php?topic=1247&strukturid=1247&action=newEntry]