Интересный яваскрипт. Подскажите как сделать

[Удален]
587

Подскажите как реализовать всплывающую подсказку когда перемещаешся в поле input="text"?

Вот пример такой реализации:

http://freemail.ukr.net/q/reg?lang=ru

Непонятно как эта подсказка всплывает ведь в самом поле нет никаких обработчиков типа onfocus

[Удален]
#1

онфокус там есть 100% + минимум mouseover есть.

[Удален]
#2
Доступ закрыт
Регистрация доступна только из Украины.

Увы, не смог посмотреть.

В принципе, большинство джаваскриптов довольно просто сохранить на локальную машину и потом неспешно распотрошить и переделать под свои нужды.

П
На сайте с 08.06.2007
Offline
63
#3

По ссылке пройти не смог, что там не знаю.

Нашёл у себя готовый вариан, думаю если посмотрите, смысл поймёте. А вообще можно проще.

<style type="text/css">

.dl{
position: relative;
width: 150px;
}
.hint{
display:none;
position:absolute;
right:-250px;
width:200px;
margin-top:-4px;
border:1px solid #c93;
padding:6px;
}
</style>
<script type="text/javascript">
function addLoadEvent(func){
var oldonload = window.onload;
if(typeof window.onload != 'function'){
window.onload = func;
}else{
window.onload = function(){
oldonload();
func();
}
}
}
function prepareInputsForHints(){
var inputs = document.getElementsByTagName("input");
for(var i=0; i<inputs.length; i++){
if(inputs.parentNode.getElementsByTagName("span")[0]){
inputs.onfocus = function(){
this.parentNode.getElementsByTagName("span")[0].style.display = "inline";
}
inputs.onblur = function (){
this.parentNode.getElementsByTagName("span")[0].style.display = "none";
}
}
}
var selects = document.getElementsByTagName("select");
for(var k=0; k<selects.length; k++){
if(selects[k].parentNode.getElementsByTagName("span")[0]) {
selects[k].onfocus = function (){
this.parentNode.getElementsByTagName("span")[0].style.display = "inline";
}
selects[k].onblur = function (){
this.parentNode.getElementsByTagName("span")[0].style.display = "none";
}
}
}
}
addLoadEvent(prepareInputsForHints);
</script>
<form>
<div class="dl">
<div>
<input name="username" id="username" type="text" />
<span class="hint">Бла бла бла 1 Бла бла бла 1 Бла бла бла 1 .</span> </div>
<div>
<input name="password" id="password" type="password" />
<span class="hint">Бла бла бла 2 Бла бла бла 2 Бла бла бла 2 Бла бла бла 2 Бла бла бла 2 Бла бла бла 2 </span> </div>
</div>
</form>
Justice
На сайте с 04.02.2009
Offline
3
#4

bearman,

bearman:
онфокус там есть 100% + минимум mouseover есть.

Онфокус там есть, только реализован он не яваскриптом, а скорее CSS:

:hover или :focus

Когда-нибудь и M$ станет opensource :)
[Удален]
#5
Justice:
bearman,
Онфокус там есть, только реализован он не яваскриптом, а скорее CSS:
:hover или :focus

простите, не в украине я рожден :-D

меня не пустило, а "там" - "в яваскрипте"

Justice
На сайте с 04.02.2009
Offline
3
#6

bearman

Виноват, изучил через firebug. Вы оказались правы.


<div id="row::Password::hint" class="hint-main hidden" onmouseout="Hint.Hide(this, 0);" onmouseover="Hint.Show(this, 0);">
<div class="hint-head">Ваш пароль</div>
<div class="hint-body">Пароль не должен быть менее 6 символов.Пароль зависит от регистра, т.е. "UkrNet", "ukrnet" и "UKRNET" - разные пароли. Буквы кириллицей и спецсимволы недопустимы!</div>
<div class="hint-foot"/>
</div>
<img onmouseout="Hint.Hide($('row::Password::hint'),
[...]
[Удален]
#7

Justice, хм прощаю))

а по теме: посмотреть бы хоть чо за скрипт то был))))))))

Justice
На сайте с 04.02.2009
Offline
3
#8

Этот?

http://freemail.ukr.net/_js/reg/reg.js

[Удален]
#9

Justice, спасибо, но я трезв чтобы читать такую портянку ...

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий