Witam! Napisałem skrypt dymka który wyświetla dane z bazy mysql po najechaniu na link i wszystko jest niby ok ale mam tych linków wiele i są wypisywane za pomocą php ( pętla while ) i gdy najedzie się na obojętnie który dymek to zawsze wyświetla się w nim wartość z pierwszej pętli.

no wiesz chętnie bym pomógł ale na kawę i wróżenie z fusów to już chyba trochę za późno

Mam skrypt wyświetlający chmurke w pliku .js i pętle while która wczytuje dane z bazy danych i daje do nich link i gdy najedziesz na ten link to powinna się wyświetlić informacja z danej bazy danych a wyświetla się zawsze z pierwszej pętli

hmmm.. chyba już to gdzieś czytałem. A tak w pierwszym poście

jakbyś nie rozumiał ta taka subtelna sugestia żebyś pokazał kod

[PHP] pobierz, plaintext 
while($tablica = mysql_fetch_array($tablice)) { ?>
<p>
<div id="dymekuser">Testuje <?php echo $user['imie']; ?></div>
<a class="tekst" onmouseover="pokaz('dymekuser',event)" onmouseout="ukryj('dymekuser')" href="profil.php?id=<?php echo $id_2; ?>"><?php echo $danep['imie'],' ',$danep['nazwisko']; ?></a>
[PHP] pobierz, plaintext 

[HTML] pobierz, plaintext 
function pokaz(divname,evencik) {
                 var chmurka = document.getElementById(divname);
                 chmurka.style.visibility = "visible";
                 chmurka.style.left = evencik.clientX + 5;
                 chmurka.style.top = evencik.clientY + 5;
}
 
function ukryj(divname) {
                 var chmurka = document.getElementById(divname);
                 chmurka.style.visibility = "hidden";
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
#dymekuser { 
background: #3F3D3C;
height: 170px;
width: 130px;
color: white;
z-index: 5;
position : absolute;
visibility: hidden;
padding : 5px;
}
[HTML] pobierz, plaintext 

Atrybut "id" dla elementu powinien być unikalny, u Ciebie dla każdego przebiegu pętli jest tworzony element z tym samym id, aby skryt działał poprawnie należy zamienić id na class a następnie pobierać elementy z wybraną klasą.
Widzę że korzystasz z czystego js więc przeczytaj to.

Zmieniłem diva na klase i dodałem kod js :

[HTML] pobierz, plaintext 
if (document.getElementsByClassName == undefined) {
	document.getElementsByClassName = function(className)
	{
		var hasClassName = new RegExp("(?:^|\\s)" + className + "(?:$|\\s)");
		var allElements = document.getElementsByTagName("*");
		var results = [];
 
		var element;
		for (var i = 0; (element = allElements[i]) != null; i++) {
			var elementClass = element.className;
			if (elementClass && elementClass.indexOf(className) != -1 && hasClassName.test(elementClass))
				results.push(element);
		}
 
		return results;
	}
}
 
function pokaz(divname,evencik) {
                 var chmurka = document.getElementsByClassName(divname);
                 chmurka.style.visibility = "visible";
                 chmurka.style.left = evencik.clientX + 5;
                 chmurka.style.top = evencik.clientY + 5;
}
 
function ukryj(divname) {
                 var chmurka = document.getElementsByClassName(divname);
                 chmurka.style.visibility = "hidden";
}
[HTML] pobierz, plaintext 

i nadal nie działa ;/

Pomoże ktoś ?

Z tego co widzę to ten cały JS jest zbędny http://downloads.sixrevisions.com/css-tooltips/index.html albo http://www.menucool.com/tooltip/css-tooltip

Hmm a czy gdy wykorzystam tylko css jest możliwość zrobienia żeby mozna było najechać na dymek i np. kliknąć link ?

Przymyślałem to z css i raczej być nie może ponieważ planuje używać ajaxa w takiej samej sytuacji jak te chmurki więc i tak musze wiedzieć jak to zrobić ;/


Pomoże ktoś ?

Może to pomoże, zwróć uwagę na to że javascript jest umieszczona na dole przed tagiem zamykającym body [źródło].
Skrypt zmienia visibility dla elementu który występuje przed elementem go wywołującym, jest podatny na błędy, nie sprawdza czy poprzedzający element jest rzeczywistym "dymkiem".

PS Skąd ta chęć napisania własnego skryptu gdy "tooltipów" są tysiące, znacznie lepszych niż to co ja podałem ?

Z ciekawości czy potrafie Właśnie widziałem dużą liste tooltips i chyba skorzystam z jednego z nich ale najpierw zrobie żeby ten mój zaczoł działać, dzięki za pomoc !