Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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>Carregando comentários...