Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Obliczanie szerokości
peja1990
post
Post #1





Grupa: Zarejestrowani
Postów: 150
Pomógł: 1
Dołączył: 4.12.2010

Ostrzeżenie: (10%)
X----


Witam,
mam pewien problem ze skryptem JavaScript.
Chciałbym uzyskać szerokość komórki z ustaloną klasą, która zawiera najwięcej ikonek.

Dla przykładu:
  1. <table cellpadding="0" cellspacing="0">
  2. <th align="left" colspan="2">Nazwa</th>
  3. <th align="center">Typ</th>
  4. <th align="center">Data utworzenia</th>
  5. <th align="center">Uprawnienia</th>
  6. <th align="right">Rozmiar</th>
  7. <th align="center">Akcje</th>
  8. <th align="center"><input type="checkbox" class="stip" title="Zaznacz wszystko" /></th>
  9. </thead>
  10. <tr>
  11. <td align="left" class="lp"><img src="'.$GLOBAL['system'].$DIR['img'].$DIR['ftype'].'folder.png'.'" class="ftype" /></td>
  12. <td align="left">Nowy folder</td>
  13. <td align="center">---</td>
  14. <td align="center">2009-03-20</td>
  15. <td align="center">777</td>
  16. <td align="right">---</td>
  17. <td align="center" class="actions">
  18. <img src="'.$GLOBAL['system'].$DIR['img'].'icon_edit-folder.png'.'" class="icon ctip" title="Edytuj" />
  19. <img src="'.$GLOBAL['system'].$DIR['img'].'icon_delete-folder.png'.'" class="icon ctip" title="Usuń" />
  20. </td>
  21. <td class="calign"><input type="checkbox" class="wtip" title="Zaznacz" /></td>
  22. </tr>
  23. <tr>
  24. <td align="left" class="lp"><img src="'.$GLOBAL['system'].$DIR['img'].$DIR['ftype'].'folder.png'.'" class="ftype" /></td>
  25. <td align="left">Nowy folder 2</td>
  26. <td align="center">---</td>
  27. <td align="center">2009-01-17</td>
  28. <td align="center">666</td>
  29. <td align="right">---</td>
  30. <td align="center" class="actions">
  31. <img src="'.$GLOBAL['system'].$DIR['img'].'icon_edit-folder.png'.'" class="icon ctip" title="Edytuj" />
  32. <img src="'.$GLOBAL['system'].$DIR['img'].'icon_delete-folder.png'.'" class="icon ctip" title="Usuń" />
  33. </td>
  34. <td class="calign"><input type="checkbox" class="wtip" title="Zaznacz" /></td>
  35. </tr>
  36. <tr>
  37. <td align="left" class="lp"><img src="'.$GLOBAL['system'].$DIR['img'].$DIR['ftype'].'doc.png'.'" class="ftype" /></td>
  38. <td align="left">Oferta standardowa</td>
  39. <td align="center">doc</td>
  40. <td align="center">2008-11-25</td>
  41. <td align="center">666</td>
  42. <td align="right">42,5 kB</td>
  43. <td align="center" class="actions">
  44. <img src="'.$GLOBAL['system'].$DIR['img'].'icon_edit-item.png'.'" class="icon ctip" title="Edytuj" />
  45. <img src="'.$GLOBAL['system'].$DIR['img'].'icon_copy.png'.'" class="icon ctip" title="Kopiuj" />
  46. <img src="'.$GLOBAL['system'].$DIR['img'].'icon_delete-item.png'.'" class="icon ctip" title="Usuń" />
  47. </td>
  48. <td class="calign"><input type="checkbox" class="wtip" title="Zaznacz" /></td>
  49. </tr>
  50. </tbody>
  51. <tr>
  52. <td align="right" colspan="8">
  53. <span>Razem : 8</span>
  54. <span>Folderów : 2</span>
  55. <span>Plików : 6</span>
  56. </td>
  57. </tr>
  58. </tfoot>


Chciałbym aby skrypt wyciągnął ilość ikonek ze wszystkich komórek oznaczonych klasą actions, następnie wyciągnął maksymalną liczbę (na powyższym przykładzie będzie to liczba 3) no i na koniec tę liczbę pomnożył przez 16 to da mi zadowalający wynik.

Czy wie ktoś jak napisać taki skrypt ?

Sam napisałem tyle:
  1. $(document).ready(function() {
  2. $("table tr td.actions").each(function(){
  3. icons = $(this).children("img").length;
  4. alert(icons);
  5. });
  6. });

Jak widać na powyższym skrypcie udało mi się zrealizować jedynie sam początek i poległem, nie bardzo mam pomysł co dalej ... (IMG:style_emoticons/default/sad.gif)

Za wszelką pomoc będę niezmiernie wdzięczny.
Serdecznie pozdrawiam i życzę Wesołych Świąt,
Kamil Dunaj
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 3.10.2025 - 09:26