Javascript y php error...

zornak · #1 (**permalink**) 08/08/2009, 08:43

Buenas, estube buscando alternativas al Iframe, y encontre que se podia hacer algo parecido con javscript.

Código:

function ajaxFunction() {
  var xmlHttp;
  
  try {
   
    xmlHttp=new XMLHttpRequest();
    return xmlHttp;
  } catch (e) {
    
    try {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      return xmlHttp;
    } catch (e) {
      
	  try {
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        return xmlHttp;
      } catch (e) {
        alert("Tu navegador no soporta AJAX!");
        return false;
      }}}
}




function Enviar(_pagina,capa) {
    var ajax;
    ajax = ajaxFunction();
    ajax.open("POST", _pagina, true);
    ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

    ajax.onreadystatechange = function() {
		if (ajax.readyState==1){
			document.getElementById(capa).innerHTML = " Aguarde por favor...";
			     }
		if (ajax.readyState == 4) {
		   
                document.getElementById(capa).innerHTML=ajax.responseText; 
		     }}
			 
	ajax.send(null);
}

esas son las funciones, y en los link pongo:

Código:

<a href="javascript:Enviar('modulos/home.php','content_centro')" class="boton">Inicio</a>

Pero la cosa es...

En una de esas paginas, tengo un formulario, y en php tengo que si un campo queda vacio de error con: if (tal) echo "taltal"

la cosa es que el mesaje del echo, me sale en un apagina en blanco, y no en el formulario...

alguna idea??

paridin · #2 (**permalink**) 08/08/2009, 12:48

Hola , te recomiendo que uses jquery lo puedes bajar desde su pagina oficial dale jquery . com
por que usar esa librieria , es mas facil que usar ajax puro bueno al menos para mi es más facil un ejemplo te puedo dar para hacer lo que tu quieres , mira seria algo asi

Código index.html:

Ver original<html>
<head><title>Ejemplo de uso de jquery por paridin </title>
<!-- Incluimos la libreria jquery -->
<script languaje="javascript" type="text/javascript" src="jquery"></script>
<script languaje="javascript" type="text/javascript" >
<!-- Crearemos la funcion que tu utilizas -->
 
function cargarPHP(){
 
             var nombre = document.getElementById('nombre');
             var edad =  document.getElementById('edad');
             var selec = document.getElementById('selec');
 
    $.ajax( {
        async:true,
        dataType: "html",
        type: "POST",
        url: "phpresultado.php",
        data: "nombre="+nombre+"&edad="+edad+"&selec="+selec,
        global: true,
        ifModified: false,
        processData:true,
        contentType: "application/x-www-form-urlencoded",
        success: function(datos){
            $("#resultado").html(datos);
        }
    });
} // EDITADO FALTABA ESTE CIERRE DE FUNCION POR ESO GENERABA ERROR LO SIENTO :( SOMOS HUMANOS 
 
</script>
</head>
<body>
<h1> mostrar resultado de php en una etiqueta</h1>
Usaremos la etiqueta DIV sin embargo debe resultar en cualquier etiqueta
 
<form name="form1" id="form1" action="#" method="post" >
nombre <input type="text" name="nombre" id="nombre" /> <br />
edad  <input type="text" name="edad" id="edad" /> <br />
mostrar edad o nombre:
<input type="radio" name="selec" value="nombre" id="selec"/> Nombre
<input type="radio" name="selec" value="edad" id="selec"/> edad
 
<input type="button" name="boton" value="Cargar resultado del php"> onclick="cargarPHP()" />
</form>
 
 
<div id="resultado">Aqui cambiara al hacer click del link</div>
 
 
</body>
</html>

phpresultado.php

Código PHP:

  <? 

if($_POST['selec'] == 'nombre'){
echo "Tu nombre es :" . $_POST['nombre'] ;
}else{
echo "Tu edad es :" . $_POST['edad'] ;
}


?>

checalo y me dices que te parece un saludo por cierto revisando tu codigo para llamar a un elemento del formulario debes hacer esto

Código:

document.getElementById('capa').innerHTML = " Aguarde por favor...";

y tu estas haciendo esto

Código:

document.getElementById(capa).innerHTML = " Aguarde por favor...";

Un saludo

zornak · #3 (**permalink**) 08/08/2009, 13:20

A parte de que no entiendo como va...

Bueno, te comento, me e bajado el jquery ese y lo e renombrado a jquery.js (me venia en formato js)

mi index.html:

Código html:

Ver original<html>
<head><title>Ejemplo de uso de jquery por paridin </title>
<!-- Incluimos la libreria jquery -->
<script languaje="javascript" type="text/javascript" src="jquery.js"></script>
<script languaje="javascript" type="text/javascript" >
<!-- Crearemos la funcion que tu utilizas -->
 
function cargarPHP(){
 
             var nombre = document.getElementById('nombre');
             var edad =  document.getElementById('edad');
             var selec = document.getElementById('selec');
 
    $.ajax( {
        async:true,
        dataType: "html",
        type: "POST",
        url: "phpresultado.php",
        data: "nombre="+nombre+"&edad="+edad+"&selec="+selec,
        global: true,
        ifModified: false,
        processData:true,
        contentType: "application/x-www-form-urlencoded",
        success: function(datos){
            $("#resultado").html(datos);
        }
    });
 
 
</script>
</head>
<body>
<h1> mostrar resultado de php en una etiqueta</h1>
Usaremos la etiqueta DIV sin embargo debe resultar en cualquier etiqueta
 
<form name="form1" id="form1" action="#" method="post" >
nombre <input type="text" name="nombre" id="nombre" /> <br />
edad  <input type="text" name="edad" id="edad" /> <br />
mostrar edad o nombre:
<input type="radio" name="selec" value="nombre" id="selec"/> Nombre
<input type="radio" name="selec" value="edad" id="selec"/> edad
 
<input type="button" name="boton" value="Cargar resultado del php" onclick="cargarPHP()" />
</form>
 
 
<div id="resultado">Aqui cambiara al hacer click del link</div>
 
 
</body>
</html>

phpresultado.php

Código php:

Ver original<? 
 
if($_POST['selec'] == 'nombre'){
echo "Tu nombre es :" . $_POST['nombre'] ;
}else{
echo "Tu edad es :" . $_POST['edad'] ;
}
 
 
?>