Ir para conteúdo

POWERED BY:

Arquivado

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

PauloRJ

JavaScript não funciona em div

Recommended Posts

Estou com um sistema de busca, no qual é uso AJAX para mostrar o resultado.

 

O Usuario vai digitando as Letras do Nome que deseja e o sistema vai buscando e exibindo as possibilidades com aquele conjunto de letras ate o filtro total apos digitar todo nome.

 

 

Função java script: Ao rolar o mouse em cima de cada linha ele seleciona a liha ( <tr> ) por inteiro ponta a ponta e como cada linha ( <tr> ) tem um checkbox ao click em qualquer area da linha ele seleciona o checkbox.

 

PS: Na index.php não funciona o javascript ná página acessada diretamente funciona por ele conseguir e carregar o javascript.

PS2: Estou o java corretamente.

 

Página principal - index,php

 

function recuperardados() {var nome = document.form.nome.value;var ajax = new AJAX();ajax.Updater("busca_lsitar.php?id="+nome,"conteudo","get","carregando os dados...");}

 

 

E o resultado é exibido na página pricnipal (index.php) assim:

 

<div id="conteudo"></div>

 

 

 

 

Sendo que tenho uma função em JavaScript que o conteudo da div não recebe as propriedades do JavaScript (resultados gerados do AJAX)

 

 

Podemos identificar o problema pela seguinte maneira.

 

Solicitei o codigo fonte da index.php

 

<div id="conteudo"></div>

 

Agora o codigo fonte da busca_listar.php

- No caso aqui eu acesso diretamente a página setando os valores do get.

O codigo fonte é gerado ao contrario da div com isso aceita e Lê o codigo javascript

 

<tr class="odd"><td><div align="center"><input type="checkbox" name="marcar"></div></td><td><a href="busca_editar.php?id=10"><img src="img/editar.png" border="0" alt="Editar INV029740" /></a></td><td>DFFO-3</td><td>CLIN164</td><td bgcolor="#cccccc">INV029740</td><td>0195401</td><td>0195639</td><td>0200541</td><td>0195708</td><td>0195457</td></tr><tr class="odd"><td><div align="center"><input type="checkbox" name="marcar"></div></td><td><a href="busca_editar.php?id=36"><img src="img/editar.png" border="0" alt="Editar INV029741" /></a></td><td>DPES</td><td>CLIN134</td><td bgcolor="#cccccc">INV029741</td><td>0195371</td><td>0195665</td><td>0195554</td><td>0195696</td><td>0195447</td></tr>

 

Função JavaScript

var marked_row = new Array;/** * enables highlight and marking of rows in data tables * */function PMA_markRowsInit() {	// for every table row ...	var rows = document.getElementsByTagName('tr');	for ( var i = 0; i < rows.length; i++ ) {		// ... with the class 'odd' or 'even' ...		if ( 'odd' != rows[i].className.substr(0,3) && 'even' != rows[i].className.substr(0,4) ) {			continue;		}		// ... add event listeners ...		// ... to highlight the row on mouseover ...		if ( navigator.appName == 'Microsoft Internet Explorer' ) {			// but only for IE, other browsers are handled by :hover in css			rows[i].onmouseover = function() {				this.className += ' hover';			}			rows[i].onmouseout = function() {				this.className = this.className.replace( ' hover', '' );			}		}		// Do not set click events if not wanted		if (rows[i].className.search(/noclick/) != -1) {			continue;		}		// ... and to mark the row on click ...		rows[i].onmousedown = function() {			var unique_id;			var checkbox;			checkbox = this.getElementsByTagName( 'input' )[0];			if ( checkbox && checkbox.type == 'checkbox' ) {				unique_id = checkbox.name + checkbox.value;			} else if ( this.id.length > 0 ) {				unique_id = this.id;			} else {				return;			}			if ( typeof(marked_row[unique_id]) == 'undefined' || !marked_row[unique_id] ) {				marked_row[unique_id] = true;			} else {				marked_row[unique_id] = false;			}			if ( marked_row[unique_id] ) {				this.className += ' marked';			} else {				this.className = this.className.replace(' marked', '');			}			if ( checkbox && checkbox.disabled == false ) {				checkbox.checked = marked_row[unique_id];			}		}		// ... and disable label ...		var labeltag = rows[i].getElementsByTagName('label')[0];		if ( labeltag ) {			labeltag.onclick = function() {				return false;			}		}		// .. and checkbox clicks		var checkbox = rows[i].getElementsByTagName('input')[0];		if ( checkbox ) {			checkbox.onclick = function() {				// opera does not recognize return false;				this.checked = ! this.checked;			}		}	}}window.onload=PMA_markRowsInit;

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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