Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

bcs_ptx

Selecionando linha

Por , em Javascript

Recommended Posts

bcs_ptx    0

bcs_ptx
Postado

Pessoal fiz um script que quando seleciona com check box a linha fica de uma cor, mas coloquei isso, para ficar colorido em uma input text, como que faço isso para ficar a linha colorida? tipo no id='teste' da tr.

 

abraços

 

<HTML>
<HEAD> 
<style type="text/css">
	.avisa{
		background-color:#0C6;	
	}
	.avisa2{
		background-color:#FFF;	
	}
</style>
<script language="javascript">
function resposta(form){ 
	if(form.check.checked == true){
		document.form.seleciona.className = 'avisa';
	}else{
		document.form.seleciona.className = 'avisa2';
	}
} 
</SCRIPT> 
</HEAD>
<BODY>

Check as vossas escolhas: 
<FORM NAME="form"> 
	<table>
    	<tr id="teste">
        	<td><input type="checkbox" name="check" onClick="resposta(form)"></td>
            <td><input type="text" name="seleciona"></td>
        </tr>
    </table>
</FORM>
</BODY>
</HTML>

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

vc tem q buscar o parentNode até chegar na TR

Compartilhar este post

Link para o post
Compartilhar em outros sites

bcs_ptx    0

bcs_ptx
Postado

Era isso mesmo, Obrigado, mas tipo, uma linha só ele seleciona, a linha teste, mas se eu fizer duas linhas teste ele ja nao aceita, oque posso fazer para nao acontecer isso? Valeu pela ajuda

Compartilhar este post

Link para o post
Compartilhar em outros sites

bcs_ptx    0

bcs_ptx
Postado

sim, mas essa é minha dúvida, como eu faço para não duplica-los? já que fiz um while e ele gera as linhas automáticas

 

<table>
    	<tr>
        	<td colspan="2">check</td>
        </tr>
        <?php
			include('../conexao.php');
			$seleciona = "SELECT * FROM tbl_usuarios";
			$query = mysql_query($seleciona);
			while($dados = mysql_fetch_assoc($query)){
		?>
        <tr id="teste">
        	<td><input type="checkbox" name="seleciona" onClick="resposta()"></td>
            <td><?php echo $dados['nome']; ?></td>
        </tr>
        <?php } ?>
    </table>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

uma opção, é não colocar nada:

 

 

<tr>
ou então concatenar com um contador incremental

Compartilhar este post

Link para o post
Compartilhar em outros sites

bcs_ptx    0

bcs_ptx
Postado

sim, mas se eu nãa colocar nada, oque faço no js? fiz isso aqui, até o momento e no tr deixei assim <tr>

 

function resposta(){ 
	if(form.seleciona.checked == true){
		document.getElementById("teste").parentNode.className = 'avisa';
	}else{
		document.getElementById("teste").parentNode.className = 'avisa2';
	}
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

não não cara..

 

vc vai usar o parentNode apartir do this

Compartilhar este post

Link para o post
Compartilhar em outros sites

bcs_ptx    0

bcs_ptx
Postado

coloquei isso na td, eu clico e ele fica colorido, a ideia agora é clicar denovo e ele sair

 

<td onClick="this.parentNode.className = 'avisa';">

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

assim cara:

 

 

<HTML>
<HEAD> 
<style type="text/css">
.avisa{
background-color:#0C6;
}
.avisa2{
background-color:#FFF;
}
</style>
<script language="javascript">
function resposta(el){
 
if(el.checked === true){
el.parentNode.parentNode.className = 'avisa';
}else{
el.parentNode.parentNode.className = 'avisa2';
}
 
}
</SCRIPT>
</HEAD>
<BODY>
 
Check as vossas escolhas:
<FORM NAME="form">
<table>
    <tr>
        <td><input type="checkbox" name="check" onClick="resposta(this)"></td>
            <td><input type="text" name="seleciona"></td>
        </tr>
    <tr>
        <td><input type="checkbox" name="check" onClick="resposta(this)"></td>
            <td><input type="text" name="seleciona"></td>
        </tr>
    <tr>
        <td><input type="checkbox" name="check" onClick="resposta(this)"></td>
            <td><input type="text" name="seleciona"></td>
        </tr>
    </table>
</FORM>
</BODY>
</HTML>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito