Textfelder Helps anzeigen

[ichnicht]

Hab da folgendes Problem:
Ich hab auf meiner Seite ein paar Textfelder, wenn eines den focus hat, soll ein spezieller text daneben angezeicht werden, zB
wenn man in Textfeld 1 reinklickt soll daneben dann zB "irgentwas" stehen.

Geht das, wenn ja wie

thx

 

[Quaese]

Hi,

erstelle zum Textfeld einen Div-Container, den Du zunächst mit display: none
versteckst. Wird der Cursor in das Textfeld gesetzt (onfocus), blendest Du den
Container ein (display-Eigenschaft auf block setzen). Verliert das Textfeld
den Fokus (onblur), vesteckst Du den Div-Layer wieder.

Ciao
Quaese

 

[ichnicht]

leider kenn ich mich mit js genu null aus.... von der idee her klingts gut, aber ich hab keine idee wie ich das verwirklichen kann...

 

[Quaese]

Hallo,

zuächst bindest du folgendes JavaScript ein:

// Browseridentifikation
IE = document.all&&!window.opera;
DOM = document.getElementById&&!IE;

function setText(strID, isFocus){
    // Objekt holen
    var myObj = (IE)?document.all[strID]:document.getElementById(strID);
    // Falls der Hilfetext angezeigt werden soll
    if(isFocus == 1){
        myObj.style.display = 'block';    // Container einblenden
    }else{
        myObj.style.display = 'none';    // Container ausblenden
    }
}

Die Funktion erwartet zwei Parameter:
strID - die ID des Divs, der den Hilfetext enthält
isFocus - 1, wenn der Div eingeblendet werden soll, sonst ausblenden

Der zugehörige Quellcode könnte folgendermassen aussehen:

<input type="Text" onfocus="setText('help1', 1)" onblur="setText('help1', 0)" name="wert1">
<div id="help1" style="width: 140px; border: 1px solid firebrick; display: none;">Hilfetext 1</div>
<br><input type="Text" onfocus="setText('help2', 1)" onblur="setText('help2', 0)" name="wert1">
<div id="help2" style="width: 140px; border: 1px solid firebrick; display: none;">Hilfetext 2</div>

Ciao
Quaese

 

[ichnicht]

danke,

das is genau so wie ichs mir vorgestellt hab

thx