place84: Wo ist der Fehler?

Beitrag lesen

Hallo,

hab folgendes Problem; hier mein JavaScript:

  
  
 // Vorname //  
  
window.onload = function () {  
var elem = document.getElementById('Vorname')  
elem.value = 'Vorname';  
elem.style.color = "grey";  
elem.style.fontSize = "25";  
elem.style.padding = "10 10 10 10";  
elem.style.backgroundColor = "#7AABBC"  
elem.style.border = "solid"  
elem.style.borderColor = "#4F90AF"  
  
  
}  
  
function resetClickV(element) {  
if(element.value == "Vorname") {  
element.value = "";  
  
}  
}  
  
function resetClickUpV(element){  
if(element.value == "") {  
document.getElementById ('Vorname').type='text;'  
element.value = "Vorname";  
element.style.color = "grey";  
}  
}  
  
  
function greyVorname(element)  
{  
if(element.value == "Vorname")  
element.style.color = "grey";  
else  
element.style.color = "black";  
  
}  
  
function changefieldV(){  
document.getElementById ('Vorname').type='password';  
  
  
}  
  
// Nachname  //  
  
window.onload = function () {  
var elem = document.getElementById('Nachname')  
elem.value = 'Nachname';  
elem.style.color = "grey";  
elem.style.fontSize = "25";  
elem.style.padding = "10 10 10 10";  
elem.style.backgroundColor = "#7AABBC"  
elem.style.border = "solid"  
elem.style.borderColor = "#4F90AF"  
  
  
}  
  
function resetClickN(element) {  
if(element.value == "Nachname") {  
element.value = "";  
  
}  
}  
  
function resetClickUpN(element){  
if(element.value == "") {  
document.getElementById ('Nachname').type='text;'  
element.value = "Nachname";  
element.style.color = "grey";  
}  
}  
  
  
function greyNachname(element)  
{  
if(element.value == "Nachname")  
element.style.color = "grey";  
else  
element.style.color = "black";  
  
}  
  
function changefieldN(){  
document.getElementById ('Nachname').type='password';  
  
  
}  
  
  

Und hier html (nur vom JavaScript)

  
  
    <input type="text" name="Vorname" id="Vorname" onclick="resetClickV(this);changefieldV(this)" onkeyup="greyVorname(this)"  onblur="resetClickUpV(this)" />  
  
    <input type="text" name="Nachname" id="Nachname" onclick="resetClickN(this);changefieldN(this)" onkeyup="greyNachname(this)"  onblur="resetClickUpN(this)" />  
  

Beim öffnen der Website bekomme ich nur die kompletten Funktionen des Nachnamen-inputs

Ich tippe mal stark darauf, dass es an "window.onload = function ()" liegt, da es 2x vorkommt.

Aber wie kann ich dann dieses Problem lösen?

Auf jede Hilfe bin ich dankbar!!

MfG

Daniel