Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Galera, sou programador php e estou em apuros com javascript
tenho uma tabela gerada por dados do mysql e em cada linha tenho um checkbox
nesta tabela consegui implementar algumas funcoes javascript, tipo
qdo passamos o mouse a linha muda de cor, quando clicamos na linha ela permanece a cor e marca o checkbox
qdo clicamos novamente na linha ela desmarca o checkbox e a cor da linha volta ao padrão e tambem uma funcao de validação..até aqui beleza
tenho tbem um checkbox no inicio da tabela q seleciona todos os outros q estao abaixo, isso funciona,
porém qdo uso o selecionar todos a cor dos checkbox selecionados naum muda..apenas seleciona o checkbox..
alguém pode me ajudar?
abaixo meu código, detalhe, está pagina eh incluida dentra da index.php
<?php
/ -----------------------------------------------------------------/
/ Sistema de Administração UP Solutions /
/ -----------------------------------------------------------------/
session_start();
if ($_SESSION['autentica']==""){ //verifica se a sessao ainda existe
header('location:'.$CFG->admin.'/login.php'); //se nao existe redireciona para a pagina de login
}
?>
<script language=javascript type="text/javascript">function CheckAll() {//esta funcao faz com q o primeiro checkbox selecione todos os outros
for (var i=0;i<document.form1.elements.length;i++) {
var x = document.form1.elements[i];
x.checked = document.form1.selall.checked;
}
}function validaCheckbox(v)//esta funcao faz a validacao dos checkbox
{
todos = document.getElementsByTagName('input');
for(x = 0; x < todos.length; x++)
{
if (todos[x].checked)
{
return confirm('Deseja realmente excluir os registros selecionados?'); return false;
}
}
alert("Nenhum registro foi selecionado!");
return false;
}
function mudar_cor(linha)//esta funcao muda a cor da linha clicada e seleciona o checkbox var chk = linha.getElementsByTagName("input");
chk[0].checked = !chk[0].checked;
if(chk[0].checked)
{
linha.style.backgroundColor = "#c0c0c0";
}
else
{
linha.style.backgroundColor = "";
}
}
function mudar_cor_chk(obj)//esta funcao faz com q selecione o checkbox ao clicar sobre ele var tab = document.getElementById("tab");
obj.checked = !obj.checked;
}
function hoverEmu() var navItems = document.getElementById("tab").getElementsByTagName("tr");
/*
navItems.length esse é o total de "tr" encontradas dentro do id assim executo um for de varredura,
para ver se o mouse está sobre aquela "tr" ou não
*/
for (var i=0; i<navItems.length; i++)
{
navItems[i].onmouseover=function() { this.className += "over"; } //Mouse sobre a "tr" adiciona a class over a essa "tr"
navItems[i].onmouseout=function() { this.className = ""; }// Mouse fora da "tr" remove a class over da "tr"
}
/*
a função é chamada desde o inicio do carremento pagina.
*/
}
</script>
<div id="top"><img alt="" src="<?php echo $CFG->admin ?>/imagens/icones/page.png" width="48" height="48" /></div><h3 class="storytitle">Páginas</h3>
<div class="storycontent">
<h4>Listando todas as páginas</h4>
<br />
<?php if(isset($_GET['apagado'])){ ?>
<span class="cadastrado">Registros excluidos com sucesso! </span><br /><br /><br />
<?php }?>
<form name="form1" onSubmit="return validaCheckbox(this);" action="<?php echo $CFG->admin ?>/funcoes/&funcao=apagar_pagina" method="post">
<table id="tab" width="100%" border="0" cellspacing="0" cellpadding="0">
<thead>
<tr class="titCol">
<th style="width: 4%; text-align: center; border-right: none;"><input type=checkbox name="selall" onclick="CheckAll()"></th>
<th style="width: 8%; text-align: center; border-right: none;"><a href="&order=id"><?php if ($_GET['order'] == "id"){ ?>Cód<img alt="" src="<?php echo $CFG->admin ?>/imagens/icones/sortup.gif" width="10" height="9" /><?php } else { echo "Cód"; }?></a></th>
<th style="width: 82%; text-align: center; border-right: none;"><a href="&order=titulo"><?php if ($_GET['order'] == "titulo"){ ?>Título<img alt="" src="<?php echo $CFG->admin ?>/imagens/icones/sortup.gif" width="10" height="9" /><?php } else { echo "Título"; }?></a></th>
<th class="divf" style="width: 6%; text-align: center;">Opções</th>
</tr>
<thead>
<?php
if ($_GET['order'] !=""){
$order = $_GET['order'];
}
else {
$order = "id";
}
$pagina = new Mysqlfunctions();
$sql = ("SELECT * FROM up_paginas order by ".$order." asc");
$qry = $pagina->runQuery($sql);
$cnt = 0; if ($a==1){
?>
<tr id="linha1" bgcolor="#f5f5f5" onclick="mudar_cor(this)">
<td align="center" class="color"><input type="checkbox" onclick="mudar_cor_chk(this);" name="check<?php echo $cnt?>" id="check<?php echo $cnt?>" value="<?php echo $dados['id'] ?>" /></td>
<td align="center" class="color"><?php echo $dados['id'] ?></td>
<td class="color"><?php echo $dados['titulo'] ?></td>
<td align="center" class="nocolorf"><a title="Editar" href="<?php echo $CFG->admin."/editar_pagina/".$dados['id'] ?>"><img alt="" src="<?php echo $CFG->admin ?>/imagens/icones/edit.gif" width="16" height="16" /></a></td>
</tr>
<?php
$a=0;
}
else{
?>
<tr id="linha2" bgcolor="#fafafa" onclick="mudar_cor(this)">
<td align="center"><input type="checkbox" onclick="mudar_cor_chk(this);" name="check<?php echo $cnt?>" id="check<?php echo $cnt?>" value="<?php echo $dados['id'] ?>" /></td>
<td align="center"><?php echo $dados['id'] ?></td>
<td><?php echo $dados['titulo'] ?></td>
<td align="center" class="nocolorf"><a title="Editar" href="<?php echo $CFG->admin."/editar_pagina/".$dados['id'] ?>"><img alt="" src="<?php echo $CFG->admin ?>/imagens/icones/edit.gif" width="16" height="16" /></a></td>
</tr>
<?php
$a=1;
}
$cnt = $cnt + 1;
}
?>
</table>
<br />
<input type="hidden" id="totalCNT" name="totalCNT" value="<?php echo $cnt?>" />
<input type="submit" value="Apagar selecionados" />
</form>
</div>
<div class="meta">
<span>Número de registros encontrados: <?php echo $pagina->num_rows($sql) ?></span>
</div>
e o css para mudar a cor da linha quando o mouse esta sobre ela:
#linha1:hover, #linha1 .over {
background:#c0c0c0;
}
#linha2:hover, #linha2 .over {
background:#c0c0c0;
}Carregando comentários...