Промяна на input при изтриване на текст.

[index]

Попринцип не разбирам от JS и избягвам да го ползвам,
нуждая се от малко помощ.
Имам
<input type="text" name="password" value="Моля попълнете парола от 3 до 32 символа " />
Искам при изтриване на този текс, или негова промяна , type="text" да се променя на type="password"
Някви идей ?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"

   "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
<title></title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
 
<style type="text/css"> 

</style> 
 
<script type="text/javascript"> 

</script> 
 
</head> 
<body> 
 
<form action="http://www.google.com" method="get"> 
<div> 
<input type="text" value="Login Password Here" /> 
<input type="password" name='pw' /> 
<input type="submit" /> 
</div> 
</form> 
 
</body> 
</html>

Намерих това което ми трябваше ;р

 

[mute]

лесно е
ето как го реализирам с jquery

$('input[type=text]').focus( function () {
$(this).val('');
$(this).replaceWith('<input type="password" name="password" value=""/>');
});

 

[index]

лесно е
ето как го реализирам с jquery

$('input[type=text]').focus( function () {
$(this).val('');
$(this).replaceWith('<input type="password" name="password" value=""/>');
});

ДАм, това което бях намерил , не е много сполучливо за повече полета.
Я обясни малко по-подробно ако може.
Ок, даде ми кода , но в него никъде не виждам за кое поле се отнася.
Виждам само какво ще реплейсне.

 

[marian]

function etype(el) {
if (el.value==el.defaultValue) {el.value = "";el.type = "password";}
else if (el.value=="") {el.type="text";el.value = el.defaultValue;}
}

<input type="text" name="password" value="Моля попълнете парола от 3 до 32 символа" onfocus="etype(this)" onblur="etype(this)" />

 

[mute]

лесно е
ето как го реализирам с jquery

$('input[type=text]').focus( function () {
$(this).val('');
$(this).replaceWith('<input type="password" name="password" value=""/>');
});

ДАм, това което бях намерил , не е много сполучливо за повече полета.
Я обясни малко по-подробно ако може.
Ок, даде ми кода , но в него никъде не виждам за кое поле се отнася.
Виждам само какво ще реплейсне.

за всички полета който са от тип текст
ако искаш сложи един клас на всички полета който искаш да важи това нещо

и после замени
$('input[type=text]').focus( function () {
със
$('input.ТВОЯТКЛАС').focus( function () {

 

[index]

http://pastebin.com/U7pKvkBs


Примерно ?