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

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем Xushnud, 6 июл 2007.

Статус темы:
Закрыта.
  1. Xushnud

    Xushnud Гость

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


    Заранее блогадарю!!!
     
  2. Emelya

    Emelya Гость

    хтмл код, помещать в самом низу, прям перед закрытием хтмл тэга:
    Код (Text):
    <div id="help" style="visibility:hidden;" >
    <table border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td id="innerText" class="center">          </td>
    </tr>
    </table>
    </div>
    javascript код,
    Код (Text):
    <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);"
    Примерно вот так, это изменённая вырезка, т.е. даже если дословно не заработает, то двигайся в этом направлении.
     
  3. Xushnud

    Xushnud Гость

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

    Emelya Гость

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

Поделиться этой страницей