tengo un problemilla que me lleva ya una semana de investigacion ,
en este momento estoy en una parte importante de mi proyecto que es un pequeño chat para los usuarios,
tengo 2 partes que quiero entrelazar
una escrita en java hace que un div se actualice cada x segundos funciona bien
otra parte muestra el contenido de esta capa actualizada, pero tiene que ir automaticamente abajo osea scroll botton, ¿por que no inventaran esta funcion?
para hacer esto usaba dentro del codigo java una llamada a un ancla situado en el final del contenido para que cuando se actualiza, baje y muestre solo el final
funciona bien pero solo en firefox y opera
buscando y buscando encontre un codigo que hace lo que quiero en todos los navegadores por lo menos en los que e probado, pero no se como adaptarlo para que se autoejecute con mi codigo java
de java se poco pero de jquery mucho menos
dejo el codigo lo he resumido al maximo para ponerlo aqui
Código HTML:
<script src="./vendor/jquery.js"></script> <script src="./lib/jquery-scrollto.js"></script> <script> $(function(){ var $links = $('#de'); var $pieces = $('#dem').children(); $pieces.each(function(){ var $piece = $(this); var $link = $('<a>',{text: $piece.attr('id')}).on('click',function(){ eval($piece.find('code').text()); }).appendTo($links) }); }); </script> <a id="de" href="#"></a> <div id="dem" style="width:200px;height:100px;overflow-x:hidden; overflow-y:visible; border:1px solid #000; "> Este es el contenido<br> hola<br>hola<br>hola<br>hola<br>hola<br>hola<br>hola<br> Hasta aqui el contenido. <div id="Bajar"> <code style="display: none ">$('#Bajar').ScrollTo({ onlyIfOutside: true });</code> </div> </div>
al clickar sobre el enlace el scroll se desplaza hasta el final del contenido
el enlace
Código HTML:
<a id="de" href="#"></a>
bueno resumiendo, necesito que este codigo sea ejecutado de alguna manera desde mi codigo java automaticamente, sin tener que hacer click
alguien sabria decirme como, o por lo menos ayudarme a mejorar el script para poder eliminar codigo html y dejarlo algo asi
Código HTML:
<script> jquery </script> <a href="#" id="bajar">Bajar</a> <div id="Contenido"> aqui todo el contenido </div>
saludos