Som besökare på Hamsterpaj samtycker du till användandet av s.k. cookies för att förbättra din upplevelse hos oss. Jag förstår, ta bort denna ruta!
Annons

Javascript / jquery problem

Skapad av Kulan, 2013-04-13 13:43 i Webbutveckling & Programmering

1 739
7 inlägg
0 poäng
Kulan
Visningsbild
P 27 Hjälte 540 inlägg
0
Tjena! :)

Jag håller på med ett forum och när man då ska svara på någons tråd så finns det en knapp i högra hörnet på det svaret där det står "Comment",
När man klickar på denna så dyker den rutan upp under svaret så man ska kunna kommentera. MEN problemet är att den knappen funkar bara på det senaste svaret och inte dom andra svaren.

mvh Robin

Tillägg av Robiin 2013-04-13 13:44

Alla svaren har samma knapp med samma "id"

yolo

Är reklamen ivägen? Logga in eller registrera dig så försvinner den!

Adam
Visningsbild
P 34 Trollhättan Hjälte 27 inlägg
0
Svar till Robiin [Gå till post]:
Omöjligt att veta varför utan att se koden.

Flera element med samma id kanske? Kastas något felmeddelande?



Tillägg av Adam 2013-04-13 13:52

Ett id måste vara unikt. http://www.w3schools.com/tags/att_global_id.asp

Använd class om du vill gruppera element och tillämpa regler eller göra operation på alla. Id används för att välja ut enstaka specifika element.

Ingen status

Kulan
Visningsbild
P 27 Hjälte 540 inlägg
Trådskapare
0
Svar till Adam [Gå till post]:
Ett stycke html-kod:


<a href='[removed]void(0);' id='replyComment'>Comment</a>

<div id='reply_comment'>
<textarea cols='60' rows='3' name='reply_text'></textarea>
<input type='submit' name='submit_reply' value='Post' class='btn'>
</div>




Ett stycke javascript-kod:


$('#replyComment').click(function (){
$('#reply_comment').toggle(500);
});




Tillägg av Robiin 2013-04-13 13:53

Hp tog bort det, [removed] = [removed]P

yolo

Kulan
Visningsbild
P 27 Hjälte 540 inlägg
Trådskapare
0
Svar till Adam [Gå till post]:
Okej, tack! Men nu åker båda neråt, vad ska man göra åt saken så bara ena åker ner för just det inlägget, istället att alla kommentars fält dyker fram under alla svar :P

yolo

Adam
Visningsbild
P 34 Trollhättan Hjälte 27 inlägg
0

Svar till Robiin [Gå till post]:
Testa detta.
Ett stycke javascript-kod:

$('.replyComment').click(function (){
$(this).toggle(500);
});

Ingen status

Kulan
Visningsbild
P 27 Hjälte 540 inlägg
Trådskapare
0

Svar till Adam [Gå till post]:
Då togglar man bort "Comment" knappen :P

yolo

Adam
Visningsbild
P 34 Trollhättan Hjälte 27 inlägg
0

Svar till Robiin [Gå till post]:
Jaså haha. Men du måste ha någon relation i markup-en mellan knappen och text-fältet.

Finns många sätt att välja element i jQuery.
$().child().parent().siblings().next() etc. Kolla dokumentationen.

I ditt exempel om du inte skulle ändra markupen:

Ett stycke javascript-kod:
$('#replyComment').click(function (){
$(this).next().toggle(500);
});

Men inte alltid en bra idé att göra så, till exempel om du skulle lägga till något element mellan toggle-knappen och den div du visar.

Ingen status


Forum » Datorer & IT » Webbutveckling & Programmering » Javascript / jquery problem 

Ansvariga ordningsvakter:

Användare som läser i den här tråden just nu

1 utloggad

Skriv ett nytt inlägg

Hej! Innan du skriver om ett potentiellt problem så vill vi påminna dig om att du faktiskt inte är ensam. Du är inte onormal och världen kommer inte att gå under, vi lovar! Så slappna av och gilla livet i några minuter - känns det fortfarande hemskt? Skriv gärna ner dina tankar och frågor, vi älskar att hjälpa just dig!

Den här tråden är äldre än Rojks drömtjej!

Det senaste inlägget i den här tråden skrevs för över tre månader sedan. Är du säker på att du vill återuppliva diskussionen? Har du något vettigt att tillföra eller passar din fråga i en ny tråd? Onödiga återupplivningar kommer att låsas så tänk efter en extra gång!

Hjälp

Det här är en hjälpruta

Här får du korta tips och förklaringar om forumet. Välj kapitel i rullningslisten här ovanför.

Rutan uppdateras automagiskt

När du använder funktioner i forumet så visas bra tips här.


Annons
Annons
Annons
Annons