Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [Javascript] Zmiana obrazka i checkboxa z przekazaniem zmienych - beginner ;-)
messmaker
post
Post #1





Grupa: Zarejestrowani
Postów: 106
Pomógł: 5
Dołączył: 5.12.2008

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

Jakiś czas temu pytałem o przekazywanie zmiennych do funkcji w JS, coś pokleiłem ale za chiny nie chce mi to działać tak jak powinno. Oto kod:

[HTML] pobierz, plaintext 
  1. <head>
  2. <script type="text/javascript">
  3. function changePic(item,icon){
  4. if ('c' + item.checked){
  5. document.'i' + item.src="icon + '_c'.gif";
  6. }else{
  7. document.'i' + item.src="icon + '_u'.gif";
  8. }
  9. }</script>
  10. </head>
  11. <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  12. <form name="form1" method="post" action="">
  13. <img src="5_u.gif" name="i1"> 
  14. <input type="checkbox" name="c1" value="checkbox" onClick="changePic(1,5);">
  15. </form>
  16. </body>
[HTML] pobierz, plaintext


Mam nadzieję, że w miarę czytelny. Można prosić o pomoc?

Ten post edytował messmaker 23.03.2009, 15:17:47
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 7)
skowron-line
post
Post #2





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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

[HTML] pobierz, plaintext 
  1. <head>
  2. <script type="text/javascript">
  3. function changePic(item,icon){
  4. if ('c' + item.checked){
  5. document.getElementById( 'i' + item ).src="icon + '_c'.gif";
  6. }else{
  7. document.getElementById( 'i' + item ).src="icon + '_u'.gif";
  8. }
  9. }</script>
  10. </head>
  11. <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  12. <form name="form1" method="post" action="">
  13. <img src="5_u.gif" name="i1" id="i1">
  14. <input type="checkbox" name="c1" value="checkbox" onClick="changePic(1,5);">
  15. </form>
  16. </body>
[HTML] pobierz, plaintext

można tak, lub jak nie chcesz używać id to poczytaj o document.getElementsByTagName

Ten post edytował skowron-line 23.03.2009, 15:23:26
Go to the top of the page
+Quote Post
messmaker
post
Post #3





Grupa: Zarejestrowani
Postów: 106
Pomógł: 5
Dołączył: 5.12.2008

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

Wkleiłem i coś już się zaczęło dziać, ale po kliknięciu w czekboks zmienia src obrazka na icon%20+%20'_c'.gif (IMG:http://forum.php.pl/style_emoticons/default/ohmy.gif)
Go to the top of the page
+Quote Post
skowron-line
post
Post #4





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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

Cytat(messmaker @ 23.03.2009, 15:27:37 ) *
Wkleiłem i coś już się zaczęło dziać, ale po kliknięciu w czekboks zmienia src obrazka na icon%20+%20'_c'.gif (IMG:http://forum.php.pl/style_emoticons/default/ohmy.gif)

%20 to spacja.

żebyś się nie głowił

Kod
"icon + '_u'.gif";

na
Kod
icon + '_u'.gif";


Ten post edytował skowron-line 23.03.2009, 15:30:17
Go to the top of the page
+Quote Post
wookieb
post
Post #5





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
...
Kod
icon+'_u.gif';
Go to the top of the page
+Quote Post
messmaker
post
Post #6





Grupa: Zarejestrowani
Postów: 106
Pomógł: 5
Dołączył: 5.12.2008

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

Wsadziłem:

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function changePic(item,icon){
  5. if ('c' + item.checked){
  6. document.getElementById( 'i' + item ).src=icon+'_c.gif';
  7. }else{
  8. document.getElementById( 'i' + item ).src=icon+'_u.gif';
  9. }
  10. }</script>
  11. </head>
  12. <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  13. <form name="form1" method="post" action="">
  14. <img src="5_u.gif" name="i1" id="i1">
  15. <input type="checkbox" name="c1" value="checkbox" onClick="changePic(1,5);">
  16. </form>
  17. </body>
  18. </html>
[HTML] pobierz, plaintext


i przy każdym kliknięciu na checkbox (zaznaczającym lub nie) ustawiany jest 5_c.gif. 5_c to animacja "zaznaczania", 5_u to obrazek sygnalizujący brak zaznaczenia, obecnie każde kliknięcie w CB powoduje wywołanie animacji zaznaczania na obrazku.




EDIT: udało się (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) 

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function changePic(item,icon){
  5. if (document.getElementById( 'c' + item ).checked){
  6. document.getElementById( 'i' + item ).src=icon+'_c.gif';
  7. }else{
  8. document.getElementById( 'i' + item ).src=icon+'_u.gif';
  9. }
  10. }</script>
  11. </head>
  12. <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  13. <form name="form1" method="post" action="">
  14. <img src="5_u.gif" id="i1">
  15. <input type="checkbox" id="c1" value="checkbox" onClick="changePic(1,5);">
  16. </form>
  17. </body>
  18. </html>
[HTML] pobierz, plaintext


Ten post edytował messmaker 23.03.2009, 15:37:30
Go to the top of the page
+Quote Post
wookieb
post
Post #7





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
A po co ci to 'c' +?
Popraw analogicznie do poprzedniej poprawki.
I nie mow ze nie umiesz bo wystarczy sie troche zastanowic.

Ten post edytował wookieb 23.03.2009, 15:39:27
Go to the top of the page
+Quote Post
skowron-line
post
Post #8





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function changePic(item,icon){
  5.  
  6.  
  7. if (document.getElementById( 'c' + item ).checked){
  8. document.getElementById( 'i' + item ).src=icon+'_c.gif';
  9. }else{
  10. document.getElementById( 'i' + item ).src=icon+'_u.gif';
  11.  
  12. }
  13. }</script>
  14. </head>
  15. <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  16. <form name="form1" method="post" action="">
  17. <img src="5_u.gif" name="i1" id="i1">
  18. <input type="checkbox" name="c1" id="c1" value="checkbox" onClick="changePic(1,5);">
  19. </form>
  20. </body>
  21. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

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

 

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

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

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