Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: onclick i wstawienie obrazka
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
cornholio666
witam!
mam takie cos:

pole typu checkbox
  1. <input type="checkbox" name="go" onclick='go()'>


chcialbym zeby po zaznaczeniu pola wywolala sie funckja go() ktora wstawi obrazek na stronie w odpowiednim miejscu do wstawiania obrazka uzywam
  1. <div STYLE="position:absolute; left:326; top:332; visibility: inherit;
  2. overflow: visible;">
  3. <img src="dioda2.jpg">
  4. </div>


i chcialbym zeby na stronie sie nic nie zmienilo poza wstawionym obrazkiem. Aha i jak sie do to po odznaczeniu tego przycisku obrazek znikal
Kuziu
  1. <script language='JavaScript'>
  2. var tak = 0;
  3. function go(){
  4. if(tak == 0){
  5. obrazek.innerHTML="<img src='dioda2.jpg'>";
  6. tak=1;
  7. }else{
  8. obrazek.innerHTML="";
  9. tak=0;
  10. }
  11. }
  12.  
  13. <input type="checkbox" name="go" onclick='go()'>
  14. <br>
  15. <span id='obrazek'></span>
crash
Ten skrypt przy odznaczaniu checkboxa nie usunie wstawionego obrazka.
Kuziu
teraz już usunie ... nie dopisałem zmiennej tak=0 i tak=1 ... sprawdzałem i działa.
cornholio666
wszytko super. Jeszcze bym chcial tak (jak sie da smile.gif) )

mam kilka pol typu chcekbox i w zaleznosci ktore zaznacze, gdzie indziej mi sie zamieni obrazek. mam tak:

  1. <script language="javascript">
  2. var tak = 0;
  3. function go(){
  4. if(tak == 0){
  5. obrazek.innerHTML="<img src='dioda2.jpg'>";
  6. tak=1;
  7. }else{
  8. obrazek.innerHTML="";
  9. tak=0;
  10. }
  11. }


  1. <div STYLE="position:absolute; left:391; top:332; visibility: inherit;
  2. overflow: visible;"><span id='obrazek'><img src="cz_dioda.jpg" alt=""></span>
  3. </div>
  4.  
  5. <div STYLE="position:absolute; left:111; top:232; visibility: inherit;
  6. overflow: visible;"><span id='obrazek'><img src="cz_dioda.jpg" alt=""></span>
  7. </div>


i jak zaznaczam np trzy checboxy to mi sie w trzech roznych miejscach zamieniaja obrazki ( obrazki sa te same chodzi tylko o polozenie). tych obrazkow mam w sumie 8.
Kuziu
  1. <script language='JavaScript'>
  2. var tak = new Array(4);
  3.  
  4. function go(numer){
  5. if(tak[numer] != 1){
  6. if(numer==1){
  7. obrazek1.innerHTML="<img src='dioda2.jpg'>";
  8. tak[numer]=1;
  9. }
  10. if(numer==2){
  11. obrazek2.innerHTML="<img src='dioda2.jpg'>";
  12. tak[numer]=1;
  13. }
  14. if(numer==3){
  15. obrazek3.innerHTML="<img src='dioda2.jpg'>";
  16. tak[numer]=1;
  17. }
  18. }else{
  19. if(numer==1){
  20. obrazek1.innerHTML="";
  21. tak[numer]=0;
  22. }
  23. if(numer==2){
  24. obrazek2.innerHTML="";
  25. tak[numer]=0;
  26. }
  27. if(numer==3){
  28. obrazek3.innerHTML="";
  29. tak[numer]=0;
  30. }
  31. }
  32. }
  33.  
  34. <input type="checkbox" name="go" onclick='go(1)'>
  35. <input type="checkbox" name="go" onclick='go(2)'>
  36. <input type="checkbox" name="go" onclick='go(3)'>
  37. <br>
  38. Pierwszy: <span id='obrazek1'></span><br>
  39. Drugi: <span id='obrazek2'></span><br>
  40. Trzeci: <span id='obrazek3'></span>


Napewno można to ładniej napisać ... te if'y zastąpić CASE'em ale tak czy siak działa ;]
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.