Ir para conteúdo

POWERED BY:

Arquivado

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

thiago_php

site popup

Por , em Javascript

Recommended Posts

thiago_php    0

thiago_php
Postado

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<style>

.selected{

background-color:#fffccc;

}

</style>

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script>

 

 

</script>

<script>

 

var GLArray = new Array();

 

function destaca(id,speed){

if ( verificaArray('', id) == false ) {

var obj = document.getElementById(id);

obj.style.background = '#008B8B';//C7C8C6

}

}

function libera(id){

if ( verificaArray('', id) == false ) {

var obj = document.getElementById(id);

//obj.style.background = '';

corNatural(id); /* retorna à cor natural */

}

}

 

function marca(id){

 

var obj = document.getElementById(id);

 

if ( verificaArray('', id) == false ) {

verificaArray('marca', id)

 

obj.style.background = '#CD2626';

} else {

verificaArray('desmarca', id)

//obj.style.background = '';

destaca(id);

}

 

}

function verificaArray(acao, id) {

var i;

var tamArray = GLArray.length;

var existe = false;

 

for(i=0; i<tamArray; i++) {

 

if ( GLArray == id ) {

existe = true;

break;

}

}

 

if ( (acao == 'marca') && (existe==false) ) {

GLArray[tamArray] = id;

} else if ( (acao == 'desmarca') && (existe==true) ) {

var temp = new Array(tamArray-1); //-1

var pos = 0;

for(i=0; i<tamArray; i++) {

if ( GLArray != id ) {

temp[pos] = GLArray;

pos++;

}

}

 

GLArray = new Array();

var pos = temp.length;

for(i=0; i<pos; i++) {

GLArray = temp;

}

}

 

return existe;

}

function corNatural(id) {

var obj = document.getElementById(id);

//obj.style.background = obj.getAttributeNode('cN').value; /* Para ser usado lendo propriedade cN='cor' do objeto */

if (navigator.userAgent.indexOf('MSIE') !=-1){ //IE

var classe = obj.getAttributeNode('class').value;

} else

var classe ='';

 

if ( classe != '') {

if ( classe == 'lin_par' ) { obj.style.background = '#EAE6D0' } else //'#EAE6D0' //

if ( classe == 'lin_impar' ) { obj.style.background = '#F8F8F1' } //'#F8F8F1'

}

else { obj.style.background = '' }

}

function porratoda(){

alert(GLArray);

$('#pqp').append($("#"+id).clone());

 

}

 

</script>

 

</head>

 

<body>

 

<table id="pqp" border="1">

<tbody>

</tbody>

</table>

 

 

 

<br><br><br><br><br><br>

 

<a href="#" onClick="porratoda();">copia</a>

 

<br><br><br><br><br><br>

 

 

<script>

 

 

 

</script>

</head>

 

<body>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

<table class="rowclick" id="rowclick3" border="1">

<tbody>

<tr id="linha1" onMouseOver="destaca('linha1',-7);" onMouseOut="libera('linha1');" onMouseDown="marca('linha1');" style="cursor:hand;">

<td class="cb"><input type="checkbox" value="yes" /></td>

<td>row 1</td>

</tr>

<tr id="linha2" onMouseOver="destaca('linha2');" onMouseOut="libera('linha2');" onMouseDown="marca('linha2');" style="cursor:hand;">

<td class="cb"><input type="checkbox" value="yes" /></td>

<td>row 2</td>

</tr>

<tr id="linha3" onMouseOver="destaca('linha3');" onMouseOut="libera('linha3');" onMouseDown="marca('linha3');" style="cursor:hand;">

<td class="cb"><input type="checkbox" value="yes" /></td>

<td>row 3</td>

</tr>

</tbody>

</table>

 

</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