PHP y Javascript

[VbOkonly]

Hola a todos, les planteo un problema que tengo y es el siguiente.
Tengo una pagina donde cuando se insertan comentarios, eres redireccionado y despues vuelves a donde estabas antes. Voy a explicarlo mejor.
Yo estoy en recuerdo.php?foto=10 y quiero comentar esa foto, tengo un formulario y cuando le doy submit soy redireccionado al formulario que recibe por $_POST e inserta las variables en una base de datos y luego, soy redireccionado a recuerdo.php?foto=10 . El metodo comun de html y php digamos ... Bien, quiero implementar Javascript en esto, por ahi vi que puedo insertar el comentario sin ser redireccionado, pero la verdad no tengo idea de como hacerlo :/ algo asi por ejemplo: como facebook, insertas un comentario pero no eres redireccionado ni nada ...
les paso el codigo del formulario de envio:

Código HTML:

<FORM NAME="nuevocomen" id="nuevocomen" ACTION="nuevocom.php" METHOD="post">
        <INPUT TYPE="hidden" NAME="idform" VALUE="<?php echo $varrr; ?>" />
        <INPUT TYPE="hidden" NAME="tipo" VALUE="1" />
        <?php $idusuarioenviar = mysql_query('SELECT id FROM usuarios WHERE usuario = "'.$_SESSION['k_username'].'"',$db);
        $mostraridusuario = mysql_result($idusuarioenviar,0);
         ?>
        <input name="usuario" type="hidden" id="usuario" value="<?php echo $mostraridusuario; ?>" size="50" maxlength="50" />
        <textarea name="insertarcomentario" onfocus="foco(this);" onblur="no_foco(this);" style="border:1px solid #CCCCCC" class="tituloinactivo" cols="60" rows="9" id="insertarcomentario" onkeydown="contar('nuevocomen','insertarcomentario')" onkeyup="contar('nuevocomen','insertarcomentario')">Inserta tu comentario</textarea>
        <input name="result" type?"text" value=500 size="2" readonly="true" />
        <br />
        <input type="submit" class="botones" value="Enviar Comentario" />
      </FORM>
 

me gustaria saber como para que cuando aprieto submit, no sea redireccionado a nuevocom.php, sino, se inserte el comentario y listo.


MUCHAS GRACIAS!!

[zerokilled]

buenas,
tienes que usar XHR (a.k.a. AJAX) para enviar los datos. de ahi en adelante no se cual es la mejor manera de hacerlo porque no trabajo con XHR. me refiero a que si en la respuesta deberias recibir el codigo html a agregar. en este caso, la respuesta no deberia devolver todo el documento html, sino solo la porcion pertinente al nuevo comentario. pero entonces, lo que no se es como php podria determinar que la consulta fue hecha a traves de XHR. supongo que tendrias que enviar un parametro adicional para luego en php, mediante una condicion, determinar si devolver todo el codigo html (en caso de que la consulta no se realice en XHR ya sea porque no tiene soporte para XHR o porque javascript esta inhabilitado) o devolver solo la porcion necesaria.

[VbOkonly]

y con jQuery? mira, tengo esto que encontre en una planilla en html:

header:

Código Javascript:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
// <![CDATA[
jQuery(document).ready(function(){
    $('#contactform').submit(function(){                  
        var action = $(this).attr('action');
        $.post(action, { 
            name: $('#name').val(),
            email: $('#email').val(),
            company: $('#company').val(),
            subject: $('#subject').val(),
            message: $('#message').val()
        },
            function(data){
                $('#contactform #submit').attr('disabled','');
                $('.response').remove();
                $('#contactform').before('<p class="response">'+data+'</p>');
                $('.response').slideDown();
                if(data=='Mensaje enviado!') $('#contactform').slideUp();
            }
        ); 
        return false;
    });
});
// ]]>
</script>
 

en el body:

Código HTML:

<div id="bloqueomain">
<form action="contact.php" method="post" id="contactform">
          <ol>
            <li>
              <label for="name">Su nombre <span class="red">*</span></label>
              <input id="name" name="name" class="text" />
            </li>
            <li>
              <label for="email">Su e-mail <span class="red">*</span></label>
              <input id="email" name="email" class="text" />
            </li>
            <li>
              <label for="company">Nacionalidad</label>
              <input id="company" name="company" class="text" />
            </li>
            <li>
              <label for="subject">asunto</label>
              <input id="subject" name="subject" class="text" />
            </li>
            <li>
              <label for="message">Mensaje <span class="red">*</span></label>
              <textarea id="message" name="message" rows="6" cols="50"></textarea>
            </li>
            <li class="buttons">
              <input type="image" name="imageField" id="imageField" src="Images/SEnd.gif" />
            </li>
          </ol>
        </form>
        <br />
<a href="index.php"><br />
<br />
<br />
Ir a la pagina principal.</a><br />
<br />
<br />
</div>
 

Eso provoca que cuando envias, haga como un slide que se suba, si es incorrecto, no se mueve, pero como jquery es una plataforma y trabaja con funciones nose como hacer para que se quede quieto xD o por lo menos, me refresque la pagina ...

[zerokilled]

si me hablas de jquery, lamentablemente no te puedo ayudar.

[VbOkonly]

encontré algo, tengo que abrir un nuevo hilo porque es jquery :P, muchas gracias igual!! te dejo puntitos :P