Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: xhtml i javascript
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
slawek_master
dlaczego nie chcemi mi to zadziałąc na mapie a na odnosnikach działa??bo kombinuje i i nie wychodzi ;/


head
Kod
<style type="text/css">
body{text-align:center}
img {display:block;margin:auto}

#tooltip {
  /* WYGLĄD */
  text-align:left;
  white-space:nowrap;
  color:#fff;
  font:normal bold 10px Verdana, sans-serif;
  padding:4px;
  background:#000;
  
  /* ROZMIESZCZENIE */
  position:absolute;
  margin-top:25px; /* odległość w pionie od kursora myszy */
}
</style>

<script type="text/javascript">
<!-- <![CDATA[
function tooltip(d,E,b,i,a){
  d=document;E=d.documentElement;b=d.body;if(!E)return;
  for(i=0;a=b.getElementsByTagName("a")[i];i++){
    if(a.title){
      with(a.t=d.createElement("div")){
        id="tooltip"
        innerHTML=a.title.replace(/\|/g,"<br />")
      }
      a.onmouseover=function(e){
        with(this){title="";onmousemove(e)}
        b.appendChild(this.t)
      }
      a.onmouseout=function(x){
        with(this){title=t.innerHTML.replace(/<br \/>/g,"\|")}
        if(x=d.getElementById("tooltip"))b.removeChild(x)
      }
      a.onmousemove=function(e){
        e=e||event;with(this.t.style){
         left=e.clientX+(E.scrollLeft||b.scrollLeft)+"px"
         top=e.clientY+(E.scrollTop||b.scrollTop)+"px"
        }
      }
    }
  }
}
function addEvent(O,E,F,x){
  return(x=O.addEventListener)?x(E,F,1):(x=O.attachEvent)?x('on'+E,F):!1
}
addEvent(window,'load',tooltip);

// ]]> -->
</script>

body
  1. <img src="uklady/uklad_miesniowy/uklad_przod.gif" usemap="#uklad" border=0></center>
  2. <map name="uklad" border=0>
  3. <area shape="rect" coords="0,180,125,217" href="#" title="miesnie ">
  4. <area shape="rect" coords="71,84,170,106" href="#" title="miesnie ">
  5. <area shape="rect" coords="358,154,444,175" href="#" title="miesnie 2">
  6. <area shape="rect" coords="431,270,500,303" href="#" title="miesnie 3">
  7. <area shape="rect" coords="431,348,490,384" href="#" title="miesnie 4">
  8. <area shape="rect" coords="0,380,68,430" href="#" title="miesnie 5">
  9. <area shape="rect" coords="441,500,500,535" href="#" title="miesnie 6">
  10. <area shape="rect" coords="49,670,131,692" href="#" title="miesnie 7">
  11. <area shape="rect" coords="373,737,476,756" href="#" title="miesnie 8">
  12. <area shape="rect" coords="28,860,145,881" href="#" title="miesnie 9">
  13. <area shape="rect" coords="368,990,460,1010" href="#" title="miesnie 10">
  14. </map>
[CODE]
vieri_pl
crossposting...
http://forum.php.pl/index.php?showtopic=41303

Tam poruszałeś ten problem...
nospor
zamykam. potem wywale

@vieri_pl raportuj wystarczy winksmiley.jpg
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.