reload y redireccion con ancla?

alette666 · #1 (**permalink**) 11/05/2011, 19:53

hola gente tengo la siguiente funcion:

Código:

<SCRIPT LANGUAGE="JavaScript">
<!--recargar cada X tiempo-->
function aReload() {
location.reload(true);
}
function startReload() {
setTimeout("aReload()", 60000);
}
</script>

a la cual lo que le quiero hacer es un redirect a un ancla que tengo en la misma pagina que esta situada abajo de todo.

Como puedo hacerlo
el ancla se llama coment y lo habia puesto con

Código:

<a name="coments">&nbsp;</a>

haciendo que quedara de esta manera:

Código HTML:

<SCRIPT LANGUAGE="JavaScript">
<!--recargar cada X tiempo-->
function aReload() {
location.reload(true);
}
function startReload() {
setTimeout("aReload()", 60000);
}

<!--refrescamos y enviamos hasta el punto-->
function newComent() {
    setTimeout("location.href='index.php#coments'", 0000);
  }
</script>
<body onLoad="newComent();"><a href="" name="coments">&nbsp;</a></body>

pero evidentemente me refresca la pagina pero no me lo envia a dnd esta situado el ancla :( alguien sabe algo al respecto? que estoy haciendo mal

IsaBelM · #2 (**permalink**) 12/05/2011, 05:45

prueba con el método scrollIntoView()

Aijoona · #3 (**permalink**) 12/05/2011, 06:18

A modo de aclaración, el uso de setTimeout/setInterval con strings es una práctica a evitar siempre que sea posible.

Código Javascript:

Ver original// Forma incorrecta
setTimeout('aReload()', 60000);
 
// Forma correcta
setTimeout(aReload, 60000);

IsaBelM · #4 (**permalink**) 12/05/2011, 07:08

Cita:

Iniciado por Aijoona

A modo de aclaración, el uso de setTimeout/setInterval con strings es una práctica a evitar siempre que sea posible.

Código Javascript:

Ver original// Forma incorrecta
setTimeout('aReload()', 60000);
 
// Forma correcta
setTimeout(aReload, 60000);

no sé, es la primera noticia que tengo de ello. puedes aportar algo de documentación??

Aijoona · #5 (**permalink**) 12/05/2011, 07:25

En primer lugar te diria que no uses la documentación de la w3c ya que es sumamente incompleta y sutilmente erronea (como este caso en particular). Usa la de Mozilla (MDN) que le estan metiendo muchas ganas.

Luego, al pasar un string estás obligando al intérprete a realizar un eval, (lo cual es práctica poco recomendable tambien) lo que implica un costo de performance adicional entre otras cosas.

A modo de resumen, la sentencia eval es considerada mala práctica ya que atenta contra la performance (permite tener dynamic scope cuando js es lexical scoped) y seguridad (puede modificar variables del entorno).

En google vas a encontra mucha más información al respecto.

IsaBelM · #6 (**permalink**) 12/05/2011, 07:42

Cita:

code in the alternate syntax, is a string of code you want to be executed repeatedly. (Using this syntax is not recommended for the same reasons as using eval())

Aijoona · #7 (**permalink**) 12/05/2011, 07:52

Redundancia, para dejarlo claro:

Código Javascript:

Ver originalfunction createClousure() {
    var a, b, c;
    
    a = 1;
    b = 'Hello';
    c = [1, 2, 3];
    
    return function(q) {
        console.log(eval(q));
    }
}
 
var view = createClousure();
 
// El eval tiene acceso a variables del clousure
// de forma dinamica, lo cual evita optimizaciones
// al respecto y es sumamente inseguro
view('a'); // 1
view('b'); // "hello"
view('c'); // [1, 2, 3]

angelfcm · #8 (**permalink**) 12/05/2011, 08:45

Hola Aijoona,
Quisiera saber cómo es que funcióna

Código Javascript:

Ver originalreturn function(q) {
        console.log(eval(q));
    }

Y esque sólo me retorna undefined.
Saludos.

Aijoona · #9 (**permalink**) 12/05/2011, 08:56

Si no estas muy interiorizado en el tema de clousures probablemente resulte confuso.

Un clousure es un espacio cerrado al entorno, esto es, lo que definís dentro del clousure no tendrá visibilidad externa a menos que vos quieras, por ejemplo:

Código Javascript:

Ver originalfunction createClousure() {
    // Estas variables son "privadas", no pueden ser accedidas
    // desde el exterior del closure, a menos que queramos
    var a, b, c;
    
    a = 1;
    b = 'hola';
    c = [1,2,3];
    
    // Devolvemos un objeto que tiene visibilidad interna, basicamente
    // "recuerda" el contexto en el cual fue definido
    return {
        getA: function() { return a },
        getB: function() { return b },
        getC: function() { return c }
    }
}

Al realizar un eval tenés visibilidad de todos las variables a las que puede acceder el contexto sobre el que está situado.

Si queres usar la function que realiza el eval por si sola no te va a resolver muchas dudas:

Código Javascript:

Ver originalfunction wrappedEval(q) {
    console.log(eval('typeof ' + q));
}
 
wrappedEval('a'); // undefined
wrappedEval('setTimeout'); // function

IsaBelM · #10 (**permalink**) 12/05/2011, 13:04

dos articulos interesantes para entender que son y el alcance de las closures
http://es.debugmodeon.com/articulo/c...t-iii-closures
https://developer.mozilla.org/en/Jav...Guide/Closures

alette666 · #11 (**permalink**) 13/05/2011, 12:47

Cita:

Iniciado por Aijoona

Si queres usar la function que realiza el eval por si sola no te va a resolver muchas dudas:

disculpen la ignorancia; pero que tiene que ver clausure con la redireccion con ancla???? creo que lo que entendi de "IsaBelM" es algun metodo mas (dificil) para mi?

Aijoona · #12 (**permalink**) 13/05/2011, 12:50

No tiene nada que ver, nos fuimos de topico. :p

Si te interesa aprender, podes leer los links que posteo IsabelM.

alette666 · #13 (**permalink**) 13/05/2011, 12:52

EDITO: **************Ni siquiera entendi lo de isabel :(

alette666 · #14 (**permalink**) 13/05/2011, 12:54

Cita:

Iniciado por Aijoona

No tiene nada que ver, nos fuimos de topico. :p

Si te interesa aprender, podes leer los links que posteo IsabelM.

Si los lei pero no encuentro lo que cnecesito :( funciones que no encuentro para unj simple reload y redireccion al ancla

IsaBelM · #15 (**permalink**) 13/05/2011, 13:58

Cita:

Iniciado por alette666

Si los lei pero no encuentro lo que cnecesito :( funciones que no encuentro para unj simple reload y redireccion al ancla

a ver, no fuimos del tema. busca información sobre el método scrollIntoView(). con el puedes desplazarte a la posición de un elemento que tenga una id. un ejemplo

Cita:

document.getElementById('nombrediv').scrollIntoVie w(true);

alette666 · #16 (**permalink**) 13/05/2011, 15:39

Cita:

Iniciado por IsaBelM

a ver, no fuimos del tema. busca información sobre el método scrollIntoView(). con el puedes desplazarte a la posición de un elemento que tenga una id. un ejemplo

OK gracias ya me pongo en campaña

alette666 · #17 (**permalink**) 13/05/2011, 16:18

Cita:

Iniciado por IsaBelM

a ver, no fuimos del tema. busca información sobre el método scrollIntoView(). con el puedes desplazarte a la posición de un elemento que tenga una id. un ejemplo

mira me quedo asi:

Código HTML:

<head>
<SCRIPT LANGUAGE="JavaScript">
<!--recargar cada X tiempo-->
function startReload() {
setTimeout("aReload()", 30000);
}
<!--y enviamos hasta el punto-->
function Nuevito () {
document.getElementById('nuevito').scrollIntoView(true);
}
</script>
</head>
<body onLoad="startReload();">
...
...
...
...
<div id="nuevito">
...
</body>

ahora tengo que checar si hace lo que requiero, o tengo algo mal, tu me dices

IsaBelM · #18 (**permalink**) 13/05/2011, 17:14

sí, has captado la idea. te corrijo alguna cosa

no le pases un string a setTimeout o setInterval
lo puedes hacer todo en una sola línea

Cita:

alette666 · #19 (**permalink**) 13/05/2011, 17:16

Cita:

Iniciado por IsaBelM

sí, has captado la idea. te corrijo alguna cosa

no le pases un string a setTimeout o setInterval
lo puedes hacer todo en una sola línea

OK intentare, ya que el anterior me refresco una sola vez y murio en el intento de volver a refrescar (tasmpoco me mostro el ancla)

alette666 · #20 (**permalink**) 13/05/2011, 17:27

Cita:

Iniciado por IsaBelM

sí, has captado la idea. te corrijo alguna cosa

no le pases un string a setTimeout o setInterval
lo puedes hacer todo en una sola línea

evidentemente refresco 2 veces y se murio en el tercero

la funcion:

Código HTML:

<SCRIPT LANGUAGE="JavaScript">
<!--recargar cada X tiempo-->
setTimeout(function() {
	document.getElementById('coments').scrollIntoView (true);}, 5000);
</scripts>
...
...
...
<div id="coments">&nbsp;</div>

me funcionó, pero no paso mas del segundo refresh miralo tu http://radiolive.netau.net/hash/lunanueva/request/

IsaBelM · #21 (**permalink**) 13/05/2011, 17:34

a ver, entonces en vez de usar el temporizador setTimeout has de usar setInterval, si lo que quieres es que la página se recarge cada x tiempo en un bloque infinito

Cita:

setTimeout ------> sólo recarga la página una sola vez
setInterval -------> recarga la página infinita veces

alette666 · #22 (**permalink**) 13/05/2011, 17:47

Cita:

Iniciado por IsaBelM

a ver, entonces en vez de usar el temporizador setTimeout has de usar setInterval, si lo que quieres es que la página se recarge cada x tiempo en un bloque infinito

ieaaaaaa, gracias IsaBelaM salió a la perfeccion, van Karma AGUR!

Aijoona · #23 (**permalink**) 13/05/2011, 18:31

Para cosas que no requieran ESTRICTAMENTE ejecutarse cada un período dado, es mejor usar el pattern:

Código Javascript:

Ver originalfunction repeat() {
    // logica especifica
 
    // llamada recursiva
    setTimeout(repeat, 5000);
}
 
// Comenzamos
repeat();

Ya que usando el setInterval el interprete va a intentar a toda costa respetar el intervalo en desmedro de trabajo más util además de posibilitar raras situaciones donde la ejecución se de cada menos del intervalo especificado.

alette666 · #24 (**permalink**) 13/05/2011, 18:37

Cita:

Iniciado por Aijoona

Para cosas que no requieran ESTRICTAMENTE ejecutarse cada un período dado, es mejor usar el pattern:

aijoona, es que lo que me interesa a mi es que refresque y me lleve a un ancla dentro de la pagina (situada abajo de todo) para visualizar el mas reciente de las peticiones solo eso pedia, y IsaBelaM me ayudó en este dilemilla, xq lo que hacia yo en la pagina era solo refrescar, pero cuando ya se llenaba de comentarios la pagina el usuario (en este caso el DJ de turno a visualizar el pedido que le encomendaron), tenia que estar con la barrita de el navegador constantemente hacia abajo para visualizarlo.
Ahora esta un poco mas automatizado.
Pero igual tendre y probaré tu repuesta tmb

GRACIAS!!

Aijoona · #25 (**permalink**) 13/05/2011, 18:39

No posteo como que esta incorrecta tu solución, sino para que incorpores nuevos conocimientos.

:p

alette666 · #26 (**permalink**) 02/06/2011, 20:25

Cita:

Iniciado por IsaBelM

a ver, entonces en vez de usar el temporizador setTimeout has de usar setInterval, si lo que quieres es que la página se recarge cada x tiempo en un bloque infinito

IsaBelM hice todo tal como me dijiste pero recien hoy me di cuenta de un gran ERROR en la pagina, es decir que no refresca sino que redirecciona nada mas, o sea que cuando van cayendo las solicitudes nuevas no las muestra, y resulta que cuando hago refresh la pagina me muestra mas de 7 peticiones nuevas que no habia leido, es decir que posiciona al ultimo comentario pero no refresca la pagina.

Puse tal cual me dijiste:

Código:

<SCRIPT LANGUAGE="JavaScript">
<!--recargar cada X tiempo-->
//setInterval(function() {
//	document.getElementById('coments').scrollIntoView (true);}, 30000);
</script>

Yo necesito que refresque toda la pagina y que me posisione al ultimo comentario, se entiende??

GRACIAS!!

IsaBelM · #27 (**permalink**) 03/06/2011, 06:55

la verdad es que se me ha hecho larga lectura, así que es esto que te voy a decir, lo digo con alguna reserva.
usa el meta refresh

ahora usa este script

Cita:

window.onload = function() {document.getElementById('coments').scrollIntoView (true);}

alette666 · #28 (**permalink**) 06/06/2011, 00:18

Cita:

Iniciado por IsaBelM

la verdad es que se me ha hecho larga lectura, así que es esto que te voy a decir, lo digo con alguna reserva.
usa el meta refresh

ahora usa este script

E-X-C-E-L-E-N-T-E
gracias IsaBellM