0

tengo una caja de comentarios pero los comentarios recien publicados los pone de primeras, y quiero que vayan de último. de abajo hacia arriba "al réves" tipo mensajes de chat.

<main class="centered-bottom" id="main" role="main" tabindex="-1">

de ahí para abajo van puros <article></article>

¿como hago?

2
  • si es sql ORDER BY id_primario desc
    – Cris GO
    el 8 jul. 2018 a las 3:44
  • 1
    difícil saber cómo sino muestras el código que pone los comentarios el 8 jul. 2018 a las 4:28

2 respuestas 2

1

Solo con javascript podrías hacer algo así, en este ejemplo con cada mensaje se crea un nuevo p y se convierte en hijo del div comentarios, por lo que cada nuevo comentario se coloca debajo del anterior.

var comentarios = document.getElementById("comentarios");
function enviar() {
  var p = document.createElement("p");
  comentarios.appendChild(p);
  p.innerHTML = document.getElementById("input").value;
}
.comentarios {width:200px;height:200px;}
<input type="text" id="input">
<input type="button" id="boton" value="Enviar" onclick="enviar()">
<div class="comentarios" id="comentarios"></div>

0

Tengo otra solución con Jquery:

$('#boton').click(function(){
    $('#comentarios').append( $('#cajaTexto').val() + "<br>" );
    $('#cajaTexto').val('');
});
<input type="text" id="cajaTexto">
<input type="button" id="boton" value="Enviar"">
<div class="comentarios" id="comentarios"></div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.