Temat: document.getElementsByTagName - w jaki sposob odwolac sie...

witam,

jak w temacie, szukalem u wuja googla, ale nadaremnie, moze zna ktos jakis sposob, jak sie odwolac do znacznika li, ktory ma nad soba kilka inny li.

oto przyklad:

<li >

<a class='kategorie' href="do-dekoracji"  title="Niesamowite akcesoria dla twojego iPoda">

		<ul>

        <li class="dupa">

	<a href="4-aaaa"  title="">aaaa</a>

potrzebuje sie odwolac do <li class="dupa">, bo kiedy zastosuje:
document.getElementsByTagName('li')[i].style.display = 'none';

to mi oddzialowywuje na wszystkie zawarte w kodzie tagi li

Temat: document.getElementsByTagName - w jaki sposob odwolac sie...

Poszukaj w Google funkcji document.getElementByClassName albo skorzystaj z jakiegos frameworka : )

Temat: document.getElementsByTagName - w jaki sposob odwolac sie...

if(document.getElementsByTagName('li')[i].className == 'dupa'){
document.getElementsByTagName('li')[i].style.display = 'none';
}

Temat: document.getElementsByTagName - w jaki sposob odwolac sie...

jak poprzednik

document.getElementByClassName('dupa')

bo ot tego jest ta funkcja
albo w jQuery

$('.dupa')
lub
$('li ul li')

Temat: document.getElementsByTagName - w jaki sposob odwolac sie...

dzieki wszystkim za udzial w dyskusji. pomogliscie, zawiodlo tylko zaprojektowanie :)


mam taki kod html:

  	<ul class="categories"> <!--TUTAJ KATEGORIE-->

	<li >

	<a class="main_name" href="#"  title="">Do dekoracji</a>

	<ul> <!--TUTAJ PODKATEGORIE-->

	<li class="dupa">

		<a href="#">Zwierzęta</a>

	</li>

	<li class="dupa">

		<a href="#">Figurki</a>

	</li>

	<li class="dupa">

		<a href="#">cos tam</a>

	</li>

	<li class="dupa">

		<a href="#">cos tam 2</a>

	</li>

	<li class="dupa">

		<a href="#">cos tam 3</a>

	</li>

	</ul>

		 <a class="more" href="" TITLE="Pokaż więcej podkategorii">Więcej</a>

</li>

</ul>

gdzie w cssach, jest: .class {display:none;}

i moj pierwszy skrypt jsowy:

var i;

for (i=0;i<4;i++) {

document.getElementsByClassName('dupa')[i].style.display = 'block';

}

otoz zalozenie jest takie, ze na stronie moge wyswietlic max 4 podkategorie, reszte musze schowac i ew wyswietlac, po kliknieciu przycisku wiecej(przekierowanie na inna strone).

Skrypt dziala, ale poniewaz elemtow klasy "dupa" jest 5xw kazdej kategorii razy ilosc kategorii. w rezultacie skrypt wyswietla mi 4 pierwsze ze wszystkich. Nie wiem w jaki sposob, ustawic, aby skrypt urchamial sie dla kazdego <ul class="categories"> osobno...
jakies pomysly?

Temat: document.getElementsByTagName - w jaki sposob odwolac sie...

1. domyślam się że chodzi o rozwiane menu jeżeli tak to wystarczy css z pseudo selektorem :hover
2. jeżeli już chcesz w js to, każdej kategorii nadajesz inną klasę categories_1, categories_2 itp...

Temat: document.getElementsByTagName - w jaki sposob odwolac sie...

Michał Szaniewski:
1. domyślam się że chodzi o rozwiane menu jeżeli tak to wystarczy css z pseudo selektorem :hover
2. jeżeli już chcesz w js to, każdej kategorii nadajesz inną klasę categories_1, categories_2 itp...

Czesc,
To sa elementy podkategorii w sklepie internetowym, nie jest to menu.

kod wyglada dokladnie tak.
zielona ramka, tj to co robi js. Chcialbym, aby ten js, rowniez wygenerowal w zoltej ramce taki kod.


Jan Truskawa edytował(a) ten post dnia 08.07.10 o godzinie 15:51

Temat: document.getElementsByTagName - w jaki sposob odwolac sie...

Z tego co widze uczysz sie javascriptu. Pisanie bez framework nie jest specjalnie efektywne - mozna sie sporo nauczyc ale trzeba duzo pisac i generalnie kiedy napiszesz kodu wiecej sa problemy z przenosnoscia - nie ma jednej 100% specyfikacji JS. Lepiej uzyj jQuery albo np Prototype czy MooTools - masz mniej pisania i problemow : ) Tutoriali do nich jest duzo : ) To co chcesz osiagnac mozna zapisac w prostszy sposob

$('li.dupa').css('display','block');

Ta magia ktora jest w funkcji dolara to zwykly selektor ktory znasz z CSSa :)

Temat: document.getElementsByTagName - w jaki sposob odwolac sie...

Paweł Krefta:
Z tego co widze uczysz sie javascriptu. Pisanie bez framework nie jest specjalnie efektywne - mozna sie sporo nauczyc ale trzeba duzo pisac i generalnie kiedy napiszesz kodu wiecej sa problemy z przenosnoscia - nie ma jednej 100% specyfikacji JS. Lepiej uzyj jQuery albo np Prototype czy MooTools - masz mniej pisania i problemow : ) Tutoriali do nich jest duzo : ) To co chcesz osiagnac mozna zapisac w prostszy sposob

$('li.dupa').css('display','block');

Ta magia ktora jest w funkcji dolara to zwykly selektor ktory znasz z CSSa :)

jQuery jest OK... ale co do: "'isanie bez framework nie jest specjalnie efektywne' - tutaj się nie zgodzę... żeby móc efektywnie korzystać z frameworka warto najpierw poznać "gołe" JS - chociażby po to, żeby w celu modyfikacji jednego czy dwóch elementów na stronie nie ładować niepotrzebnie 20-3 kilobajtów frameworka...Piotr Lewandowski edytował(a) ten post dnia 10.07.10 o godzinie 15:33

Temat: document.getElementsByTagName - w jaki sposob odwolac sie...

Nie znam się tak dobrze na JS jak moi poprzednicy, ale chyba tylko Przemek zauważył, że takich obiektów może być kilka.

The id selector is used to specify a style for a single, unique element.

The class selector is used to specify a style for a group of elements. Unlike the id selector, the class selector is most often used on several elements.

http://www.w3schools.com/css/css_id_class.asp

Temat: document.getElementsByTagName - w jaki sposob odwolac sie...

Piotr Lewandowski:

Paweł Krefta:
Z tego co widze uczysz sie javascriptu. Pisanie bez framework nie jest specjalnie efektywne - mozna sie sporo nauczyc ale trzeba duzo pisac i generalnie kiedy napiszesz kodu wiecej sa problemy z przenosnoscia - nie ma jednej 100% specyfikacji JS. Lepiej uzyj jQuery albo np Prototype czy MooTools - masz mniej pisania i problemow : ) Tutoriali do nich jest duzo : ) To co chcesz osiagnac mozna zapisac w prostszy sposob

$('li.dupa').css('display','block');

Ta magia ktora jest w funkcji dolara to zwykly selektor ktory znasz z CSSa :)

jQuery jest OK... ale co do: "'isanie bez framework nie jest specjalnie efektywne' - tutaj się nie zgodzę... żeby móc efektywnie korzystać z frameworka warto najpierw poznać "gołe" JS - chociażby po to, żeby w celu modyfikacji jednego czy dwóch elementów na stronie nie ładować niepotrzebnie 20-3 kilobajtów frameworka...Piotr Lewandowski edytował(a) ten post dnia 10.07.10 o godzinie 15:33

To jest kwestia podejscia : ) Ja zrobiem na odwrot - dawno temu ;) nauka czystego javascriptu mnie bolala - to byly czasy document.write, czystej zabawy prototypami i innego tego typu rzeczy, a debugowanie w IE to byl real pain in the ass. Wiec potem bylo jQuery, a teraz jest MooTools i kiedy znam oba czysty JS wydaje sie byc przyjemniejszym w obyciu.