✔ Bei Klick "Nickname" und/oder "PAsswort" aus Inputfeld entfernen

[Comenius]

Hehe, cool.

Schade, dass das blaue Fenster immer wieder kommt, sonst wäre es echt super.

Hab das ganze mal mit meinen Browsern hier getestet, da läuft es auch.
(Bei Opera ist das weisse Kästchen etwas verschoben)

Aber nicht schlecht

Gruss
Commi

 

[Comenius]

*grübel*


Da wäre doch noch etwas....

Ich habe gerade versucht mir ein Menu zu erstellen.
Das ganze habe ich auf die gleiche Weise wie die "Mitte" gemacht, aber leider verschiebt sich dann die Mitte nach unten, was ich mir nicht erklären kann.

body { margin: 0; padding: 0; }
#MITTE { margin: 10px 0px 10px 152px; /* Aussenabstand oben - rechts - unten - links */ width: 682px; border: 1px solid #000000; background-color: #FFFFFF; }
#RAND { margin: 80px 10px 0px 10px; /* Aussenabstand oben - rechts - unten - links */ width: 985px; border: 1px solid #8394B2; background-color: #EEF2F7; }
#LINKS { margin: 10px 0px 10px 10px; /* Aussenabstand oben - rechts - unten - links */ width: 100px; border: 1px solid #000000; background-color: #FFFFFF; }
#KOPF { width: 985px; height: 20px; border-bottom: 1px solid #8394B2; background-color: #D1DCEB; }
#FUSS { width: 985px; height: 20px; border-top:	1px solid #8394B2; background-color: #D1DCEB; }

<!-- [******************** RAND ********************] //-->
<DIV ID="RAND">
 
<!-- [******************** KOPF ********************] //-->
<DIV ID="KOPF">
</DIV>
<!-- [******************** KOPF ********************] //-->
 
<!-- [******************** LINKS *******************] //-->
<DIV ID="LINKS">
</DIV>
<!-- [******************** LINKS *******************] //-->
 
<!-- [******************** MITTE *******************] //-->
<DIV ID="MITTE">
</DIV>
<!-- [******************** MITTE *******************] //-->
 
<!-- [******************** FUSS ********************] //-->
<DIV ID="FUSS">
</DIV>
<!-- [******************** FUSS ********************] //-->
 
</DIV>
<!-- [******************** RAND ********************] //-->

Ich habe damit schon etwas herumgespielt, aber ich schaffe es nicht, dass Die "Mitte" auf dem Fleck bleibt.



Gruss
Commi

 

[Comenius]

Grmpf über die Email auf nen falschen Link geklickt.... falsches Forum, SORRY *g*

 

[Maik]

Hallo,

vielleicht solltest du dein vorletztes (und doppeltes) Posting wieder löschen -> Layout - Fusszeile soll sich immer unter dem Mittelteil halten (auto).

Vielen Dank

 

[Zwer2k]

Hallo,

bei mir bricht die JS-Ausführung bei Versuch den Typ auf "password" oder "text" zu ändern ab. Woran kann es liegen?

 

[Gottox]

Wie wärs mal mit nem neuen Thread?

Zu deiner Frage:
Weil diese Werte als readonly markiert sind.
http://de.selfhtml.org/javascript/objekte/elements.htm#type

 

[Zwer2k]

Mich wundert, dass es bei manchen funktioniert.
Hier meine Lösung.
Im InternetExplorer funktioniert es Perfekt, im Firefox funktioniert onBlur nicht.
Wenn jemand für mich ein Tip hätte, währe ich dankbar.

function onFocusPWDInput(oInput) {
	var newEl = document.createElement('input');
	newEl.setAttribute('type', 'password');
        newEl.setAttribute('name', oInput.name);
	newEl.setAttribute('size', oInput.size);
	newEl.setAttribute('title', oInput.title);
	newEl.setAttribute('defaultValue', oInput.defaultValue);
	oInput.parentNode.replaceChild(newEl,oInput);
	onFocusPWDInput.el = newEl;
	newEl.setAttribute('onblur', new Function("onBlurPWDInput(onFocusPWDInput.el);"));
	setTimeout('onFocusPWDInput.el.focus();',100);
	
	return true;
}

function onBlurPWDInput(oInput) {
	if (oInput.value == "")
	{
	    var newEl = document.createElement('input');
	    newEl.setAttribute('type', 'text');
    	    newEl.setAttribute('name', oInput.name);
	    newEl.setAttribute('size', oInput.size);
	    newEl.setAttribute('title', oInput.title);
	    newEl.setAttribute('defaultValue', oInput.defaultValue);
	    newEl.style.color = "#777777";
	    newEl.setAttribute('value', oInput.defaultValue);
	
	    oInput.parentNode.replaceChild(newEl,oInput);
	    onBlurPWDInput.el = newEl;
	    newEl.setAttribute('onfocus', new Function("onFocusPWDInput(onBlurPWDInput.el);"));
	}

	
	return true;
}

<input type="text" name="userpassword" size="11" value="Passwort" onFocus="onFocusPWDInput(this)" style="color:#777777" title="Bitte geben Sie hier Ihr Passwort ein">

 

[Gottox]

"Herr Doktor! Keiner beachtet mich!"
"Der Nächste, bitte!"

Wie wärs mal mit nem neuen Thread?