Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > подсказка над словом мерцает


Автор: Gannibal 6.2.2007, 16:39
бот есть код работает показывает всё что надо вот только почему то проиcxодит мерцание подсказки которая выскакивает есть предположение из за того что непопадает правельно на блок .. подскажите пожайлусто что можно ещё сделать?

Код

<script language="javascript" type="text/javascript">
function f1(event){  
  document.getElementById('popup').style.left =event.clientX-document.getElementById('popup').offsetWidth+'px';
  document.getElementById('popup').style.top = event.clientY-document.getElementById('popup').offsetHeight+'px';
    document.getElementById('popup').style.display = 'block';
}
function f2(){
  document.getElementById('popup').style.display = 'none';
}
</script>
<div style="border:1px dashed Gray; background:#F5F5F5; display:inline; cursor:help;" onmousemove="f1(event);" onmouseout="f2();">
    <div style="margin:1px; display:inline;">
    Charset
    </div>
</div>

<div id="popup" style="position: absolute; display: none; width: 250px; background: #CCCCCC; filter: alpha(opacity=95); opacity:.95; border:1px dotted Gray;">
    <div style="margin:2px; font-size:9px; text-align:justify;">
 Vitam vas na mych strankach o programovani v jazyku JavaScript (pozdeje jenom JS).<strong>Zde uvedu nejaky uzitecne funkce ktery jsem programoval, jak je da pouzit  a k cemu jsou, dale tu budou ukoly ktery delame ve skole s popisem a ukazkou jak to funguje, a taky k tomu vsemu zdrojovy kod aby jste ho mohli pouzit na svych strankach</strong>. Taky budu uvadet ruzne prikazy ktere se uzivaji v JS strucny popis a priklad taky nebude chybet.   
    </div>
</div>

Автор: dstorm81 7.2.2007, 09:47
Код

<html>
<body>
<script language="javascript" type="text/javascript">
function f1(event){  
  document.getElementById('popup').style.left=event.clientX+10+'px';
  document.getElementById('popup').style.top=event.clientY+10+'px';
    document.getElementById('popup').style.display = 'block';
}
function f2(){
  document.getElementById('popup').style.display = 'none';
}
</script>

<div style="border:1px dashed Gray; background:#F5F5F5; display:inline; cursor:help;" onmousemove="f1(event);" onmouseout="f2();">
Charset
</div>

<div id="popup" style="position:absolute;display:none;width:250px;background:#CCC;filter:alpha(opacity=95);opacity:.95;border:1px dotted Gray;">
Vitam vas na mych strankach o programovani v jazyku JavaScript (pozdeje jenom JS).<strong>Zde uvedu nejaky uzitecne funkce ktery jsem programoval, jak je da pouzit  a k cemu jsou, dale tu budou ukoly ktery delame ve skole s popisem a ukazkou jak to funguje, a taky k tomu vsemu zdrojovy kod aby jste ho mohli pouzit na svych strankach</strong>. Taky budu uvadet ruzne prikazy ktere se uzivaji v JS strucny popis a priklad taky nebude chybet.   
</div>
</body>
</html>

можно так 
а можно заменить
 onmousemove= на  onmouseover=

Автор: Gannibal 7.2.2007, 09:53
а вот  именно с этими строчками хо телось бы или в зависимости где находиться слово там бы и подсказка бы появлялась 

Код

  document.getElementById('popup').style.left =event.clientX-document.getElementById('popup').offsetWidth+'px';
  document.getElementById('popup').style.top = event.clientY-document.getElementById('popup').offsetHeight+'px';    


Добавлено @ 09:54 
 onmouseover я употреблять нехочу

хотя сейчас попробую одну вещь и отепшусь после занятий

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)