Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JQUERY][JS]Przerobienie skryptu
Forum PHP.pl > Forum > Przedszkole
MateuszS
Witam, szukam kogos kto moglby mi przerobic skrypt JS na jQuery, sam ani w jednym ani w drugim mocny nie jestem, musze to przerobic bo JS nie obsluguje czegos takiego jak getElementsByClass,

mam taki skrypt JS

  1. var page = 1;
  2. var new_page = 0;
  3. function toggle_title(page, new_page) {
  4. document.getElementById('div'+page).style.display = 'none';
  5. document.getElementById('divv'+page).style.display = 'none';
  6.  
  7. document.getElementById('div'+new_page).style.display = 'block';
  8. document.getElementById('divv'+new_page).style.display = 'block';
  9. }
  10.  
  11.  
  12.  
  13. function next_title() {
  14. new_page = page + 1;
  15. if ( new_page > 3 ) new_page = 1;
  16. toggle_title(page, new_page); // zmiane display wywalilem do osobnej funkcji
  17. page = new_page;
  18. }
  19.  
  20. function prev_title() {
  21. new_page = page - 1;
  22. if ( new_page > 3 ) new_page = 1;
  23. toggle_title(page, new_page); // zmiane display wywalilem do osobnej funkcji
  24. page = new_page;
  25. }


i do pomocy taki HTML (kawalek kodu)

  1. <table style="border: 1px solid white;">
  2. <tr>
  3. <td style="width: 1000px;">
  4. <div style="float: left; width: 50px; color: white;"><b>ID</b></div>
  5. <div id="div1" style="float: left; width: 240px; dispaly: block; color: white;"><b>Tytuł (j. polski)<a href="#" style="color: white; text-decoration: none;" onClick="next_title()"> ></a></b></div>
  6. <div id="div2" style="float: left; width: 240px; display: none; color: white;"><b><a href="#" style="color: white; text-decoration: none;" onClick="prev_title()"> < </a>Tytuł (j. angielski)<a href="#" style="color: white; text-decoration: none;" onClick="next_title()"> ></a></b></div>
  7. <div id="div3" style="float: left; width: 240px; display: none; color: white;"><b><a href="#" style="color: white; text-decoration: none;" onClick="prev_title()"> < </a>Tytuł (j. niemiecki)</b></div>
  8. <div style="float: left; width: 75px; color: white;"><b>Folder</b></div>
  9. <div style="float: left; width: 75px; color: white;"><b>Obr. główny</b></div>
  10. <div style="float: left; width: 75px; color: white;"><b>Obr. dodat.</b></div>
  11. <div style="float: left; width: 100px; color: white;"><b>Akcja</b></div>
  12. </td>
  13. </tr>
  14.  
  15. <?
  16. $rows = mysql_num_rows($query);
  17. if($rows > 0) {
  18. while($assoc = mysql_fetch_assoc($query)) { ?>
  19. <tr>
  20. <td>
  21. <div style="float: left; width: 50px; color: white;"><? echo $assoc['ID']; ?></div>
  22. <div id="divv1" style="float: left; width: 240px; display: block; color: white;"><? echo $assoc['title_pl']; ?></div>
  23. <div id="divv2" style="float: left; width: 240px; display: none; color: white;"><? echo $assoc['title_en']; ?></div>
  24. <div id="divv3" style="float: left; width: 240px; display: none; color: white;"><? echo $assoc['title_de']; ?></div>
  25. <div style="float: left; width: 75px; color: white;"><? $cut = explode('/', $assoc['folder']); echo $cut[0]; ?></div>
  26. <div style="float: left; width: 75px; color: white;"><? if(!empty($assoc['prim_image']) and $assoc['prim_image']!=' ') { echo 'Tak'; } else { echo 'Brak'; } ?></div>
  27. <div style="float: left; width: 75px; color: white;"><? $amount=0; for($i=1; $i<=10; $i++) { if(!empty($assoc['image_'.$i]) and $assoc['image_'.$i] != ' ') { $amount++; } } echo $amount; ?></div>
  28. <div style="float: left; width: 100px; color: white;">
  29. <a style="color: white;" href="panel.php?id=<? echo $id; ?>&edit=<? echo $assoc['ID']; ?>">Edytuj</a> /
  30. <? echo '<a style="color: white;" href="panel.php?id='.$id.'&del='.$assoc['ID'].'" onClick="return confirm(\'Czy na pewno chcesz usunąć rekord od ID '.$assoc['ID'].'?\nZmiany będą nieodwracalne.\')">Usuń</a>'; ?>
  31. </div>
  32. </td>
  33. </tr>
  34. <? }
  35.  
  36. } else { ?>
  37. <tr>
  38. <td><center><font color="white">Brak newsów</font></center></td>
  39. </tr>
  40.  
  41. <? } ?>
  42. </table>



Prosze o pomoc i pozdrawiam.
erix
Cytat
musze to przerobic bo JS nie obsluguje czegos takiego jak getElementsByClass,

To nie JS nie obsługuje, tylko niektóre przeglądarki mają problemy.

Cytat
Prosze o pomoc i pozdrawiam.

http://docs.jquery.com/Selectors
Pawel_W
problem rozwiązany via gg winksmiley.jpg
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.