Skocz do zawartości

[AJAX] ukrywanie kilku obiektów na raz


Mar

Rekomendowane odpowiedzi

Witam,

Korzystam z ajaxa w celu ukrywania DIVów, oto taki prosty kod:

function ukryj_fraze(id) {
 $(document).ready(function(){

$("#fraza_ukryj"+id).click(function () {	 
  $("#f_"+id).fadeOut("slow");
});  
 });
}

A chciałbym zrobić teraz tak, by ukryć kilka, kilkanaście naraz, i pytanie jak to rozwiązać, rozwiązania jakie do głowy mi przychodzą to np. to pisanie pętli, ale jak wtedy budować funkcję... jak za każdym razem będzie inna ilość zmiennych wchodzących?

Można n.p. oznaczyć divy które chcę ukryć jakoś? np. dodając parametr? Każdy div ma swoje ID i ono musi być unikalne, można dodać coś jeszcze? Nie wiem jak ugryźć ten temat... więc proszę o jakieś podpowiedzi...

Niestety myślałem też nad nadrzędnym divem, ale niestety struktura strony na to nie pozwala, bo układ wygląda następująco:

<div id="do ukrycia"></div>

<div id="nie do ukrycia"></div>

<div id="nie do ukrycia"></div>

<div id="do ukrycia"></div>

itp.

Pozdrawiam,

Mar.

Polecam katalog SeoPark.pl, katalog AK47 (5 lata w sieci) ...oraz Wirtualne-miasta.eu
"Dopóki nie skorzystałem z Internetu, nie wiedziałem, że na świecie jest tylu idiotów" - Stanisław Lem

Odnośnik do komentarza
Udostępnij na innych stronach

Możesz przekazać nazwy div'ow jako parametr wywołania funkcji ukryj_fraze('div1',di2',div2...); lub jako tablicę z nazwami div'ów jakie mają zostać ukryte. Nazwy możesz generować [wstawić] dynamicznie po przez php. Druga opcja jest lepsza, bo nie jest tak "sztywna" jak pierwsza. Przez tablice przechodzisz w pętli i robisz to co jest do zrobienia ;)

----

NP

<script type="text/javascript">
function UkryjDivy(myArray)
{
for(ii = 0; ii < myArray.length; ii++)
{
	document.getElementById(myArray[ii]).style.display='none';
}
}
</script>

<div id="div1">DIV 1</div>
<div id="div2">DIV 2</div>
<div id="div3">DIV 3</div>
<div id="div4">DIV 4</div>
<a href="java script:UkryjDivy(new Array('div1','div3'))">Ukryj</a>

----

@Korzystam z ajaxa w celu ukrywania DIVów, oto taki prosty kod:

W podanym przez Ciebie kodzie nie ma wykorzystania technologi AJAX. Technologia ajax polega na wykonywaniu żądań HTTP: GET i POST...

HTTP 200 usługi IT -> Dariusz Janicki | Realizacja serwisów www oraz oprogramowania w PHP / C# / Golang / Node.js / MySQL/ Laravel
Komory normobaryczne - normobaria.tech Wykonawca montażu i instalacji komory normobarii

Odnośnik do komentarza
Udostępnij na innych stronach

I działa ;) O taką podpowiedź mi chodziło. Dzięki.

Mar.

Polecam katalog SeoPark.pl, katalog AK47 (5 lata w sieci) ...oraz Wirtualne-miasta.eu
"Dopóki nie skorzystałem z Internetu, nie wiedziałem, że na świecie jest tylu idiotów" - Stanisław Lem

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności