Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Obliczanie szerokości
Forum PHP.pl > Forum > Przedszkole
peja1990
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 ... sad.gif

Za wszelką pomoc będę niezmiernie wdzięczny.
Serdecznie pozdrawiam i życzę Wesołych Świąt,
Kamil Dunaj
mortus
[JAVASCRIPT] pobierz, plaintext
  1. $(document).ready(function() {
  2. var icons = 0;
  3. var maxWidth = 0;
  4. $("table tr td.actions").each(function() {
  5. if($(this).children("img").length > icons) {
  6. icons = $(this).children("img").length;
  7. maxWidth = $(this).css('width');
  8. }
  9. });
  10. alert(maxWidth);
  11. });
[JAVASCRIPT] pobierz, plaintext


Czy jakoś tak.
peja1990
Cytat(mortus @ 24.12.2011, 13:29:37 ) *
[JAVASCRIPT] pobierz, plaintext
  1. $(document).ready(function() {
  2. var icons = 0;
  3. var maxWidth = 0;
  4. $("table tr td.actions").each(function() {
  5. if($(this).children("img").length > icons) {
  6. icons = $(this).children("img").length;
  7. maxWidth = $(this).css('width');
  8. }
  9. });
  10. alert(maxWidth);
  11. });
[JAVASCRIPT] pobierz, plaintext


Czy jakoś tak.


Super mistrzu exclamation.gif!
Nie spodziewałem się, że w ogóle dzisiaj uzyskam satysfakcjonującą mnie odpowiedź gdyż jest Wigilia i każdy ma chyba wiele na głowie, ale jednak chyba kolega mortus jest mojego pokroju i mile mnie zaskoczył ! wink.gif
Dzięki wielkie i życzę super wesołych, radosnych, spokojnych Świąt jak i szczęśliwego Nowego Roku exclamation.gif! wink.gif
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.