pasar datos de un php al mismo php por ajax

geoMente · #1 (**permalink**) 15/04/2010, 13:58

buenas, estoy pasando los datos de una pagina llamada ejemplillo.php a la misma ejemplillo.php mediante ajax, cuando le de click en un boton
los datos se pasan correctamente sólo que no se borra lo el boton de la primera ventana..es decir, que como estoy llamando a la misma pagina me queda el botón de la ventana anterior y tambien el nuevo boton , me qdan dos botones en la misma pagina y necesito que solo me qde uno,,

Ojalá me haya hecho entender

Gracias por las prontas respuestas

danistrein · #2 (**permalink**) 15/04/2010, 14:46

y por que simplemente no creas 2 paginas una donde utilices el ajax y la otra donde este el php.
en caso contrario que no quieras crear las dos paginas, muestra tu código a ver si te podemos ayudar.

geoMente · #3 (**permalink**) 15/04/2010, 15:17

este es ejemplillo.php

<?php

$array1 = $_POST["array1"];
$i = $_POST["i"];
echo($array1.$i);
?>
<html>
<head>
<script src="ejemplo.js"></script>
</head>
<body>
<form id="form1" name="form1">

<input type="button" name="registrarse" id="registrarse" value="registrarse" onclick="cargarContenido()"/>
<div align="center" id="divRegistrar" class="rojo"></div>
<input type="hidden" id="array1" value="<?php echo($array1);?>" />
<input type="hidden" id="i" value="<?php echo($i);?>" />

</form>

</body>
</html>

y el archivo ejemplo.js es el siguiente:

function cargarContenido(){

var array1 = document.getElementById("array1").value;
var i = document.getElementById("i").value;

i = parseInt(i)+5;

ajax = objetoAjax();
ajax.open("POST", "ejemplillo.php",true);
ajax.onreadystatechange=function()
{
if (ajax.readyState==4) {
document.getElementById("divRegistrar").innerHTML = ajax.responseText;
}
}
ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ajax.send("array1="+array1+"&i="+i);

}

Lo que me pasa es que cuando entro a ejemplillo.php ps me sale el boton "registrarse" (hasta hy bn), pero cuando le doy click me salen el botón "registrarse" de antes, los resultados y el otro botón

Como quito el boton de antes solo necesito que me muestre el los resultados y el botón, no q me muetsre además el botón de antes

Gracias

danistrein · #4 (**permalink**) 16/04/2010, 04:50

hola geoMente, bueno al ejecutarse el la funcion luego que haces el innerHTML, oculta el boton asi:

Código Javascript:

Ver originaldocument.getElementById("registrarse").style.visibility="hidden";

Resultado:

Código Javascript:

Ver originalfunction cargarContenido(){
 
var array1 = document.getElementById("array1").value;
var i = document.getElementById("i").value;
 
i = parseInt(i)+5;
 
ajax = objetoAjax();
ajax.open("POST", "ejemplillo.php",true);
ajax.onreadystatechange=function()
{
if (ajax.readyState==4) {
document.getElementById("divRegistrar").innerHTML = ajax.responseText;
document.getElementById("registrarse").style.visibility="hidden"; 
}
}
ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ajax.send("array1="+array1+"&i="+i);
 
}

eso permitira que oculte el primer botón.

geoMente · #5 (**permalink**) 16/04/2010, 09:50

gracias,, si pone invisible el botón, pero el problema es que me deja ese espacio en blanco,, lo solucioné eliminando de todo el botón poniendo en el js:

boton = document.getElementById("registrarse");
padre = boton.parentNode;
padre.removeChild(boton);

Gracias por la ayuda

:D