Komentarze do: [jQuery] Częściowe rozwijanie i zwijanie tabeli

Autor: kropek4767

kropek4767 — Sun, 18 Dec 2011 09:57:00 +0000

z jakiegoś powodu nie dodało kodu odnośnika

Autor: kropek4767

kropek4767 — Sun, 18 Dec 2011 09:55:03 +0000

Mała modyfikacja dla osób które zamaist tekstu "pokaż/ukryj" chciałby użyć ikonek w pliku css


a.ikonka {
display: block;
width : 16px;
height : 16px;
float: left;
margin-left: 8px;
background-repeat : no-repeat;
background-position : center;
}
a.pokaz { background-image : url('../grafika/add.png'); }
a.ukryj { background-image : url('../grafika/delete.png'); }

przycisk "pokaż/ukryj"

a kod JQurey zmieniamy na


$(function() {
	var ile = '3'; //ile wierszy pokazać
	$('.pokaz-ukryj-wiersze tbody tr:nth-child('+ile+')').nextAll().hide();
 
	$('.przycisk').toggle(function(){
		$(this).parent().parent().find('.pokaz-ukryj-wiersze tbody tr:nth-child('+ile+')').nextAll().show();
		$(this).removeClass("pokaz noClass").addClass("ukryj");  
		return false;
	},
	function(){	
		$(this).parent().parent().find('.pokaz-ukryj-wiersze tbody tr:nth-child('+ile+')').nextAll().hide();
		$(this).removeClass("ukryj noClass").addClass("pokaz");;
		return false;
	});
});

Autor: Mikołaj

Mikołaj — Thu, 24 Nov 2011 18:39:20 +0000

Witam, niestety nie znam java scriptu a chciałbym zamiast zwiń/ rozwiń – obrazki. Czy mogę prosić o rozwiązanie jak się wstawia obrazki w js? zamiast text(” „)

Autor: Websta

Websta — Fri, 04 Dec 2009 15:11:54 +0000

To jest tylko prosty sposób na to co widać. Jeśli dobrze rozumiem, chodzi Ci o coś zupełnie innego i z użyciem Ajax-a. Ten skrypt robi jedynie prostą operację na HTML w przeglądarce.

Autor: Websta

Websta — Fri, 04 Dec 2009 15:08:58 +0000

Trudno powiedzieć. Strzelam, że to sprawa CSS

Autor: Aziz

Aziz — Wed, 02 Dec 2009 16:54:45 +0000

Witam,

Czy można użyć tego scryptu jQuery z mySQL i PHP tak by widoczna była jedna tabela a każdy rozwijany rząd pobierał i wyświetlał dane z drugiej tabeli?

Autor: Artur

Artur — Mon, 23 Nov 2009 21:19:43 +0000

Witam,
mogę prosić o pomoc w umieszczeniu tego skryptu w zagnieżdżonej tabeli.
Jak wstawiam ten skrypt do tabeli w tabeli, to rozwiń przeskakuje mi poza tabele.

Autor: Websta

Websta — Sat, 19 Sep 2009 23:29:42 +0000

Na początek zmień tabelą id=”zwijana” na class=”zwijana”
Następnie każdą tabelę i jej przycisk zamknij w osobny div

<div>
<table class="zwijana" cellspacing="0" >
...
</table>
<p><a href="#" class="przycisk" rel="nofollow">rozwiń</a></p>
</div>
<div>
<table class="zwijana" cellspacing="0" >
...
</table>
<p><a href="#" class="przycisk" rel="nofollow">rozwiń</a></p>
</div>
itd...

A kod jQuery zmień na:

$(function() {
	var ile = '3'; //ile wierszy pokazać
	$('.zwijana tbody tr:nth-child('+ile+')').nextAll().hide();
 
	$('.przycisk').toggle(function(){
		$(this).parent().parent().find('.zwijana tbody tr:nth-child('+ile+')').nextAll().show();
		$(this).text("rozwiń");  
		return false;
	},
	function(){	
		$(this).parent().parent().find('.zwijana tbody tr:nth-child('+ile+')').nextAll().hide();
		$(this).text("zwiń");
		return false;
	});
});

Może mało eleganckie, ale działa.

Autor: ggracz

ggracz — Sat, 19 Sep 2009 21:46:43 +0000

Witam!
zrobiłem wszytko zgodnie z tutem… i ogółem wszytko mi ładnie działa… z tym że chce dać więcej niż jedną tabele na stronę… i teraz jak mam te 2 tabele.. to nie ważne w które „rozwiń” klikam to mi rozwija obie te tabele.. a ja chciałbym tak żeby rozwijało tylko jedną, da się tak zrobić?