[Resolvido] checkbox checked e unchecked

[franksniper 0]

Fala ae galera, beleza?

 

Bom estou tentando integrar javascript no php, não sou muito bom em javascript nao, tento me virar.

 

Estou tentando fazer o seguinte, quando seleciono um checkbox, aparece uma imagem, até ae está funcionando com o código abaixo, mas quero que quando eu desmarcar desapareça a imagem.

 

Pelo o que andei lendo, tenho que ve se ta checado, se tiver checado eu mostro senao tiver eu tiro, mas tentei aqui e não consegui, talvez eu não esteja enxergando o erro, peço a ajuda d vcs..

 

vlwww

 

<script type="text/javascript">
			function addImg(src){

				divImagem = document.getElementById('veiculo');
				divImagem.innerHTML += '<img src="/honda3d/images/acessorios/'+src+'"/>';

			}
		</script>
	   	<?php

		$idcor = $_GET["idcor"];

		$qryAcessorios = $con->query("SELECT AC.idac, AC.img1, AC.img2, A.nome, A.descricao, A.valor, A.imagem FROM acessorios A, acessorios_has_cores AC WHERE AC.idvc = '{$idcor}'  ORDER BY A.nome ASC");
		$total_ac = $qryAcessorios->numRows();



		if($total_ac >= 1){
			$rowsAcessorios = $qryAcessorios->fetchAll();
			echo "<form name='form' method='post' action='' onsubmit='return addImg(this)'>";
			echo "<table width='100%'>";
			foreach($rowsAcessorios as $row){

				echo "<tr onMouseOver='color(this,1)' onMouseOut='color(this,0)' id='color'>";
				echo "<td width='15%' align='center' ><input type='checkbox' name='escolha' onclick='addImg(\"$row->imagem\")' /></td>";
				echo "<td width='70%' align='left' >{$row->nome}</td>";
				echo "<td width='15%' align='center' >".number_format($row->valor,2,",",".")."</td>";
				echo "</tr>";
			}
			echo "</table>";
			echo "</form>";
		} else {
			echo (!$idveiculo) ? "<br /><br /><b>Selecione um veículo.</b>" : "<br /><br /><b>Selecione uma cor.</b>";
		}
		?>		  

 

tentei por um if ali mas nao está dando certo...

 

<script type="text/javascript">

function addImg(src){

 

if(src.escolha.checked == true){

divImagem = document.getElementById('veiculo');

divImagem.innerHTML += '<img src="/honda3d/images/acessorios/'+src+'"/>';

}else{divImagem.innerHTML -= '<img src="/honda3d/images/acessorios/'+src+'"/>';}

 

 

}

</script>

[Denis_Uyeda 0]

Acho que tem um pequeno erro no seu segundo código... você está dizendo ali que o checkbox está dentro do src, o que não é o caso :mellow:

 

Tente deixar a sua função javascript assim:

 

function addImg(src){
	divImagem = document.getElementById('veiculo');
	if (form.escolha.checked == true){                                   
		divImagem.innerHTML += '<img src="/honda3d/images/acessorios/'+src+'"/>';
	}
	else{                                           
		divImagem.innerHTML -= '<img src="/honda3d/images/acessorios/'+src+'"/>';
	}
}

;)

[Victor Cometti 8]

roda isso e adapta ao seu caso!

esse inseri botões é só modificar para inserir imagens

<script>
	function add_del_img(src,id) {
                //pega a sua div veiculo
		var objPai = document.getElementById("veiculo");
                //verifica se o check está marcado
		if(!document.getElementById(id).checked){
                        //pega a subdiv que criou para colocar o botão
                        var objFilho = document.getElementById("filho"+id);
			//Removendo o DIV com id específico do nó-pai:
			var removido = objPai.removeChild(objFilho);
		}
		else{//nesse caso cria a uma subdiv que recebe o botão
           	        //Criando uma subDIV para inserir o botão;
			var objFilho = document.createElement("div");
			//Definindo atributos ao objFilho:
			objFilho.setAttribute("id","filho"+id);
			//Inserindo a subDIV na DIV veiculo
			objPai.appendChild(objFilho);
			//inserindo o botão na subDIV criada
			document.getElementById("filho"+id).innerHTML += '<input type=button value="botao '+src+'">';
		}
	}
</script>
<div id="veiculo"></div>
<?php
$teste = array('a','b','c','d','e','f','g','h','i','j');
foreach($teste as $item=>$value){
	echo "<input type='checkbox' id={$item} name='escolha' onclick=add_del_img(\"$value\",\"$item\")>{$value}";
}
?>

[franksniper 0]

Acho que tem um pequeno erro no seu segundo código... você está dizendo ali que o checkbox está dentro do src, o que não é o caso :mellow:

 

Tente deixar a sua função javascript assim:

 

 

function addImg(src){	divImagem = document.getElementById('veiculo');	if (form.escolha.checked == true){                                   		divImagem.innerHTML += '<img src="/honda3d/images/acessorios/'+src+'"/>';	}	else{                                           		divImagem.innerHTML -= '<img src="/honda3d/images/acessorios/'+src+'"/>';	}}

 

 

Fala Denis, beleza?

 

Kra eu ja tinha tentado isso ae também, e nao funciona!

Não aparece nada!

=/

 

;)

[visitante_xp 0]

Você ta chamando a função quando clica?? onclick();?

[franksniper 0]

sim...

 

onclick='addImg(\"$row->imagem\")' />

[Victor Cometti 8]

testou o codigo que eu te postei??

[franksniper 0]

testou o codigo que eu te postei??

 

kra teu código ta meio fora do que estou precisando.

vlww!

[visitante_xp 0]

Hmm... Curioso, o if(..checked == true) deveria dar resultado.

 

Espere ou peça para a moderação mover o tópico para o Javascript.

 

Qual o intuito dos checkboxes?

[Victor Cometti 8]

cara pelo que eu intendi você keria era isso,

 

adaptei ao teu codigo

olha isso, meu codigo dentro do seu codigo

roda da forma que está

<script>
	function add_del_img(src,id) {
        //pega a sua div veiculo
		var objPai = document.getElementById("veiculo");
        //verifica se o check está marcado
		if(!document.getElementById(id).checked){
            //pega a subdiv que criou para colocar o botão
            var objFilho = document.getElementById("filho"+id);
			//Removendo o DIV com id específico do nó-pai:
			var removido = objPai.removeChild(objFilho);
		}
		else{//nesse caso cria a uma subdiv que recebe o botão
           	//Criando uma subDIV para inserir o botão;
			var objFilho = document.createElement("div");
			//Definindo atributos ao objFilho:
			objFilho.setAttribute("id","filho"+id);
			//Inserindo a subDIV na DIV veiculo
			objPai.appendChild(objFilho);
			//inserindo o botão na subDIV criada
			document.getElementById("filho"+id).innerHTML += '<img src="/honda3d/images/acessorios/'+src+'"/>';
		}
	}
</script>
<?php
    $idcor = $_GET["idcor"];
	$qryAcessorios = $con->query("SELECT AC.idac, AC.img1, AC.img2, A.nome, A.descricao, A.valor, A.imagem FROM acessorios A, acessorios_has_cores AC WHERE AC.idvc = '{$idcor}'  ORDER BY A.nome ASC");      
	$total_ac = $qryAcessorios->numRows();                         
	if($total_ac >= 1){      
		$rowsAcessorios = $qryAcessorios->fetchAll();                         
		echo "<form>";        
		echo "<table width='100%'>";                               
		foreach($rowsAcessorios as $item=>$row){                                                                              
			echo "<tr onmouseover='color(this,1)' onmouseout='color(this,0)' id='color'>";                                        
			echo "<td width='15%' align='center' ><input type='checkbox' name='escolha[]' id={$item} onclick='add_del_img(\"$row->imagem\",\"$item\")' /></td>";                                      
			echo "<td width='70%' align='left' >{$row->nome}</td>";                                      
			echo "<td width='15%' align='center' >".number_format($row->valor,2,",",".")."</td>";   
			echo "</tr>"; 
		}	                   
		echo "</table>";                                
		echo "</form>";                        
	} else {                                
		echo (!$idveiculo) ? "<br /><br /><b>Selecione um veículo.</b>" : "<br /><br /><b>Selecione uma cor.</b>"; 
	}                        
?>      
<div id="veiculo"></div>

[franksniper 0]

Vitor, deu certo!

vlwww

Obrigado