cargar un div con ajax

parcialbook · #1 (**permalink**) 20/01/2011, 15:35

Un saludo

Tengo un formulario de lectura y escritura en un archivo pero necesito cargar esto dentro de un DIV que esta ubicado en la página principal. Estoy utilizando la carga de ajax pero esto sólo me permite enviar por metodo GET y estoy enviando por metodo POST.

el codigo es el siguiente:

//index.php

Código HTML:

<html>
<head>
<script languaje="javascript" type="text/javascript">
function PaginaNubeC(c){
 divContenido = document.getElementById('nubeC');
 ajax=objetoAjax();
 ajax.open("GET", "includes/nubeC.php?c="+c);
 divContenido.innerHTML= '<br /><img src="images/cargando.gif" alt="cargando" /></center>';
 ajax.onreadystatechange=function(){
  if (ajax.readyState==4) {
   divContenido.innerHTML = ajax.responseText
  }
 }
 ajax.send(null)
}
</script>
</head>
<body>
<div id="nubeC">
[PHP]<?php require("includes/nubeC.php"); ?>[/PHP]
</div>
</body>
</html>

//fin index.php

//nubeC.php

Código PHP:

  <?php
if(isset($_GET['c'])){
  $writ=$_POST['muroC'];
 
if($writ=="")
$writ=".";
//para escribir en el archivo
$archivo = 'muroC.txt';
$fp = fopen($archivo, "w");
$write = fputs($fp, $writ);
fclose($fp);
//para leer el archivo 
$archivoC = 'muroC.txt';
$fpC = fopen($archivoC, "r");
$contentMuroC = fread($fpC, filesize($archivoC));
fclose($fpC);
}else{
$archivoC = 'includes/muroC.txt';
$fpC = fopen($archivoC, "r");
$contentMuroC = fread($fpC, filesize($archivoC));
fclose($fpC);
}
?>
 
<form method="post" action="recibe.php">
<input onclick="PaginaNubeC('1')" type="submit" name="botonMuroC"  />
<textarea name="muroC" cols="3" rows="3"><?php echo $contentMuroC; ?></textarea>
</form>

//fin nubeC.php

Como pueden ver el boton submit botonMuroC por tener la función PaginaNubeC('1') no permite enviar como POST el formulario. Ya probe agregando la linea return true; dentro de la función JS PaginaNubeC pero en ese caso el script no me funciona.

Agradecería cualquier ayuda.

GatorV · #2 (**permalink**) 20/01/2011, 16:57

Tema movido desde PHP a AJAX

luisal2908 · #3 (**permalink**) 24/01/2011, 13:17

Hola parcialbook, hice algunos cambios a sus codigos para que los ensaye:
//index.php

Código HTML:

Ver original<html>
<head>
<script type="text/javascript" src="ajax.js"></script>
<script languaje="javascript" type="text/javascript">
function PaginaNubeC(texto){
 divContenido = document.getElementById('nubeC');
 ajax=objetoAjax();
 ajax.open("GET", "nubeC.php?muroC="+texto);
 divContenido.innerHTML= '<br /><img src="images/cargando.gif" alt="cargando" /></center>';
 ajax.onreadystatechange=function(){
  if (ajax.readyState==4) {
   document.getElementById("resultado").innerHTML="Archivo Enviado";
   divContenido.innerHTML = ajax.responseText
  }
 }
 ajax.send(null)
}
</script>
</head>
<body>
<div id="nubeC">
<?php require("nubeC.php"); ?>
</div>
<div id="resultado"></div>
</body>
</html>

El archivo nubeC.php lo dejé en ek mismo lugar de index

//nubeC.php

Código PHP:

Ver original<?php
if(isset($_GET['muroC'])){ // Aqui verifico si se envió el texto. Si fué así lo recojo por GET
  $writ=$_GET['muroC'];
 
if($writ=="")
$writ=".";
//para escribir en el archivo
$archivo = 'includes/muroC.txt';
$fp = fopen($archivo, "w");
$write = fputs($fp, $writ);
fclose($fp);
//para leer el archivo 
$archivoC = 'includes/muroC.txt';
$fpC = fopen($archivoC, "r");
$contentMuroC = fread($fpC, filesize($archivoC));
fclose($fpC);
}else{
     if(!file_exists("includes/muroC.txt")){  // Aqui verifico si el archivo existe, si no existe se crea en la carpeta includes
      $fp = fopen("includes/muroC.txt", "w+");
      $writ=".";
      $write = fputs($fp, $writ);
      fclose($fp);
     }
$archivoC = 'includes/muroC.txt';
$fpC = fopen($archivoC, "r");
$contentMuroC = fread($fpC, filesize($archivoC));
fclose($fpC);
}
?>
 
<form method="get" onsubmit="PaginaNubeC(document.getElementById('muroC').value); return false">
<input  type="submit" name="botonMuroC"  value="Enviar" />
<textarea id="muroC" cols="20" rows="6"><?php echo $contentMuroC; ?></textarea>
</form>

El formulario lo estoy enviando por GET

Espero le sirva.