Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Wyswietlanie opisu po najeechaniu na linka
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
slawa123
Chce zrobic cos takiego , zeby po najechaniu na linka zmieniała sie zawartosc opisu.
Tu jest skrypt menu (gdziestam znaleziony):

Kod
function SwitchMenu(obj)
{
    if(document.getElementById)
    {
    var el = document.getElementById(obj);
    var ar = document.getElementById("masterdiv").getElementsByTagName("span");
  if(el.style.display != "block")
  {
     for (var i=3; i<ar.length; i++)
     {
    if (ar[i].className=="submenu")
    ar[i].style.display = "none";
     }
     el.style.display = "block";
  }
  else
  {
  el.style.display = "none";
  }
  }
}

function pokazOpis (ktorylink) {
if (document.getElementById) {
  if (ktorylink.opis) {
   document.getElementById('opisy').childNodes[0].nodeValue = ktorylink.opis;
  } else {
   document.getElementById('opisy').childNodes[0].nodeValue = ktorylink.childNodes[0].nodeValue;
  }
  return false;
} else {
  return true;
}
}


Wstawiony kod w body:

Kod
<div id="masterdiv">
<a onmouseover="return pokazOpis(this)" href="#" onclick="SwitchMenu('link1')"  opis="Jakis tam opis">LINK 1</a><br/>
<span class="submenu" id="link1">
&nbsp;&nbsp;&nbsp;&nbsp;<a href="podmenu1a.html" onmouseover="return pokazOpis(this)" opis="Inny piekny opis">link1a</a><br/>
<a href="podmenu1b.html">link1b</a><br/>
<a href="podmenu1c.html">link1c</a><br/>
<a href="podmenu1d.html">link1d</a><br/>
</span>


I tu sie ma wyswietlac:
  1. <p id="opisy">aaa</p>


Tylko, ze zamiat wyswietlac sie opis to wyskietla sie nazwa linka. Prosze o pomoc.
Strus
Nie lepiej zrobić to w CSSie ? dużo prostrze i będzie działać we wszystkich przeglądarkach tak samo. Wejdz na tą strone http://gentoo.strusio.net/ i najedź mychą na linki pod tekstem HOWTO's.

Podglądnij style stronki i znień z fixed na relative żeby działało w szrocie poprawnie.
slawa123
Niestety musi to byc napisane w JS, wiec jesli ktos moze pomoc tobede wdzieczny.
Vir
Jeżeli chcesz uzyskać efekt podpowiedzi w formie dymków pojawiających się po najechaniu na link, wówczas zaprzęgnij do tego celu Google - puszukaj info o javascript + tooltips, dymki, chmurki - na pewno coś znajdziesz smile.gif
Jeżeli opis ma być wpisywany do znacznika o określonym ID, wówczas użyj to tego celu
Kod
document.getElementById('pole').innerHTML
.
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.