[JavaScript]Po kliknięciu przycisku zmień na następny div w kolejności

[JavaScript]Po kliknięciu przycisku zmień na następny div w kolejności

grucha321 Zobacz profil	2.03.2013, 21:31:46 Post #1
Grupa: Zarejestrowani Postów: 2 Pomógł: 0 Dołączył: 24.02.2013 Ostrzeżenie: (0%)	Cześć, mam następujący problem: mam np. 10 divów w których jest jakiś tekst, chciałbym aby standardowo wyświetlił się tylko pierwszy div a po kliknięciu tekstu "Next" pierwszy div został zastąpiony następnym w kolejności. Po kliknięciu "Forward" div który się pojawił miałby być zastąpiony divem poprzedzającym go. Nie znam JavaScriptu a bardzo jest mi ten skrypt potrzebny. Jeśli nikt nie chciałby podać mi gotowca to prosiłbym chociaż o jakieś wyraźne wskazówki (dla kogoś kto zna PHP na poziomie podstawowym rozszerzonym ) W internecie znalazłem coś takiego: [PHP] pobierz, plaintext <html> <head> <style type="text/css"> div {display:none;} </style> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> var ptr = 0; var step = 2; var max = 10; function next() { if((ptr * step) == max) return; var current; current= (ptr * step) + 1; if(ptr > 0) { for(i=current,j=current-1;i < current + 2;i++,j--) { $('#i-'+i).css('display','block'); $('#i-'+j).css('display','none'); } }else{ for(i=current;i < current + 2;i++) { $('#i-'+i).css('display','block'); } } ptr++; } function back() { if(ptr==0) return; var current = ptr * step; if(ptr > 1) { for(i= current , j= current-2; i > current - 2; i--,j--){ $('#i-'+i).css('display','none'); $('#i-'+j).css('display','block'); } }else{ for(i= current; i > current - 2; i--) $('#i-'+i).css('display','none'); } ptr--; } </script> </head> <body> <input type="button" value="next" onclick="next()" /> <input type="button" value="back" onclick="back()" /> <div id="i-1">1</div> <div id="i-2">2</div> <div id="i-3">3</div> <div id="i-4">4</div> <div id="i-5">5</div> <div id="i-6">6</div> <div id="i-7">7</div> <div id="i-8">8</div> <div id="i-9">9</div> <div id="i-10">10</div> </body> </html> [PHP] pobierz, plaintext Jednak nie do końca chodzi mi o takie działanie. Dzięki za odpowiedzi. refresh refresh