[JS] Okienko po najechaniu na tekst

Sumer · Post autor: **Sumer** » śr lut 28, 2007 8:59 pm

Witam,
mam taki skrypt:

<span onmouseover="show1();" onmouseout="hide1();">nazwa1</span>
          <div id="tabelka1" style="display:none;position:absolute;left:0px;top:0px;background-color:white; background-color:#dee7f7; border:1px solid #336; width:250px; padding:4px; color:#004080; font-size:11px; line-height:1.2;"> 
          <b>Opis:</b> 11111111
          </div> 
          <script> 
          <!-- 
          var ymouse=0; 
          var xmouse=0; 
          
          ns=(document.layers); 
          ie=(document.all); 
          if(navigator.userAgent.indexOf('Firefox')>-1) ff=true; 
          else ff=false; 
          
          (ns)?window.captureEvents(Event.MOUSEMOVE):0; 
          function Mouse(evnt){ 
          if(!ff) { 
          ymouse = (ns)?evnt.pageY-(window.pageYOffset):event.y; 
          xmouse = (ns)?evnt.pageX:event.x; 
          } else { 
          ymouse = evnt.pageY-(window.pageYOffset); 
          xmouse = evnt.pageX; 
          } 
          xmouse+=10; 
          ymouse+=10; 
          document.getElementById('tabelka1').style.left=xmouse+'px'; 
          document.getElementById('tabelka1').style.top=ymouse+'px'; 
          } 
          (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse; 
          
          function show1() { 
          document.getElementById('tabelka1').style.display='block'; 
          } 
          
          function hide1() { 
          document.getElementById('tabelka1').style.display='none'; 
          } 
          
          //--> 
          </script>

oraz drugi taki sam

Kod: Zaznacz cały

<span onmouseover="show2();" onmouseout="hide2();">nazwa2</span>
          <div id="tabelka2" style="display:none;position:absolute;left:0px;top:0px;background-color:white; background-color:#dee7f7; border:1px solid #336; width:250px; padding:4px; color:#004080; font-size:11px; line-height:1.2;"> 
          <b>Opis:</b> 2222222222
          </div> 
          <script> 
          <!-- 
          var ymouse=0; 
          var xmouse=0; 
          
          ns=(document.layers); 
          ie=(document.all); 
          if(navigator.userAgent.indexOf('Firefox')>-1) ff=true; 
          else ff=false; 
          
          (ns)?window.captureEvents(Event.MOUSEMOVE):0; 
          function Mouse(evnt){ 
          if(!ff) { 
          ymouse = (ns)?evnt.pageY-(window.pageYOffset):event.y; 
          xmouse = (ns)?evnt.pageX:event.x; 
          } else { 
          ymouse = evnt.pageY-(window.pageYOffset); 
          xmouse = evnt.pageX; 
          } 
          xmouse+=10; 
          ymouse+=10; 
          document.getElementById('tabelka2').style.left=xmouse+'px'; 
          document.getElementById('tabelka2').style.top=ymouse+'px'; 
          } 
          (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse; 
          
          function show2() { 
          document.getElementById('tabelka2').style.display='block'; 
          } 
          
          function hide2() { 
          document.getElementById('tabelka2').style.display='none'; 
          } 
          
          //--> 
          </script>

Problem polega na tym ze pierwsze okienko wyskakuje w rogu ekranu a powinnoi sie pojawiac obok tekstu, natomiast z drugim jest wszystko dobrze.
Czy mogłby mi ktos powiedziec co trzeba zmienic w kodzie aby wszystko było dobrze.