Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

JavaScript - Pokazywanie diva o danym id

Założony przez  GiboneKPL.

18.12.2013, 10:24 (Ten post był ostatnio modyfikowany: 30.03.2016, 19:55 przez Ardex.)
#1
Witam. O tuż mam pewien problem. Wraz z Suprykiem stworzyliśmy plugin na pokazywanie pierwszego/ostatniego postu z tematy. I teraz trzeba do niego stworzyć js'a. A dokładniej żeby pojawiały się po kliknięciu buttona. Użyłem jak na razie do tego funkcji hide(); i show(); lecz teraz jak kliknę to wszystkie tematy się "otwierają".. Najlepsze chyba będzie demko więc proszę: http://rashownia.pl/Dzial-Og%C5%82oszenia I więc teraz jak zrobić żeby pojawiał się tylko temat o danym id (Będzie dodawane automatycznie.
W sensie:
Mam dwa tematy, jeden ma id 1 a drugi 2.
Klikam w tym drugim na button "pokaż wpis" i pojawia się tylko on? I jak będzie więcej tematu to id samo się dodaje?

Zapomniałem dodać, tutaj jest kod js`a:
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
  jQuery("#hide").click(function(){
    jQuery(".hide").hide();
  });
  jQuery("#show").click(function(){
    jQuery(".hide").show();
  });
});
</script> 

Proszę pomóżcie.
20.12.2013, 00:05
#2
Dzieje się tak ponieważ w obydwu tematach ID jest takie samo, a nie można dopuścić do takiej sytuacji.
Musisz zrobić tak aby każde ID było inne dodając do niego np id tematu ;)
21.12.2013, 10:40
#3
Czyli jak? :D Wytłumacz proszę, albo zrób testowego js`a na jsfiddle.
21.12.2013, 12:25 (Ten post był ostatnio modyfikowany: 21.12.2013, 12:26 przez Matslom.)
#4
Czyli tak, że na stronie może być tylko jeden element oznaczony danym id. Musisz swoje elementy ponazywać np.
temat_1 
, kolejny będzie miał temat_2. Użyj id wątków do numerowania np.
22.12.2013, 14:48
#5
Matslom, to akurat rozumiem.. Tylko nie wiem jak przypisać ID danemu elementowi, które będzie się zwiększać, jeśli elementów będzie więcej.
22.12.2013, 15:06 (Ten post był ostatnio modyfikowany: 22.12.2013, 15:06 przez Matslom.)
#6
Zwiększać w php?
$i = '0'; 
Później przy każdym wyniku dajesz
$i++ 
aby $i zwiększało o 1
przypisujesz id.
id="temat_'.$i.'" 
22.12.2013, 17:20
#7
Można zrobić to w samym JS - przykład: http://jsfiddle.net/2mZU8/
Jeśli masz inną strukturę HTML to manual jQuery w rękę ;) Wystarczy odnaleźć DIV który ma być rozwinięty w stosunku do tego, który się klika.
22.12.2013, 19:03 (Ten post był ostatnio modyfikowany: 22.12.2013, 19:05 przez GiboneKPL.)
#8
Skorzystałem z rady devila i nie działa:
http://rashownia.pl/Dzial-Regulaminy

Tak wygląda JS:
</script>

<script type="text/javascript">
jQuery.noConflict();
jQuery('#hide').click(function(){
    jQuery(this).siblings('.hide').toggle();
});
</script>
22.12.2013, 19:17 (Ten post był ostatnio modyfikowany: 22.12.2013, 19:20 przez Destroy666.)
#9
(22.12.2013, 14:48)GiboneKPL napisał(a): Matslom, to akurat rozumiem.. Tylko nie wiem jak przypisać ID danemu elementowi, które będzie się zwiększać, jeśli elementów będzie więcej.

Jakich elementów będzie więcej? $thread['tid'] jest unikalny, dajesz po prostu id="threadl_{$thread['tid']}" i tyle. Następnie w jQuery selekcjonujesz wszystko z threadl_ na początku, pobierasz numer po _ do JS za pomocą funkcji split i używasz otrzymanego id do zamykania/otwierania czegoś z np. id="threado_{$thread['tid']}".

@up, przecież już wyżej było napisane, że nie możesz używać jednego id dla wielu elementów (#hide). ID, jak sama nazwa wskazuje, musi być unikalny.
Moje pluginy MyBB / Mój Github
23.12.2013, 09:36
#10
Ja tego jednak nie rozumiem.. Ktoś mógłby na GG pomóc? :x
23.12.2013, 10:34
#11
i gibonek znowu liczy na gotowca jak z reszta tego pluginu



Użytkownicy przeglądający ten wątek:

1 gości