Nueva pregunta

Pregunta:

Fecha: 01-06-2015 12:24:58 (En Español)

javascript que haga autoscroll y recarguar pagina?[Resuelta]

Hola a todos

Ando buscando un código de javascript que haga al cargar todo el contenido de la web haga scorll desde el principio de la pagina hasta el final de manera automática y una vez que llegue al fina vuela a repetirse nuevamente

y cumpla:
- Que se pueda setear la velocidad con el que hace el deslizamiento vertical.
- Que se pueda setear la cantidad de veces que realice el scroll y luego recargar la pagina, actualizarse.

No tengo conocimientos de javascript y estoy buscando alguna referencia en la web y hasta ahora encontre lo siguiente.

<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
        <title>autoscroll</title>
        <script>

            // scroll hacia abjo
            function pageScroll() {
                window.scrollBy(0, 50); // horizontal and vertical scroll increments
                scrolldelay = setTimeout('pageScroll()', 200); // scrolls every 100 milliseconds
            }
            // detiene el scoll
            function stopScroll() {
                clearTimeout(scrolldelay);

                jumpScroll();
            }
            // ir a un punto de la pagina en PX, 0,0 Al top
            function jumpScroll() {
                window.scroll(0, 0); // horizontal and vertical scroll targets
            }

        </script>
    </head>

    <body onLoad="pageScroll()">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        <p>Cras augue nulla, euismod in accumsan nec, pretium eget urna. </p>
        <p>Etiam at est eleifend, fringilla eros pulvinar, efficitur quam. </p>
        <p>Nunc volutpat eros eu turpis consequat, non consequat lorem facilisis.</p>
        <p>&nbsp;Etiam porta quam in dui iaculis, sed eleifend arcu egestas.</p>
        <p>&nbsp;In consectetur felis id dictum gravida. 
        </p>
        <p>Suspendisse lobortis ultrices nisl, non pellentesque tortor placerat vel.</p>
        <p>&nbsp;Duis egestas scelerisque nunc, id rhoncus enim accumsan et. </p>
        <p>Mauris ut velit tempus sapien fringilla suscipit.</p>
        <p>&nbsp;Nam elit odio, rhoncus non lorem ac, aliquet luctus enim. </p>
        <p>Nunc vel purus consequat, fringilla eros non, tristique nisl.</p>
        <p>&nbsp;Duis non congue est. </p>
        <p>Donec viverra et tellus sed aliquet. </p>
        <p>Vivamus ex massa, laoreet id enim vitae, interdum tincidunt velit.</p>
        <p>&nbsp;Suspendisse potenti. </p>
        <p>Vivamus quis lorem elementum, facilisis lacus eu, fringilla lorem. </p>
        <p>Nunc dui turpis, porta vel nunc id, posuere tempor arcu.</p>
        <p>&nbsp;Nunc turpis lectus, aliquam ut dapibus at, pulvinar vitae lacus.</p>
        <p>&nbsp;Pellentesque vel malesuada nunc.</p>
        <p>&nbsp;Sed dignissim sapien vel velit viverra, eu tristique magna vehicula.</p>
        <p>&nbsp;Nullam sed feugiat tortor, vel auctor purus. </p>
        <p>Donec sagittis placerat tortor. </p>
        <p>Sed nec odio dolor. </p>
        <p>Aenean euismod quam eu leo facilisis congue.</p>
        <p>&nbsp;Cras finibus convallis massa, at eleifend mauris dictum sed. </p>
        <p>Donec ac tempor sapien, maximus varius odio. </p>
        <p>Sed posuere ligula vel leo tincidunt tempor.

        </p>
        <p>Fusce aliquet maximus quam eu dignissim. </p>
        <p>Cras at viverra nunc. </p>
        <p>Morbi pulvinar consequat nibh, vitae imperdiet velit maximus ut. </p>
        <p>Phasellus gravida porta leo et semper.</p>
        <p>&nbsp;Ut ultricies libero in risus pellentesque, nec laoreet mi tincidunt. 
        </p>
        <p>Ut ullamcorper efficitur sagittis.</p>
        <p>&nbsp;Nulla id pulvinar enim.

        </p>
        <p>Duis dictum varius sem eu rhoncus.</p>
        <p>&nbsp;Integer nulla dui, volutpat id accumsan id, volutpat ac justo.</p>
        <p>&nbsp;Phasellus mi enim, eleifend semper ullamcorper ut, sollicitudin at tellus.</p>
        <p>&nbsp;Vivamus a dui euismod, porta turpis quis, tincidunt risus. </p>
        <p>Donec at egestas sapien.</p>
        <p>&nbsp;Cras scelerisque, enim ut rutrum ullamcorper, tortor mi scelerisque tellus, eu sagittis augue neque sed massa. 
        </p>
        <p>Suspendisse eleifend, erat ut tincidunt varius, nisl nisi laoreet ipsum, et vestibulum sapien lacus sit amet lacus. 
        </p>
        <p>Sed euismod imperdiet justo eget aliquet.</p>
        <p>&nbsp;Quisque at fermentum lectus.</p>
        <p>&nbsp;Curabitur sed libero eu nibh efficitur ornare. </p>
        <p>Integer at consectetur nunc. </p>
        <p>Interdum et malesuada fames ac ante ipsum primis in faucibus.

        </p>
        <p>Etiam ullamcorper imperdiet dolor non pulvinar.</p>
        <p>&nbsp;Etiam felis sapien, elementum eget lorem a, tristique suscipit ipsum.</p>
        <p>&nbsp;Aenean convallis justo vitae urna fringilla suscipit eget sed leo</p>
        <p>. Ut sodales dictum rutrum. Aliquam ac imperdiet lorem. </p>
        <p>Duis ac nibh ac sapien scelerisque ultrices.</p>
        <p>&nbsp;Aenean nec laoreet sapien, vel mattis leo. Duis sollicitudin pulvinar dignissim. Nulla vel nisi at orci blandit scelerisque gravida quis leo. Phasellus id lacus ac lacus pellentesque vehicula nec sed neque.
        </p>

        <a href="javascript:stopScroll()">Stop Scrolling</a>

    </body>

</html>


El codigo hace que se desplace hasta el final de pagina pero ahi se queda sin finalizar la ejecucion y falta implementar lo antes mencionado.

Agradezco mucho vuestra atención.

Espero obtener respuesta al respecto

Que tengan un buen dia saludos.

Saludos

Etiquetas: Autoscroll - HTML - Javascript - Pregunta Votos: 1 - Respuestas: 7 - Vistas: 23 Compartir en: Google Facebook Twitter LinkedIn Link
 

Respuestas:

  • Fecha: 02-06-2015 06:04:10 Hola Walter.
    No me queda del todo claro que es lo que funcionalidad esperas del script?

    Si actualmente el script no esta volviendo al inicio de la pagina, lo podes hacer utilizando la funcion jumpScroll().
      Votos: 1 - Link respuesta
     
  • Fecha: 02-06-2015 12:11:19 hola Luciano
    muchas gracias por la respuesta

    he cambiado de codigo, por el siguiente
    Ms serviría.
    Lo que haces que desplazar la pagina hacia arriba, una vez que ha lelgado al final de pagina, espera por 3 segundos y deberia refrescar la pagina, cosa que no lo hace

    No se en que estoy errando




    <?php
    session_start();
    
    $_SESSION["cont"] ++;
    ?>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <title>autoscroll</title>
            <script language="javascript">
    
                // retardo N segundos
                function wait(nsegundos) {
                    objetivo = (new Date()).getTime() + 1000 * Math.abs(nsegundos);
                    while ((new Date()).getTime() < objetivo)
                        ;
                }
    
                ScrollRate = 10;
                function scrollDiv_init() {
                    DivElmnt = document.getElementById('MyDivName');
                    ReachedMaxScroll = false;
    
                    DivElmnt.scrollTop = 0;
                    PreviousScrollTop = 0;
    
                    ScrollInterval = setInterval('scrollDiv()', ScrollRate);
                }
    
                function scrollDiv() {
    
                    if (!ReachedMaxScroll) {
                        DivElmnt.scrollTop = PreviousScrollTop;
                        PreviousScrollTop++;
    
                        ReachedMaxScroll = DivElmnt.scrollTop >= (DivElmnt.scrollHeight - DivElmnt.offsetHeight);
                    }
                    else {
                        wait(3);
                        //scrollDiv_init()
                        location.reload(true);
    
    
                    }
                }
    
    
            </script>
            <style type="text/css">
                #MyDivName{ 
                    width:70%;
                    height:100%;
                    overflow: hidden;
                    overflow: scroll;
    
                    overflow: -moz-scrollbars-none;
    
                    margin: 0 auto;
                }
    
    
            </style>
    
    
        </head>
        <body onLoad="scrollDiv_init()">
            <div id="MyDivName" >
                <h1>Hoja: <?php echo "-" . $_SESSION["cont"];
    echo "<hr>"; ?> </h1>
    
                <p>Cras augue nulla, euismod in accumsan nec, pretium eget urna. </p>
                <p>Etiam at est eleifend, fringilla eros pulvinar, efficitur quam. </p>
                <p>Nunc volutpat eros eu turpis consequat, non consequat lorem 
                    facilisis.</p>
                <p>&nbsp;Etiam porta quam in dui iaculis, sed eleifend arcu egestas.</p>
                <p>&nbsp;In consectetur felis id dictum gravida. 
                </p>
                <p>Suspendisse lobortis ultrices nisl, non pellentesque tortor placerat 
                    vel.</p>
                <p>&nbsp;Duis egestas scelerisque nunc, id rhoncus enim accumsan et. </p>
                <p>Mauris ut velit tempus sapien fringilla suscipit.</p>
                <p>&nbsp;Nam elit odio, rhoncus non lorem ac, aliquet luctus enim. </p>
                <p>Suspendisse lobortis ultrices nisl, non pellentesque tortor placerat 
                    vel.</p>
                <p>&nbsp;Duis egestas scelerisque nunc, id rhoncus enim accumsan et. </p>
                <p>Mauris ut velit tempus sapien fringilla suscipit.</p>
                <p>&nbsp;Nam elit odio, rhoncus non lorem ac, aliquet luctus enim. </p>
    
                <p>&nbsp;In consectetur felis id dictum gravida. 
                </p>
                <p>Suspendisse lobortis ultrices nisl, non pellentesque tortor placerat 
                    vel.</p>
                <p>&nbsp;Duis egestas scelerisque nunc, id rhoncus enim accumsan et. </p>
                <p>Mauris ut velit tempus sapien fringilla suscipit.</p>
                <p>&nbsp;Nam elit odio, rhoncus non lorem ac, aliquet luctus enim. </p>
                <p>Suspendisse lobortis ultrices nisl, non pellentesque tortor placerat 
                    vel.</p>
                <p>&nbsp;Duis egestas scelerisque nunc, id rhoncus enim accumsan et. </p>
                <p>Mauris ut velit tempus sapien fringilla suscipit.</p>
                <p>&nbsp;Nam elit odio, rhoncus non lorem ac, aliquet luctus enim. </p>      
                <p>&nbsp;Duis egestas scelerisque nunc, id rhoncus enim accumsan et. </p>
                <p>Mauris ut velit tempus sapien fringilla suscipit.</p>
                <p>&nbsp;Nam elit odio, rhoncus non lorem ac, aliquet luctus enim. </p>
                <p>Suspendisse lobortis ultrices nisl, non pellentesque tortor placerat 
                    vel.</p>
                <p>&nbsp;Duis egestas scelerisque nunc, id rhoncus enim accumsan et. </p>
                <p>Mauris ut velit tempus sapien fringilla suscipit.</p>
                <p>&nbsp;Nam elit odio, rhoncus non lorem ac, aliquet luctus enim. </p>        <p>&nbsp;Duis egestas scelerisque nunc, id rhoncus enim accumsan et. </p>
                <p>Mauris ut velit tempus sapien fringilla suscipit.</p>
                <p>&nbsp;Nam elit odio, rhoncus non lorem ac, aliquet luctus enim. </p>
                <p>Suspendisse lobortis ultrices nisl, non pellentesque tortor placerat 
                    vel.</p>
                <p>&nbsp;Duis egestas scelerisque nunc, id rhoncus enim accumsan et. </p>
                <p>Mauris ut velit tempus sapien fringilla suscipit.</p>
                <p>&nbsp;Nam elit odio, rhoncus non lorem ac, aliquet luctus enim. </p>        <p>&nbsp;Duis egestas scelerisque nunc, id rhoncus enim accumsan et. </p>
                <p>Mauris ut velit tempus sapien fringilla suscipit.</p>
                <p>&nbsp;Nam elit odio, rhoncus non lorem ac, aliquet luctus enim. </p>
                <p>Suspendisse lobortis ultrices nisl, non pellentesque tortor placerat 
                    vel.</p>
                <p>&nbsp;Duis egestas scelerisque nunc, id rhoncus enim accumsan et. </p>
                <p>Mauris ut velit tempus sapien fringilla suscipit.</p>
                <p>&nbsp;Nam elit odio, rhoncus non lorem ac, aliquet luctus enim. </p>
    
                <h1><?php echo "<hr>";
    echo "Hoja: " . $_SESSION["cont"] . "  Fecha: " . date("d-M-Y - H:i:s"); ?> </h1>
    
            </div>
        </body>
    </html>
    
      Votos: 0 - Link respuesta
     
  • Fecha: 02-06-2015 15:28:36 Ya lo he podido solucionar, con ensayo y prueba y error ya que cuento con muy escasos conocimientos de javascript.

    Por lo que estuve investigando, parece que el problema en el código anterior era que setInterval hay que detenerlo, con clearInterval.

    Aqui dejo el codigo funcional

    <?php
    session_start();
    if(!isset($_SESSION["cont"])){
        $_SESSION["cont"]=1;
    }  else {
        $_SESSION["cont"] ++;
    };
    
    if ($_SESSION["cont"]>10){
        session_destroy();
        exit("Fin de la ejecucion");
    
    };
    
    
    ?>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <title>autoscroll</title>
            <script language="javascript">
    
                // retardo N segundos
                function wait(nsegundos) {
                    objetivo = (new Date()).getTime() + 1000 * Math.abs(nsegundos);
                    while ((new Date()).getTime() < objetivo)
                        ;
                }
    
                ScrollRate = 10;
                function scrollDiv_init() {
                    DivElmnt = document.getElementById('MyDivName');
                    ReachedMaxScroll = false;
    
                    DivElmnt.scrollTop = 0;
                    PreviousScrollTop = 0;
    
                    ScrollInterval = setInterval('scrollDiv()', ScrollRate);
                }
    
                function scrollDiv() {
    
                    if (!ReachedMaxScroll) {
                        DivElmnt.scrollTop = PreviousScrollTop;
                        PreviousScrollTop++;
    
                        ReachedMaxScroll = DivElmnt.scrollTop >= (DivElmnt.scrollHeight - DivElmnt.offsetHeight);
                    }
                    else {
                       wait(3);
                       clearInterval(ScrollInterval);
                        //scrollDiv_init()
                       location.reload(true);
    
    
                    }
                }
    
    
            </script>
            <style type="text/css">
                #MyDivName{ 
                    width:70%;
                    height:100%;
                    overflow: hidden;
                    overflow: scroll;
    
                    overflow: -moz-scrollbars-none;
    
                    margin: 0 auto;
                }
    body, html {
       overflowx: hidden;
    }
    
            </style>
    
    
        </head>
        <body onLoad="scrollDiv_init()">
            <div id="MyDivName" >
                <h1> <?php echo "? Hoja Nº: " . $_SESSION["cont"];
    echo "<hr>"; ?> </h1>
    
                <p>Cras augue nulla, euismod in accumsan nec, pretium eget urna. </p>
                <p>Etiam at est eleifend, fringilla eros pulvinar, efficitur quam. </p>
                <p>Nunc volutpat eros eu turpis consequat, non consequat lorem 
                    facilisis.</p>
                <p>&nbsp;Etiam porta quam in dui iaculis, sed eleifend arcu egestas.</p>
                <p>&nbsp;In consectetur felis id dictum gravida. 
                </p>
                <p>Suspendisse lobortis ultrices nisl, non pellentesque tortor placerat 
                    vel.</p>
                <p>&nbsp;Duis egestas scelerisque nunc, id rhoncus enim accumsan et. </p>
                <p>Mauris ut velit tempus sapien fringilla suscipit.</p>
                <p>&nbsp;Nam elit odio, rhoncus non lorem ac, aliquet luctus enim. </p>
                <p>Suspendisse lobortis ultrices nisl, non pellentesque tortor placerat 
                    vel.</p>
                <p>&nbsp;Duis egestas scelerisque nunc, id rhoncus enim accumsan et. </p>
                <p>Mauris ut velit tempus sapien fringilla suscipit.</p>
                <p>&nbsp;Nam elit odio, rhoncus non lorem ac, aliquet luctus enim. </p>
    
                <p>&nbsp;In consectetur felis id dictum gravida. 
                </p>
                <p>Suspendisse lobortis ultrices nisl, non pellentesque tortor placerat 
                    vel.</p>
                <p>&nbsp;Duis egestas scelerisque nunc, id rhoncus enim accumsan et. </p>
                <p>Mauris ut velit tempus sapien fringilla suscipit.</p>
                <p>&nbsp;Nam elit odio, rhoncus non lorem ac, aliquet luctus enim. </p>
                <p>Suspendisse lobortis ultrices nisl, non pellentesque tortor placerat 
                    vel.</p>
                <p>&nbsp;Duis egestas scelerisque nunc, id rhoncus enim accumsan et. </p>
                <p>Mauris ut velit tempus sapien fringilla suscipit.</p>
                <p>&nbsp;Nam elit odio, rhoncus non lorem ac, aliquet luctus enim. </p>      
                <p>&nbsp;Duis egestas scelerisque nunc, id rhoncus enim accumsan et. </p>
                <p>Mauris ut velit tempus sapien fringilla suscipit.</p>
                <p>&nbsp;Nam elit odio, rhoncus non lorem ac, aliquet luctus enim. </p>
                <p>Suspendisse lobortis ultrices nisl, non pellentesque tortor placerat 
                    vel.</p>
                <p>&nbsp;Duis egestas scelerisque nunc, id rhoncus enim accumsan et. </p>
                <p>Mauris ut velit tempus sapien fringilla suscipit.</p>
                <p>&nbsp;Nam elit odio, rhoncus non lorem ac, aliquet luctus enim. </p>        <p>&nbsp;Duis egestas scelerisque nunc, id rhoncus enim accumsan et. </p>
                <p>Mauris ut velit tempus sapien fringilla suscipit.</p>
                <p>&nbsp;Nam elit odio, rhoncus non lorem ac, aliquet luctus enim. </p>
                <p>Suspendisse lobortis ultrices nisl, non pellentesque tortor placerat 
                    vel.</p>
                <p>&nbsp;Duis egestas scelerisque nunc, id rhoncus enim accumsan et. </p>
                <p>Mauris ut velit tempus sapien fringilla suscipit.</p>
                <p>&nbsp;Nam elit odio, rhoncus non lorem ac, aliquet luctus enim. </p>        <p>&nbsp;Duis egestas scelerisque nunc, id rhoncus enim accumsan et. </p>
                <p>Mauris ut velit tempus sapien fringilla suscipit.</p>
                <p>&nbsp;Nam elit odio, rhoncus non lorem ac, aliquet luctus enim. </p>
                <p>Suspendisse lobortis ultrices nisl, non pellentesque tortor placerat 
                    vel.</p>
                <p>&nbsp;Duis egestas scelerisque nunc, id rhoncus enim accumsan et. </p>
                <p>Mauris ut velit tempus sapien fringilla suscipit.</p>
                <p>&nbsp;Nam elit odio, rhoncus non lorem ac, aliquet luctus enim. </p>
    
                <h1><?php echo "<hr>";
    echo "Hoja: " . $_SESSION["cont"] . " ? Fecha: " . date("d-M-Y - H:i:s"); ?> </h1>
    
            </div>
        </body>
    </html>
    
    


    el unico problema que aun tengo es que en CHROME no se oculta la barra de desplazamiento

    muchas gracias por leer

    saludos
      Votos: 0 - Link respuesta
     
  • Fecha: 03-06-2015 02:52:10 Txema

    Muchas gracias por resolver lo de la barra de desplazamiento. luego voy a modificar el código y probaré.
    Tenes razón en chrome no actualiza, tampoco lo hace con chrome móvil.

    Si encuentras la solución avisame

    Me hubiera gustado probarlo con el browser de smarttv pero no tengo, si alguien tiene que lo pruebe por favor y comente si funciona correctamente.

    Saludos
      Votos: 0 - Link respuesta
     
  • Fecha: 03-06-2015 13:30:06 Muy bueno Txema!

    He visto tu demo online, y funciona correctamente en Firefox y chrome.
    Pero las barras de desplazamientos estan presentes.

    por otro lado el codigo que has corregido lo he probado, si bien no aparecen las barras.
    En chrome no se actualiza

    
    <?php
    session_start();
    if (!isset($_SESSION["cont"])) {
        $_SESSION["cont"] = 1;
    } else {
        $_SESSION["cont"] ++;
    };
    
    if ($_SESSION["cont"] > 10) {
        session_destroy();
        exit("Fin de la ejecucion");
    };
    ?>
    <html>
        <head>
            <meta charset="utf-8">
            <title>autoscroll</title>
            <script>
                ScrollRate = 10;
                function scrollDiv_init() {
                    DivElmnt = document.getElementById('MyDivName');
                    ReachedMaxScroll = false;
                    DivElmnt.scrollTop = 0;
                    PreviousScrollTop = 0;
                    ScrollInterval = setInterval('scrollDiv()', ScrollRate);
                }
                function scrollDiv() {
                    if (!ReachedMaxScroll) {
                        DivElmnt.scrollTop = PreviousScrollTop;
                        PreviousScrollTop++;
                        ReachedMaxScroll = DivElmnt.scrollTop >= (DivElmnt.scrollHeight - DivElmnt.offsetHeight);
                    } else {
                        clearInterval(ScrollInterval);
                        setTimeout(function () {
                            location.reload();
                        }, 3000);
                    }
                }
            </script>
            <style>
                #MyDivName{
                    width:70%;
                    height:100%;
                    margin: 0 auto;
                    overflow:hidden;
                }
            </style>
        </head>
        <body onload="scrollDiv_init()">
            <div id="MyDivName" >
                <h1> <?php echo "Hoja Nº: " . $_SESSION["cont"];
    echo "<hr>";
    ?> </h1>
    
                <p>Cras augue nulla, euismod in accumsan nec, pretium eget urna. </p>
                <p>Etiam at est eleifend, fringilla eros pulvinar, efficitur quam. </p>
                <p>Nunc volutpat eros eu turpis consequat, non consequat lorem 
                    facilisis.</p>
                <p>&nbsp;Etiam porta quam in dui iaculis, sed eleifend arcu egestas.</p>
                <p>&nbsp;In consectetur felis id dictum gravida. 
                </p>
                <p>Suspendisse lobortis ultrices nisl, non pellentesque tortor placerat 
                    vel.</p>
                <p>&nbsp;Duis egestas scelerisque nunc, id rhoncus enim accumsan et. </p>
                <p>Mauris ut velit tempus sapien fringilla suscipit.</p>
                <p>&nbsp;Nam elit odio, rhoncus non lorem ac, aliquet luctus enim. </p>
                <p>Suspendisse lobortis ultrices nisl, non pellentesque tortor placerat 
                    vel.</p>
                <p>&nbsp;Duis egestas scelerisque nunc, id rhoncus enim accumsan et. </p>
                <p>Mauris ut velit tempus sapien fringilla suscipit.</p>
                <p>&nbsp;Nam elit odio, rhoncus non lorem ac, aliquet luctus enim. </p>
    
                <p>&nbsp;In consectetur felis id dictum gravida. 
                </p>
                <p>Suspendisse lobortis ultrices nisl, non pellentesque tortor placerat 
                    vel.</p>
                <p>&nbsp;Duis egestas scelerisque nunc, id rhoncus enim accumsan et. </p>
                <p>Mauris ut velit tempus sapien fringilla suscipit.</p>
                <p>&nbsp;Nam elit odio, rhoncus non lorem ac, aliquet luctus enim. </p>
                <p>Suspendisse lobortis ultrices nisl, non pellentesque tortor placerat 
                    vel.</p>
                <p>&nbsp;Duis egestas scelerisque nunc, id rhoncus enim accumsan et. </p>
                <p>Mauris ut velit tempus sapien fringilla suscipit.</p>
                <p>&nbsp;Nam elit odio, rhoncus non lorem ac, aliquet luctus enim. </p>      
                <p>&nbsp;Duis egestas scelerisque nunc, id rhoncus enim accumsan et. </p>
                <p>Mauris ut velit tempus sapien fringilla suscipit.</p>
                <p>&nbsp;Nam elit odio, rhoncus non lorem ac, aliquet luctus enim. </p>
                <p>Suspendisse lobortis ultrices nisl, non pellentesque tortor placerat 
                    vel.</p>
                <p>&nbsp;Duis egestas scelerisque nunc, id rhoncus enim accumsan et. </p>
                <p>Mauris ut velit tempus sapien fringilla suscipit.</p>
                <p>&nbsp;Nam elit odio, rhoncus non lorem ac, aliquet luctus enim. </p>        <p>&nbsp;Duis egestas scelerisque nunc, id rhoncus enim accumsan et. </p>
                <p>Mauris ut velit tempus sapien fringilla suscipit.</p>
                <p>&nbsp;Nam elit odio, rhoncus non lorem ac, aliquet luctus enim. </p>
                <p>Suspendisse lobortis ultrices nisl, non pellentesque tortor placerat 
                    vel.</p>
                <p>&nbsp;Duis egestas scelerisque nunc, id rhoncus enim accumsan et. </p>
                <p>Mauris ut velit tempus sapien fringilla suscipit.</p>
                <p>&nbsp;Nam elit odio, rhoncus non lorem ac, aliquet luctus enim. </p>        <p>&nbsp;Duis egestas scelerisque nunc, id rhoncus enim accumsan et. </p>
                <p>Mauris ut velit tempus sapien fringilla suscipit.</p>
                <p>&nbsp;Nam elit odio, rhoncus non lorem ac, aliquet luctus enim. </p>
                <p>Suspendisse lobortis ultrices nisl, non pellentesque tortor placerat 
                    vel.</p>
                <p>&nbsp;Duis egestas scelerisque nunc, id rhoncus enim accumsan et. </p>
                <p>Mauris ut velit tempus sapien fringilla suscipit.</p>
                <p>&nbsp;Nam elit odio, rhoncus non lorem ac, aliquet luctus enim. </p>
    
                <h1><?php echo "<hr>";
    echo "Hoja: " . $_SESSION["cont"] . "  Fecha: " . date("d-M-Y - H:i:s");
    ?> </h1>
    
            </div>
        </body>
    </html>
    
    


    DEMO
      Votos: 0 - Link respuesta
     
  • Fecha: 03-06-2015 14:14:06 Txema
    ahora si funciona correctamente.

    Quedo bueno ;)

    lo bueno es que se pude poner un div arriba y siempre queda fijo por ejemplo.

    DEMO

    Muchas gracias Txema por toda tu ayuda y tiempo dedicado

    ahora me queda resolver otro tema a parteir de este codigo
    en el div insertar con Include un archivo con otros div dentro, que se generan dinamicamente con php. Espero que funcione y no se desbarate todo

    Ire comentando

    Txema javascript y css son un dolor de cabeza, al menos para mi que tendo escasos conocimientos de ellos

    un abrazo
    Saludo
      Votos: 0 - Link respuesta
     
  • Fecha: 07-06-2015 09:18:58 Txema
    Fue respondido todo en tiempo real parecía un chat! jejee
    De hecho hay una votacion sobre implementar un chat en la comunidad, en lo cual estoy de acuerdo.
    Si lo deseas podes participar en la votacion
    CHAT: ¿Si?,¿No?,¿Por qué?[NO RESUELTA]

    PD// Lo he podido probar en un smartv con browser y funciona correctamente.
    Se desplaza hacia arriba, no se ven las barras de desplazamiento y se actualiza la pagina al final.

    Que tengas un buen dia

    Saludos
      Votos: 0 - Link respuesta
     
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
 
frjcbbae garagebible.com