"Refresh en comentarios"

patiurco · #1 (**permalink**) 29/07/2011, 14:23

Hola a todos buenas tardes, estoy empezando a crear una aplicacion para dejar comentarios, no llevo mucho, lo que necesito es que en cuanto le de clic a mi boton de comentar, me agregue luego luego el comentario en la parte de abajo. Pero no se como hacerlo, lo intente con algunas instrucciones como location.reload, o meta equiv de html, refresh, pero no nada. Espero puedan ayudarme, debajo dejo mis codigos:

Este es mi formulario para el envio de datos

Código HTML:

Ver original<html> 
<head>
<body bgcolor=lightblue> 
<?php 
readfile('C:\xampp\htdocs\anglo\comentarios\contador.txt'); 
?> 
<h1>Comentarios</h1> 
<form name="coment" action="enviar.php" method="POST"> 
<p><b>Nombre:</b></p> 
<p><input type="text" name="nombre" size="30"/></p> 
<p><b>Comentario:</b></p> 
<p><textarea name="comentario" style="width:230px;height:100px;z-index:0"></textarea></p> 
<p><input type="submit" name="submit" value="Publicar"/></p> 
</form>
</body> 
</html>

Y aqui recibe procesa el archivo de texto y demas

Código PHP:

Ver original<?php 
$nombre = $_POST['nombre']; 
$comentario = $_POST['comentario']; 
$fecha = date("j-n-Y h:i:s" ); 
$fp=fopen('C:\xampp\htdocs\anglo\comentarios\contador.txt',"a+" ); 
$salida="
<!-- start coment ip = {$_SERVER["REMOTE_ADDR"]} --> 
<TABLE bgcolor='#FFFF99' border=1 bordercolorlight='#C0C0C0' bordercolordark='#808080'> 
<TR valign=top> 
<TD width=300 height=28 bgcolor='#FFFF00' style='{border-color : #000000 #000000 #000000 #000000; border-style: solid; }'><div class='wpmd'> 
<div><font face='Adobe Heiti Std R' color='#FF0000' class='ws11'><B>$nombre</B></font><font face='Adobe Heiti Std R' class='ws11'> comento el <b>$fecha</b></font></div> 
</div> 
</TD> 
</TR> 
<TR valign=top> 
<TD width=300 height=82><div class='wpmd'> 
<div><font face='Adobe Heiti Std R' class='ws10'>$comentario</font></div> 
</div> 
</TD> 
</TR> 
</TABLE> 
<!-- finish coment -->"; 
fwrite($fp,$salida); 
fclose($fp);
?>

elmaspicudo · #2 (**permalink**) 29/07/2011, 14:24

has intentado probar con ajax

patiurco · #3 (**permalink**) 29/07/2011, 14:57

Hola tengo una duda acerca de eso en donde tendría que poner el ajax??? Ya lo intente poniendo el ajax en el formulario, pero no me pone una pantalla en blanco, me regreso y aun no hay nada. El comentario aparece hasta que refresco la pagina, y aparece hasta arriba de todo y no abajo.Sabes que podria ser???

elmaspicudo · #4 (**permalink**) 29/07/2011, 14:59

coloca tu codigo lo mas probable es que no interpretes bien la respuesta

patiurco · #5 (**permalink**) 29/07/2011, 15:07

Aqui esta ya con ajax claro:

Formulario

Código PHP:

Ver original<html> 
<head>
<script type="text/javascript" src="anglo/comentarios/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="anglo/comentarios/js/jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/JavaScript">
function MM_jumpMenu(targ,selObj,restore){
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
</script>
<body bgcolor=lightblue> 
<?php 
readfile('C:\xampp\htdocs\anglo\comentarios\contador.txt'); 
?> 
<h1>Comentarios</h1> 
<form name="coment" action="enviar.php" method="REQUEST" name='mod' id='mod' target='_self'> 
<p><b>Nombre:</b></p> 
<p><input type="text" name="nombre" size="30"/></p> 
<p><b>Comentario:</b></p> 
<p><textarea name="comentario" style="width:230px;height:100px;z-index:0"></textarea></p> 
<p><input type="submit" name="submit" value="Publicar"/></p> 
</form>
<div id='ajax'></div>
<div align="center">
<script type="text/javascript">
$(function (e) {
    $('#mod').submit(function (e) {
        e.preventDefault()
        $('#ajax').load('enviar.php?' + $('#mod').serialize())
    })
})
</script></div>
</body> 
</html>

Código PHP:

Ver original<?php 
$nombre = $_REQUEST['nombre']; 
$comentario = $_REQUEST['comentario']; 
$fecha = date("j-n-Y h:i:s" ); 
$fp=fopen('C:\xampp\htdocs\anglo\comentarios\contador.txt',"a+" ); 
$salida="
<!-- start coment ip = {$_SERVER["REMOTE_ADDR"]} --> 
<TABLE bgcolor='#FFFF99' border=1 bordercolorlight='#C0C0C0' bordercolordark='#808080'> 
<TR valign=top> 
<TD width=300 height=28 bgcolor='#FFFF00' style='{border-color : #000000 #000000 #000000 #000000; border-style: solid; }'><div class='wpmd'> 
<div><font face='Adobe Heiti Std R' color='#FF0000' class='ws11'><B>$nombre</B></font><font face='Adobe Heiti Std R' class='ws11'> comento el <b>$fecha</b></font></div> 
</div>
</TD>
</TR>
<TR valign=top>
<TD width=300 height=82><div class='wpmd'>
<div><font face='Adobe Heiti Std R' class='ws10'>$comentario</font></div>
</div>
</TD>
</TR>
</TABLE>
<!-- finish coment -->";
fwrite($fp,$salida);
fclose($fp);
?>

elmaspicudo · #6 (**permalink**) 29/07/2011, 15:50

dos detalles el formulario tiene dos propiedades nombre, segundo deves revisar cuando te de respuesta imprimir tu respuesta ajax ya que como esta en el codigo solo envias informacion pero nunca recives

elmaspicudo · #7 (**permalink**) 29/07/2011, 15:53

olvidalo no me agas caso en el comentario anterior

elmaspicudo · #8 (**permalink**) 29/07/2011, 16:05

ya esta el problema es que usas un submit en lugar de un button el formulario es logico que se envie bueno te dejo tu codigo

Código PHP:

Ver original<html> 
<head>
<script type="text/javascript" src="anglo/comentarios/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="anglo/comentarios/js/jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/JavaScript">
function MM_jumpMenu(targ,selObj,restore){
* eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
* if (restore) selObj.selectedIndex=0;
}
</script>
<body bgcolor=lightblue> 
<?php 
readfile('contador.txt'); 
?> 
<h1>Comentarios</h1> 
<form name="coment" action="enviar.php" method="REQUEST" name='mod' id='mod' target='_self'> 
<p><b>Nombre:</b></p> 
<p><input type="text" name="nombre" size="30"/></p> 
<p><b>Comentario:</b></p> 
<p><textarea name="comentario" style="width:230px;height:100px;z-index:0"></textarea></p> 
<p><input type="button" class="boton" name="submit" value="Publicar"/></p> 
</form>
<div id='ajax'></div>
<div align="center">
<script type="text/javascript">
 $(document).ready(function() {  
$(".boton").click(function(event) {  
 $('#ajax').load('enviar.php?' + $('#mod').serialize()) 
});  
});  
 
</script></div>
</body> 
</html>

patiurco · #9 (**permalink**) 30/07/2011, 07:37

Hola gracias por tu ayuda pero no no funciona para nada. Presiono el boton y no me hace absolutamente nada. En cambio si lo dejo como submit, continua haciendome lo mismo de antes (hasta refrescar la pagina aparece el comentario). Alguna otra idea????