Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript] Problem z ładowanie funkcji i identyfikacji elementu po id, getElementById i window.onload
bonio89
post
Post #1





Grupa: Zarejestrowani
Postów: 29
Pomógł: 0
Dołączył: 30.09.2009

Ostrzeżenie: (0%)
-----

Cześć,
Mam problem z banalną funcją w JS do zmiany stylu wyświetlania obiektu:

kawałek strony:
[HTML] pobierz, plaintext 
  1. <table width="620" border="1">
  2.   <tr>
  3.     <td width="50" class="et_heads">ID</td>
  4.     <td class="et_heads" width="160">PRODUCENT</td>
  5.     <td class="et_heads" width="250">MODEL</td>
  6.     <td class="et_heads" width="100" style="text-align:center">STAN <span style="font-size:10px"> (dostępne/wszystkie)</span></td>
  7.     <td width="100" class="et_heads">REZERWUJ</td>
  8.   </tr>
  9.  {section name=id loop=$ile start=0 step=1}  
  10.   <tr>
  11.     <td onClick="showMore(magazyny_{$smarty.section.id.index+1})">{$smarty.section.id.index+1}</td>
  12.     <td onClick="showMore(magazyny_{$smarty.section.id.index+1})">{$magazyn[id]['producent']}</td>
  13.     <td onClick="showMore(magazyny_{$smarty.section.id.index+1})">{$magazyn[id]['model']}</td>
  14.     <td style="text-align:center">{$magazyn[id]['dostepne']} / {$magazyn[id]['wszystkie']}</td>
  15.     <td style="text-align:center">{if $magazyn[id]['stan']}<a href="index.php?page=stan&action=rezerwuj&what={$maszyna[id]['id']}">rezerwuj</a>{else}rezerwuj{/if}</td>
  16.   </tr>
  17.   <tr id="magazyny_{$smarty.section.id.index+1}" style="display:none">
  18.   	<td colspan="5" style="background-color:#ACEAF4"> 
  19. <table width="624" class="magTabMore">
  20.    <tr>
  21.    <td colspan="2">Dostępne {$magazyn[id]['dostepne']} z {$magazyn[id]['wszystkie']}<br /><br /></td>
  22.    </tr>
  23.    <tr>
  24.    <td align="left">Magazyny:</td>
  25.    <td align="left"> Rezerwacje:</td>
  26.    </tr>
  27.    <tr>
  28.    <td align="left" valign="top"> 
  29.    <ul>
  30.    {foreach from=$magazyn[id]['stany'] item=v}
  31.    		{if $v['ilosc'] != '0'}<li>{$v['nazwa']}: {$v['ilosc']} szt.</li>{/if}
  32. 	{/foreach}
  33.    </ul>
  34. </td>
  35.    <td align="left" valign="top">    <ul>
  36.    {foreach from=$magazyn[id]['rezerwacje'] item=v}
  37.    		<li>{$v['login']} - do {$v['data_koniec_rezerwacji']}</li>
  38. 	{/foreach}
  39.    </ul></td>
  40.    </tr>
  41. </table>
  42.     </td>
  43.   </tr>
  44.  {/section} 
  45. </table>
  46. </div>
[HTML] pobierz, plaintext

scripts.js, ładowany w sekcji head.
[HTML] pobierz, plaintext 
  1. // JavaScript Document
  2. function showMore(what){
  3. 	//alert ('f str');
  4. 	if (document.getElementById(what).style.display=='none'){
  5. 		//alert ('try block');
  6. 	document.getElementById(what).style.display='block';
  7. 	}
  8. 	else{
  9. 		//alert ('try none');
  10. 		document.getElementById(what).style.display='none';
  11. 	}
  12. }
[HTML] pobierz, plaintext


Generalnie w tabeli w wierszu 1 chcę zmienić styl wyświetlania wiersza 2 w zdarzeniu onclick z użyciem funkcji js.
[HTML] pobierz, plaintext 
  1.  <td onClick="showMoremagazyny_{$smarty.section.id.index+1})">{$magazyn[id]['model']}</td>
[HTML] pobierz, plaintext

zmienia
[HTML] pobierz, plaintext 
  1.  <tr id="magazyny_{$smarty.section.id.index+1}" style="display:none">
[HTML] pobierz, plaintext


{$smarty.section.id.index+1} przyjmuje wartość 1,2,3...

Błąd w konsoli to: Uncaught TypeError: Cannot read property 'style' of null
Gdy dam w scripts.js window.onload =function showMore(what){ to konsola wypluwa: Uncaught ReferenceError: showMore is not defined
Go to the top of the page
+Quote Post
bonio89
post
Post #2





Grupa: Zarejestrowani
Postów: 29
Pomógł: 0
Dołączył: 30.09.2009

Ostrzeżenie: (0%)
-----

jak dam skrypt na koniec to lub załączę domready to dalej to samo (Uncaught ReferenceError: showMore is not defined).

Ograniczyłem kod do przykładu:

[HTML] pobierz, plaintext 
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <script type="text/javascript">
  5. // JavaScript Document
  6. function showMore(what){
  7. 	//alert ('f str');
  8. 	if (document.getElementById(what).style.display=='none'){
  9. 		//alert ('try block');
  10. 	document.getElementById(what).style.display='block';
  11. 	}
  12. 	else{
  13. 		//alert ('try none');
  14. 		document.getElementById(what).style.display='none';
  15. 	}
  16. }
  17.  
  18. </script>
  19. <meta charset="utf-8">
  20. <title>Dokument bez tytułu</title>
  21. </head>
  22.  
  23. <body><table>
  24. <tr><td onClick="showMore(aa)">bbbbbbbbbbbbbbb</td></tr>
  25. <tr><td  id="aa">aaaaaaaaaaaaa</td></tr>
  26. </table>
  27. </body>
  28.  
  29. </html>
[HTML] pobierz, plaintext


Go to the top of the page
+Quote Post
nospor
post
Post #3





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
Nie: showMore(aa)
a: showMore('aa')


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer
Go to the top of the page
+Quote Post
bonio89
post
Post #4





Grupa: Zarejestrowani
Postów: 29
Pomógł: 0
Dołączył: 30.09.2009

Ostrzeżenie: (0%)
-----

Dzięki nospor, niech Bóg Ci w dzieciach wynagrodzi.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 21.08.2025 - 08:38
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn