jQuery harmonika keszitese
Van egy HTML tablazat:Kepen itt lathato: http://tinyurl.com/3osb99
A Javascript kodom a kovetkezot csinalja:
1. Egy esemenyt rendel a containerben talalhato IMG taghoz.
2. Ha raklikelek a container-ben levo kepre, a JS eltuntet minden tabla sort amely a klikelt container-hez tartozik.
Ime a kod:Online itt lehet kiprobalni a szkriptet: http://www.progra.ro (usernev: progy, jelszo: progydemo)
Szoval mukodik, minden szep es jo :) De sajnos szeretnek valamit megoldani:
1. Ha raklikelek a containerben levo kepre (vagy a szovegre), szeretnek egy parancsot lefutatni de csak akkor ha a fenti kodom mar becsukta a tablazat sorokat. Ugyanezt akarom forditva csinalni, masodik kliknel egy amikor a sorok kinyiltak lefutatni egy masik kodot.
Sajnos nem sikerul. Probaltam igy:Sajnos nem tudja nekem a kovetkezo sor if ($(this).is(':hidden')) leelenorizni, hogy a sorok be voltak csukva.
Valaki tudna segiteni par tanacsal ? Koszonom!
■ <tr> <!-- container 1 begin -->
<td class="container"><img class="show_hide" src="images/collapsed.gif" alt="[+]" /></td>
</tr> <!-- container 1 end -->
<tr>
<td>forum1</td>
<td>0</td>
<td>0</td>
<td>n/a</td>
</tr>
<tr>
<td>forum2</td>
<td>0</td>
<td>0</td>
<td>n/a</td>
</tr>
<tr> <!-- container 2 begin -->
<td class="container"><img class="show_hide" src="images/collapsed.gif" alt="[+]" /></td>
</tr> <!-- container 2 end -->
<tr>
<td>forum3</td>
<td>0</td>
<td>0</td>
<td>n/a</td>
</tr>A Javascript kodom a kovetkezot csinalja:
1. Egy esemenyt rendel a containerben talalhato IMG taghoz.
2. Ha raklikelek a container-ben levo kepre, a JS eltuntet minden tabla sort amely a klikelt container-hez tartozik.
Ime a kod:
$(document).ready(function()
{
$('.show_hide').click(function()
{
var containerFound = false;
$(this).parents('tr').nextAll().each(function()
{
$(this).children().children('.show_hide').each(function()
{
containerFound = true;
});
if (containerFound)
{
return false;
}
$(this).toggle();
});
});
});Szoval mukodik, minden szep es jo :) De sajnos szeretnek valamit megoldani:
1. Ha raklikelek a containerben levo kepre (vagy a szovegre), szeretnek egy parancsot lefutatni de csak akkor ha a fenti kodom mar becsukta a tablazat sorokat. Ugyanezt akarom forditva csinalni, masodik kliknel egy amikor a sorok kinyiltak lefutatni egy masik kodot.
Sajnos nem sikerul. Probaltam igy:
$(document).ready(function()
{
$('.show_hide').click(function()
{
var containerFound = false;
$(this).parents('tr').nextAll().each(function()
{
$(this).children().children('.show_hide').each(function()
{
containerFound = true;
});
if (containerFound)
{
return false;
}
$(this).toggle();
});
});
$('.show_hide').each(function()
{
$(this).toggle(function()
{
if ($(this).is(':hidden'))
{
$(this).attr("src", path + "/collapsed.gif");
}
}, function()
{
$(this).attr("src", "/progra/themes/progra/images/expanded.gif");
});
});
});Valaki tudna segiteni par tanacsal ? Koszonom!
Próba
ok
Ha tudna valaki egy kis segitseget nyujtani nagyon orulnek !
Igy mukodik
Akkor mondana csodot a kod ha az elso sor becsukodik a tobbi nem.
siblings?
ok