Сплываюшое окно(или как это называеться)

  • Автор темы Xushnud
  • Дата начала
Статус
Закрыто для дальнейших ответов.
X

Xushnud

Короче у мну такая проблема, у мну есть поле(input), надо сделать так, при нажатие этого поля, тоисть при вводе данных выскакивала типа помощ, о том что надо туда заполнять, помогите кто знает как???


Заранее блогадарю!!!
 
E

Emelya

хтмл код, помещать в самом низу, прям перед закрытием хтмл тэга:
Код:
<div id="help" style="visibility:hidden;" >
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td id="innerText" class="center">			</td>
</tr>
</table>
</div>
javascript код,
Код:
<script language="JavaScript" >
function helpWindow(e){
document.getElementById("help").style.left=e.clientX+10;
document.getElementById("help").style.top=e.clientY+10;
document.getElementById("innerText").innerHTML="подсказка";
document.getElementById("help").style.visibility="visible";
}</script>
ну и аттрибут у обЪекта onmouseover="helpWindow(event);"
Примерно вот так, это изменённая вырезка, т.е. даже если дословно не заработает, то двигайся в этом направлении.
 
X

Xushnud

а как то по другому незя??
ну типа при нажатие на поле выходила вспливаюшее окно, и писала подсказку, если уже на другое поле уводиш, то она исчезала.
 
E

Emelya

Код:
onmouseout("document.getElementById('help').style.visibility='hidden';");
Это чтоб изчезла, а чтоб на нажатие, используй onclick. Кстати, в прошлый раз забыл, посмотри ещё аттрибуты стиля для дива:
Код:
position:absolute;
z-index:5;
left:0px;
top:0px;
visibility:hidden;
И возможно, в ИЕ вместо e.clientX какоя-нибудь другая метода есть, что бы див передвигать на то место, где курсор.
к сожалению по немецки, но в самом низу четыре линка с примерами подсказок, ну и код для них. Если что через онлайн-переводчики непонятно будет, спрашивай, переведу.
 
Статус
Закрыто для дальнейших ответов.
Мы в соцсетях:

Обучение наступательной кибербезопасности в игровой форме. Начать игру!