Ir para conteúdo

POWERED BY:

Arquivado

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

eronventer

Loop com Jquery

Por , em Javascript

Recommended Posts

eronventer    2

eronventer
Postado

Ae pessoal!!

 

Através do jquery eu faço uma requisição ajax para carregar alguns registros e carregar uma certa quantidade de campos a serem preenchidos, porem como quero definir a mascara para estes campos carregados uso o for após efetuar o carregamento, mas o mesmo não funciona já que os campos estão vindo de uma requisição ajax, gostaria de saber como posso resolver. Alguém tem ideia?

 

$('select[@name=qtde_rotas]').change(function()
	{
		$("#loader").ajaxStart(function(){ $(this).show(); $("#rotas").hide(); });
		$("#rotas").ajaxStop(function(){ $("#loader").hide(); $(this).show(); parent.resizeIframe('conteudo'); });
		$.post("inserir_rotas.php", { total: $(this).val() }, function(data){ 
			$("#rotas").empty().html(data); 
			
			for (i=0; i<$(this).val(); i++)	
			{
				$('input[@name=partz_'+i+']').mask('99:99');
				$('input[@name=decz_'+i+']').mask('99:99');
				$('input[@name=pousoz_'+i+']').mask('99:99');
				$('input[@name=cortez_'+i+']').mask('99:99');
			}	
		});
	});

Compartilhar este post

Link para o post
Compartilhar em outros sites

JunioR-CWB    0

JunioR-CWB
Postado

Na minha opnião, você deveria trabalhar com xml. Ao invés de retornar responseText, você pode trabalhar via loop com os elementos recebidos do xml.

 

 

Ex:

imasters_ajax.php (xml)

<?php
header("Content-type: text/xml; charset=ISO-8859-1");

// Data no passado
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");

// Sempre modificado
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");

// HTTP/1.1
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);

// HTTP/1.0
header("Pragma: no-cache");
sleep(1);
?>
<teste>
	<botao><value>Botão do ajax</value></botao>
	<botao><value>Botão do ajax</value></botao>
	<botao><value>Botão do ajax</value></botao>
</teste>

imasters_ajax.html

<html>
<head><title>:: jQuery ::</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="JavaScript" type="text/javascript" src="jquery/jquery-1.2.6.pack.js"></script>
</head>
<script>
$(function(){
	var eventoNoBotao = function() {
		alert(this.value)
	};
	
	var $form = $('form');
	
	$form.find(':button').bind('click',eventoNoBotao);
	
	$('button').bind('click',function(){
		$.ajax({
			type: 'GET',
			url: 'imasters_ajax.php',
			dataType: 'xml',
			success: function(xml){
				$('teste > botao',xml).each(function(k){
					var div = document.createElement('div');
					
					$(document.createElement('input')).attr({
						type:'button',
						value:$(this).text()+' '+parseInt(k+1)
					}).bind('click',eventoNoBotao).appendTo(div);
					
					$(div).appendTo($form);
				});
			}
		});
	});
});
</script>
<style>
</style>
<body>
<form>
	<div><input type="button" value="Default" /></div>
</form>
<button>Mais botões</button>
</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