onclick i wstawienie obrazka Opcje

[cornholio666]

witam!
mam takie cos:

pole typu checkbox

[HTML] pobierz, plaintext 
<input type="checkbox" name="go" onclick='go()'>
[HTML] pobierz, plaintext 

chcialbym zeby po zaznaczeniu pola wywolala sie funckja go() ktora wstawi obrazek na stronie w odpowiednim miejscu do wstawiania obrazka uzywam

[HTML] pobierz, plaintext 
<div STYLE="position:absolute; left:326; top:332; visibility: inherit; 
                       overflow: visible;">
            <img src="dioda2.jpg">
            </div>
[HTML] pobierz, plaintext 

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]

[HTML] pobierz, plaintext 
<script language='JavaScript'>
var tak = 0;
function go(){
  if(tak == 0){
    obrazek.innerHTML="<img src='dioda2.jpg'>";
    tak=1;
  }else{
    obrazek.innerHTML="";
    tak=0;
  }
}
</script>
 
<input type="checkbox" name="go" onclick='go()'>
<br>
<span id='obrazek'></span>
[HTML] pobierz, plaintext 

Ten post edytował Kuziu 15.01.2005, 13:00:35

[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.

Ten post edytował Kuziu 15.01.2005, 12:53:13

[cornholio666]

wszytko super. Jeszcze bym chcial tak (jak sie da ) )

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

[HTML] pobierz, plaintext 
<script language="javascript">
var tak = 0;
function go(){
if(tak == 0){
obrazek.innerHTML="<img src='dioda2.jpg'>";
tak=1;
}else{
obrazek.innerHTML="";
tak=0;
}
}
</script>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div STYLE="position:absolute; left:391; top:332; visibility: inherit; 
                       overflow: visible;"><span id='obrazek'><img src="cz_dioda.jpg" alt=""></span> 
             </div>
 
<div STYLE="position:absolute; left:111; top:232; visibility: inherit; 
                       overflow: visible;"><span id='obrazek'><img src="cz_dioda.jpg" alt=""></span> 
             </div>
[HTML] pobierz, plaintext 

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]

[HTML] pobierz, plaintext 
<script language='JavaScript'>
var tak = new Array(4);
 
function go(numer){
  if(tak[numer] != 1){
    if(numer==1){
      obrazek1.innerHTML="<img src='dioda2.jpg'>";
      tak[numer]=1;
    }
    if(numer==2){
      obrazek2.innerHTML="<img src='dioda2.jpg'>";
      tak[numer]=1;
    }
    if(numer==3){
      obrazek3.innerHTML="<img src='dioda2.jpg'>";
      tak[numer]=1;
    }
  }else{
    if(numer==1){
      obrazek1.innerHTML="";
      tak[numer]=0;
    }
    if(numer==2){
      obrazek2.innerHTML="";
      tak[numer]=0;
    }
    if(numer==3){
      obrazek3.innerHTML="";
      tak[numer]=0;
    }
  }
}
</script>
 
<input type="checkbox" name="go" onclick='go(1)'>
<input type="checkbox" name="go" onclick='go(2)'>
<input type="checkbox" name="go" onclick='go(3)'>
<br>
Pierwszy: <span id='obrazek1'></span><br>
Drugi: <span id='obrazek2'></span><br>
Trzeci: <span id='obrazek3'></span>
[HTML] pobierz, plaintext 

Napewno można to ładniej napisać ... te if'y zastąpić CASE'em ale tak czy siak działa ;]