|
Сообщение от jorik
|
|
а если на странице несколько форм, возле которых при фокусе нужно выводить эту картинку
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<script type="text/javascript">
window.onload = function() {//после загрузки страницы
var img_container = document.createElement('div'), img;
img_container.appendChild(img = new Image);
img_container.style.display = 'none';
img.src = 'http://javascript.ru/themes/defaultangy/images/balance.png';
var formInputs = document.getElementsByTagName('input');
for (var i=0, j=formInputs.length;i<j; i++) {
+function() {
var email = formInputs[i], 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';//скрываем див
}
}()
}
}
</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>