Regresar a la página ComoCrearTuWeb.com
Resultados 1 al 4 de 4

Tema: Areas de texto que al enviar se publiquen automaticamente?

  1. #1
    Recien Llegado! Merodeador
    Fecha de Ingreso
    04 oct, 12
    Mensajes
    3
    Poder de Reputación
    0

    Question Areas de texto que al enviar se publiquen automaticamente?

    Buenos dias! saludos, tengo una pregunta que hacerles, alguno sabe como crear ares de textos en las cuales al presionar "enviar" el comentario se publique automaticamente en la pagina? ejemplo: pongo una foto en la pagina y justo debajo coloco "escribe tu opinion de la foto" y que el usuario al enviar ya aparesca publicado su comentario.
    Espero su respuesta! Gracias Saludos.

  2. #2
    Me va gustando esto... Habitante Avatar de ocbarrio
    Fecha de Ingreso
    12 sep, 11
    Mensajes
    199
    Poder de Reputación
    15
    Eso se que se puede con php y mysql. Otra cosa es aprender a hacerlo. Yo estoy empezando a mirarlo, y no es sencillo precisamente.
    Fotografía y Vídeo Profesional
    www.fotografiaolivier.com

    Productora de Video en Valencia
    www.voorfilms.es/galeria/galeria.html

  3. #3
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    02 may, 11
    Ubicación
    Santiago, Chile
    Mensajes
    2,046
    Poder de Reputación
    27
    Hola:

    Debes utilizar Ajax.

    Como pseudocódigo, lo que debes hacer es:

    1.- Procesar el mensaje del usuario (limpiar el texto, quitar etiquetas, etc.).
    2.- Leer el contenido desde la base de datos utilizando Ajax (jQuery.ajax(), por ejemplo).
    3.- Presentar el contenido con Javascript.

    En el fondo, algo así funcionaría:

    Código HTML:
    <script>
      jQuery(document).ready(function($) {
        $('form.comment-picture').submit(function(e) {
          e.preventDefault();
          var self = $(this);
          $.ajax({
            url: 'script_guardar_datos.php', // Este script también leerá los datos y los devolverá para ser mostrados en el documento HTML
            data: $(this).serialize(),
            error: function(obj, error, text) {
              // En caso de error tendrás que revisar la consola del navegador.
              console.log(obj);
              console.log(error);
              console.log(text);
            },
            success: function(data) {
              // Suponiendo que data tenga formato JSON
              $('<div id="comment-" + data['commentID'] + '">' + data['commentBody'] + '</div>')
              .appendTo('#comentarios'); // Esto insertaría el comentario después del formulario
            }
          });
        }
      });
    </script>
    
    <div id="foto-10">
    <img src="mifoto.algo" title="" alt="">
      <div id="comentarios">
        <div class="comentario">
        </div>
        <div class="comentario">
        </div>
        <div class="comentario">
        </div>
      </div><!-- #comentarios -->
      <form class="comment-picture" id="comment-picture-ID"><!-- Reemplaza ID por el id de la foto -->
        <textarea id="post"></textarea>
        <input type="submit" />
      </form>
    </div><!-- #foto-10 -->
    El resto de la lógica te la dejo a ti :D. Aquí utilizo la librería jQuery y HTML, nada más :P.

    Saludos.

  4. #4
    Recien Llegado! Merodeador
    Fecha de Ingreso
    04 oct, 12
    Mensajes
    3
    Poder de Reputación
    0
    Muchas gracias! probare a ver que me sale, gracias

Temas Similares

  1. Mostrar tag htnl a texto plano automáticamente
    Por isaacaaron en el foro Foro General
    Respuestas: 0
    Último Mensaje: 21/04/2017, 14:24
  2. Tratar código como texto en datos de formulario y al enviar a BD MySQL
    Por Web-Freelance en el foro Php Bases de Datos y MySQL (Nuevo!)
    Respuestas: 2
    Último Mensaje: 04/06/2012, 07:31
  3. Respuestas: 2
    Último Mensaje: 24/06/2010, 19:11
  4. Hacer que los formularios se publiquen en mi pagina
    Por blade1231 en el foro Formularios
    Respuestas: 0
    Último Mensaje: 12/01/2010, 03:11

Etiquetas para este Tema

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •