Форум программистов > наводишь на текст а там подсказка! Подскажите!

Помощь - Поиск - Пользователи - Календарь

Полная версия этой страницы: наводишь на текст а там подсказка! Подскажите!

Форум программистов > Интернет и сети > Web-программирование > HTML, CSS, XML, JavaScript

Пи*дец

20:10:2007, 16:44

Ребят, подскажите пожалуйста как сделать чтоб при наводке на текст выплывало окошко рядом текстом... и там была надпись(любая надпись!)... мож я плохо задал вопрос, но посмотрите пример... вы сразу все поймете.... Под словом Анонс идут надписи... наведите на них мышь ]]>http://flaer.com.ua/order_table.html]]>

Помогите. Оч срочно! Спасибо

_NOOB

5:11:2007, 17:39

Ну как вариант можно так, только надо подумать как добавляять инфу в сплывающее окно))

<html>
  <head>
   <style>
    .p{color:olive; z-index:1; background:#C0EB14; width:200; text-align:center}
    .helpmenu{display:none; position:absolute; top:100; left:200; width:100; height:50; background:#FFE572; color:black;
     border-style:solid; border-width:1; border-color:black; text-align:center;z-index:2;}
   </style>
  </head>
  <body>
  
  <script language="javascript">
   function over(msg){

    help.style.display="block";
   }
   function out(msg){
    help.style.display="none";
   }
   function mmove(){
     help.style.top=event.clientY;
     help.style.left=event.clientX;
   }
     document.write("<div class='helpmenu' id='help'></div>");
  </script>

  <p id="myp" class="p" onmousemove='mmove()' onmouseover="over()"  onmouseout="out()">НАВЕДИ НА МЕНЯ!!!</p>
  </body>
</html>

_NOOB

5:11:2007, 18:10

о, вот как правильно, нашел решение!)

<html>
  <head>
   <style>
    .p{color:olive; z-index:1; background:#C0EB14; width:200; text-align:center}
    .helpmenu{display:none; position:absolute; top:100; left:200; width:100; background:#FFE572; color:black;
     border-style:solid; border-width:1; border-color:black; text-align:center;z-index:2;}
   </style>
  </head>
  <body>
  
  <script language="javascript">
   function over(msg){
    help.style.display="block";
    help.innerText=msg;
   }
   function out(){
    help.style.display="none";
   }
   function mmove(){
     help.style.top=event.clientY;
     help.style.left=event.clientX;
   }
  </script>
  <div class='helpmenu' id='help'></div>
  <p id="myp" class="p" onmousemove='mmove()' onmouseover="over('Ты навел на меня сцуко!!! Быстро убери курсор!!!')"  onmouseout="out()">НАВЕДИ НА МЕНЯ!!!</p>
  </body>
</html>

Для просмотра полной версии этой страницы, пожалуйста, пройдите по ссылке.