[Resolvido] Cadastro com Ajax não funciona apos um GET

[paulo~* 0]

Olá.

 

Estou com um probleminha...

 

Eu estou fazendo um sistema de agenda.

 

Quando eu clicko para ver uma "Agenda" aparece via "ajax - GET" o formulario, e dentro desse formulario eu aperto para Editar via "ajax - GET".

 

Mais quando eu aperto editar para edito o registro, ele não funciona ele da o restart para página e volta para o inicio.

 

Porem, se eu abrir o arquivo de Edição em uma página diferente, ele funciona normalmente.

 

Alguem sabe o que pode ser?

 

Codigos abaixo:

 

Ajax.js

 

function ajax(url) { 
	req = null; 
	if (window.XMLHttpRequest) { 
		req = new XMLHttpRequest(); 
		req.onreadystatechange = processReqChange; 
		req.open("GET",url,true); 
		req.send(null); 
	} else if (window.ActiveXObject) { 
		req = new ActiveXObject("Microsoft.XMLHTTP");	 
		if (req) { 
			req.onreadystatechange = processReqChange; 
			req.open("GET",url,true); 
			req.send(); 
		} 
	} 
} 

function processReqChange() { 

	if (req.readyState == 4) { 
		if (req.status == 200) { 
			document.getElementById('verCallsIFRAME').innerHTML = req.responseText;
		} else { 
			alert("Houve um problema ao obter os dados: " + req.statusText); 
		} 
	} 
} 

function editar(url) { 
	req = null; 
	if (window.XMLHttpRequest) { 
		req = new XMLHttpRequest(); 
		req.onreadystatechange = editarProcessReqChange; 
		req.open("GET",url,true); 
		req.send(null); 
	} else if (window.ActiveXObject) { 
		req = new ActiveXObject("Microsoft.XMLHTTP");	 
		if (req) { 
			req.onreadystatechange = editarProcessReqChange; 
			req.open("GET",url,true); 
			req.send(); 
		} 
	} 
} 

function editarProcessReqChange() { 

	if (req.readyState == 4) { 
		if (req.status == 200) { 
			document.getElementById('verCallendar').innerHTML = req.responseText;
		} else { 
			alert("Houve um problema ao obter os dados: " + req.statusText); 
		} 
	} 
} 

Index.php

 

<script type="text/javascript" src="escritorio/js/ajax.js"></script> 
						<script type="text/javascript"> 
                            function verCalendario(valor) {
                                url="escritorio/verCalendario.php?ver="+valor; 
                                ajax(url); 
								$("#verCallsIFRAME").show('slow');	
                            } 
							function editarCalendario(valor) {
                                url="escritorio/editarCalendario.php?ver="+valor; 
                                editar(url); 
								$(".editarCallendar").show('slow');	
                            } 
							function editarCalendario2(valor) {
                                url="escritorio/editarCalendario.php?ver="+valor; 
                                ajax(url); 
								$("#verCallsIFRAME").show('slow');	
								$(".editarCallendar").show('slow');	
                            } 
                        </script> 

<div id="listaCall">
                    	<div id="verCallsIFRAME" class="verCals">
                    		
						</div>
                        <table class="data" width="100%" cellpadding="0" cellspacing="0">
							<tbody>
                            <?php while($lnhCalendar = mysql_fetch_assoc($qryCalendar)) { ?>
                                  <tr id="verCallTR<?php echo $lnhCalendar['cl_id']; ?>">
									<td width="20"><?php echo date("H:i", strtotime($lnhCalendar['cl_horario'])); ?></td>
									<td width="600">
                                    	<a href="#CadView" onclick="verCalendario(<?php echo $lnhCalendar['cl_id']; ?>)">
											<?php echo $lnhCalendar['cl_nome']; ?>
										</a>
									</td>
									<td>
										<a href="#CadView" title="Editar" onclick="editarCalendario2(<?php echo $lnhCalendar['cl_id']; ?>)">
                                        	<img src="escritorio/images/icon_edit.png" /></a>
										<a href="#" title="Fechar">
                                        	<img src="escritorio/images/icon_delete.png" />
                                        </a>
									</td>
								</tr>
							<?php } ?>
							</tbody>
						</table>
                    </div>

editarCalendario.php

 

<?php require("../Connections/Conn.php"); ?>
<?php include("dados.php"); ?>
<script type="text/javascript" src="js/jquery.livequery.js"></script>
<script type="text/javascript" language="javascript">
function objXMLHttp() {
	
	if (window.XMLHttpRequest) {
		var objetoXMLHttp = new XMLHttpRequest();	
		return objetoXMLHttp;
	} else if (window.ActiveXObject) {
		var versoes = ["MSXML2.XMLHttp.6.0","MSXML2.XMLHttp.5.0","MSXML2.XMLHttp.4.0","MSXML.XMLHttp.3.0","MSXML2.XMLHttp","Microsoft.XMLHttp"];
		
		for(var i = 0; i < versoes.length; i++) {
			try {
				var objetoXMLHttp = new ActiveXObject(versoes[i]);
				return objetoXMLHttp;	
			} catch (ex) {
					
			}
		}
	}	
	return false;
}
function getDados(objForm) {
	var params = new Array();
	for(var i = 0; i < objForm.elements.length; i++) {
		var parametro = encodeURIComponent(objForm.elements[i].name);
		parametro += "=";
		parametro += encodeURIComponent(objForm.elements[i].value);
		params.push(parametro);	
	} 	
	return params.join("&");
}
function setDados(objForm) {
	for(var i = 0; i < objForm.elements.length-1; i++) {
		objForm.elements[i].value="";	
	}
}
function enviar(formulario) {
	var dados = getDados(formulario);	
	var oXMLHttp = objXMLHttp();
	oXMLHttp.open("POST","escritorio/op_editarCalendario.php",true);
	oXMLHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	oXMLHttp.onreadystatechange = function() {
		if(oXMLHttp.readyState == 4) {
			if(oXMLHttp.status == 200) {
				mensagem(oXMLHttp.responseText);
				setDados(formulario);	
			} else {
				mensagem("Ocorreu o erro: "+ oXMLHttp.statusText);	
			}
		}
	};
	oXMLHttp.send(dados);
	return false;
}
function mensagem(msg){
	document.getElementById('status').innerHTML = msg;	
}
</script>
<div id="dadosFormCad">
	<div id="status"></div>
    <form id="form1" name="form1" method="post" action="" onsubmit="return enviar(this);">
        <fieldset>
            <div>O que:</div>
            <label><input type="text" name="nome" value="<?php echo $lnhViewCalendar['cl_nome']; ?>" /></label>
        </fieldset>
        <fieldset>
            <div>Quando:</div>
            <label><input type="text" name="data" value="<?php echo $lnhViewCalendar['cl_data']; ?>" /></label>
        </fieldset>
        <fieldset class="horario">
            <div>Horário:</div>
            <label>
                <select name="hor1" id="hor1">
                    <?php
                        for($i = 00; $i <= 23; $i++) {
                            if($lnhViewCalendar['cl_horario'] == $i) {
                                echo "<option value='$i' selected>$i</option>";
                            } else {
                                echo "<option value='$i'>$i</option>";
                            }
                        }
                    ?>
                </select> 
                :
            </label>
            <label><input type="text" name="hor2" id="hor2" size="4" value="<?php echo date("i", strtotime($lnhViewCalendar['cl_horario1'])); ?>" /></label>
            <div class="horarioAS">às:</div>
            <label>
                <select name="hor3" id="hor3">
                    <?php
                        for($i = 00; $i <= 23; $i++) {
                            if($lnhViewCalendar['cl_horario1'] == $i) {
                                echo "<option value='$i' selected>$i</option>";
                            } else {
                                echo "<option value='$i'>$i</option>";
                            }
                        }
                    ?>
                </select>
                :
            </label>
            <label><input type="text" name="hor4" id="hor4" size="4" value="<?php echo date("i", strtotime($lnhViewCalendar['cl_horario1'])); ?>" /></label>
        </fieldset>
        <fieldset>
            <div>Descrição:</div>
            <label><textarea name="desc" id="desc"><?php echo $lnhViewCalendar['cl_descricao']; ?></textarea></label>
        </fieldset>
		<br>
        <input type="hidden" name="editar" id="editar" value="<?php echo $_GET['ver']; ?>" />
        <input type="submit" name="submit" id="submit" value="Editar" />
    </form>
</div>

Isso ae pessoal, se alguem poder me ajudar, agradecerei muitoo!!

 

Vlw.

[William Bruno 1501]

javascript carregado com ajax não funciona.

 

deixe todo o código js, na página que já foi previamente chamada.

[paulo~* 0]

javascript carregado com ajax não funciona.

 

deixe todo o código js, na página que já foi previamente chamada.

 

Vlw... eu tentei a noite toda.. e nda... então eu fiz sem o ajax, e depois eu atualizo com Ajax, porq eu ainda sou iniciante.

 

Vlw.