|
Сообщение от Раед
|
|
Отступы подредактировал
|
ну теперь вроде ничего, хотя так более читабельнее:
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
window.onload = function() {//после загрузки страницы
var img = new Image(),
formInputs = document.getElementsByTagName('input'),
img_container = document.createElement('div');
img_container.appendChild( img );
img_container.style.display = 'none';
img.src = 'http://javascript.ru/themes/defaultangy/images/balance.png';
for( var i = 0, j = formInputs.length; i < j; i++ ) {
(function( email ) {
var imgCopy = img_container.cloneNode(true);
if ( ( ' '+email.className+' ' ).indexOf( 'showImg' ) === -1 ) {
return;
}
email.parentNode.appendChild( imgCopy );
email.onfocus = function() { //при фокусировке на инпуте
imgCopy.style.display = 'block';//показываем див
};
email.onblur = function() { //при потере фокуса
imgCopy.style.display = 'none';//скрываем див
}
})( formInputs[i] );
}
}
</script>
</head>
<body>
<p>Ваш email:</p>
<div class="input">
<input type="text" name="email" class="showImg">
</div>
<p>Ваш email:</p>
<div class="input">
<input type="text" name="email" class="showImg">
</div>
<p>А тут у инпута нет класса showImg</p>
<div class="input">
<input type="text" name="email">
</div>
<p>Ваш email:</p>
<div class="input">
<input type="text" name="email" class="showImg">
</div>
<p>Ваш email:</p>
<div class="input">
<input type="text" name="email" class="showImg">
</div>
</body>
</html>