[jQuery] mouseover Opcje

[sleedz]

Witam.
Mam taki problem. Mam na stronie tabelkę i chcę zrobić że jak najadę na jedną komórkę to w niej się pojawi link do edycji. Tylko to działa do pierwszej komórki a do reszty nie :/

Kod wygląda tak:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
	$("#event").mouseover(function() {
		$("#editEvent").show();
	});
	$("#event").mouseout(function() {
		$("#editEvent").hide();
	});
});
[JAVASCRIPT] pobierz, plaintext 

[mortus]

Przydałby się, żebyś podał chociaż fragment HTML-a (te elementy o id="event").

[tomm]

$(".nazwaKlasy").mouseover(function() {
$("#editEvent").show();

i nadaj jakąś klasę tym komórkom, a jekiego elementu id = editEvent ?

[mortus]

Dokładnie o to mi chodzi, o czym pisał poprzednik. Podejrzewam, że komórki, które mają obsługiwać zdarzenia onmouseover i onmouseout, mają taki sam identyfikator (id). Według specyfikacji w całym dokumencie (X)HTML może istnieć tylko jeden identyfikator i JavaScript bierze pierwszy element o danym id. Rozwiązaniem jest zamienienie id="event" na class="event", a w kodzie JS zastąpienie $("#event") tym $(".event"). Myślę, że to nie wystarczy, dlatego podaj fragment kodu HTML.

[Pawel_W]

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
	$("#event td").mouseover(function() {
		$("a", this).show();
	});
	$("#event td").mouseout(function() {
		$("a", this).hide();
	});
});
[JAVASCRIPT] pobierz, plaintext 

tabeli nadaj id="event" i zadziała

Ten post edytował Pawel_W 3.04.2010, 16:11:44

[tomm]

jeżeli dla każdej komórki jest przypisany inny element, który ma się pokazywać/ukrywać to też musisz zmienić id na class.
I w zależności od struktury DOM będziesz mógł sie odwoływać poprzez this i dalej np. child , sibilings ...

[sleedz]

Dzięki wielkie.

[zegarek84]

[CSS] pobierz, plaintext 
#event td a {
    visibility: hidden}
#event td:hover a {
    visibility: visible}
[CSS] pobierz, plaintext