Tema destacado: Únete al Grupo Steam elhacker.NET
 Autor
|
Tema: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente (Leído 4,846 veces)
|
javierr
 Desconectado
Mensajes: 36
|
Pues esa es la idea, cada vez que se le de al boton actualizar se muevan los scroll horizontal y vertical de manera aleatoria para conseguir mostrar un contenido diferente de la pagina cada vez que la carguemos.
Aquí os dejo un script con el que consigo este efecto pero para desplazar los scroll siempre al mismo sitio, y lo que quiero hacer es si alguien me modifica este script para que no sea siempre el desplazamiento al mismo lugar sino a diferentes lugares aleatorios.
aquí el script:
<SCRIPT LANGUAGE=javascript>
Scrolling = 0;
function ScrollWin() {
while(Scrolling != 3000) {
this.scroll(1000,Scrolling)
Scrolling++;
}
}
</SCRIPT>
En el body ponemos esto para que cada vez que carguemos la pagina se invoque el efecto del script:
<BODY onload="javascript:ScrollWin()">
el while te mueve la web en vertical y el this.scroll lo hace en horizontal, en este caso moveria 3000 px en vertical y 1000 en horizontal los scroll.
Ahora bien, sabrías como hacerlo para que no tenga valores fijos sino que se mueva a lugares aleatorios cada vez que invoque el script al cargar la pagina???
Use random pero no se si esta bien este script:
<script language=javascript>
function ScrollWin() {
var Scrolling = 0;
var ancho = 0;
var alto = 0;
alto = $.randomBetween(0, alto);
ancho = $.randomBetween(0, ancho);
this.scroll(alto, ancho);
}
</script>
Ayudarme please, este script no me funcion, no se si habrá algo mal espero vuestra ayuda. gracias.
|
|
|
|
|
En línea
|
|
|
|
ABDERRAMAH
Desconectado
Mensajes: 276
lä Hydra! lä Cthulhu!
|
¿has probado así? <SCRIPT LANGUAGE=javascript> function ScrollWin() { Scrolling = 0; while(Scrolling != 3000) { this.scroll(1000,Scrolling) Scrolling++; } } </SCRIPT> ah, perdona, es el otro el que no funciona. <script language=javascript> function ScrollWin() { var Scrolling = 0; // [] var ancho = 0; var alto = 0; alto = $.randomBetween(0, alto); // [¿¿esto no crea un valor entre 0 y 0??] ancho = $.randomBetween(0, ancho); this.scroll(alto, ancho); } </script> prueba asi: <SCRIPT LANGUAGE=javascript>
function ScrollWin() {
var Scrolling = 0;
var ancho = 0;
var alto = 0;
var toph = 12; // [cambiar 12 por el valor deseado]
var topv = 12; // [cambiar 12 por el valor deseado]
alto = $.randomBetween(0, toph);
ancho = $.randomBetween(0, topv);
this.scroll(alto, ancho);
}
</SCRIPT>
|
|
|
|
« Última modificación: 25 Noviembre 2010, 15:39 por ABDERRAMAH »
|
En línea
|
|
|
|
javierr
Desconectado
Mensajes: 36
|
No funciona ABDERRAMAH, el único que funciona es el primer script, del segundo y el que has modificado no funciona. Sabrías modificar el primero para conseguir el efecto con aleatorio??
mira este script modificando el primero:
modificando algo de el por aquí igual conseguimos lo deseado:
<script language=javascript>
Scrolling = 0;
var rango_superior = 1000;
var rango_inferior = 500;
var aleatorio = Math.floor(Math.random()*(rango_superior-(rango_inferior-1))) + rango_inferior;
function ScrollWin() {
while(Scrolling != aleatorio){
this.scroll(aleatorio,Scrolling)
Scrolling++;
}
}
</script>
Este es el primer script el que sí funciona pero con un valor definido:
<SCRIPT LANGUAGE=javascript>
function ScrollWin() {
Scrolling = 0;
while(Scrolling != 3000) {
this.scroll(1000,Scrolling)
Scrolling++;
}
}
</SCRIPT>
ayuda por favor. gracias.
|
|
|
|
|
En línea
|
|
|
|
seele
Desconectado
Mensajes: 137
|
hola <script language=javascript>
function ScrollWin() {
var Scrolling = 0; // []
var ancho = 0;
var alto = 0;
alto = $.randomBetween(0, alto); // [¿¿esto no crea un valor entre 0 y 0??]
ancho = $.randomBetween(0, ancho);
this.scroll(alto, ancho);
}
</script> lo que sucede es que como bien dijo ABDERRAMAH, defines el alto y ancho como 0 por lo que el numero random que buscas siempre te va a devolver cero, tienes que usar el random en la variable alto y ancho o en este caso cambiarles el nombre a maximo y minimo algo asi <script language=javascript>
function ScrollWin() {
var Scrolling = 0; // []
var anchomax = 100;
var altomax = 300;
alto = $.randomBetween(0, altomax);
ancho = $.randomBetween(0, anchomax);
this.scroll(alto, ancho);
}
</script> saludos |
|
|
|
|
En línea
|
|
|
|
javierr
Desconectado
Mensajes: 36
|
hola seele, si eso es cierto, estaba mal pero aún corrigiéndolo, sigue sin funcionar el script, ese que me has puesto no funciona, creo que en javascript así no se aplican los random, ya que creo que proviene de la clase "Math", seguiré un rato más pero pienso que la clave de este script está en modificar el primero, no el segundo, gracias por vuestra ayuda.
|
|
|
|
|
En línea
|
|
|
|
ABDERRAMAH
Desconectado
Mensajes: 276
lä Hydra! lä Cthulhu!
|
No es mi lenguaje, pero puedo intentar algo a ver... no prometo nada, eh
|
|
|
|
|
En línea
|
|
|
|
javierr
Desconectado
Mensajes: 36
|
No te preocupes ABDERRAMAH, porque....
Ya lo he sacado!! Si quieres la solución avisa y la paso, estaba en la clase "Math", para usarlo bien con javascript debes programarlo con "Math.random" .
Lo unico que no me gusta es que se mueve el scroll poco a poco cada vez que recargas la pagina y me gustaría que lo hiciera de un tirón, ¿Sabes como hacer poner esto para que cuando haga scrolling lo haga de una vez y no poco a poco?
Oye ya que me estás echando una mano, te voy a proponer una cosa a ver si sabes hacerla también. ¿Sabrías programar un buscador que cuando metas un dato te lleve a una parte en concreto de la página? Es decir, como cuando por ejemplo pones un enlace que cuando pinchas en el te lleva a una parte de la pagina en concreto, hacer algo parecido pero no con un enlace sino con un buscador, aunque tuviese que crear yo las listas, te lo agradecería infinitamente. hay tienes mis 2 dudas, la del scrolling y esta última. mil gracias.
|
|
|
|
|
En línea
|
|
|
|
seele
Desconectado
Mensajes: 137
|
te mueve el scroll porque usaste la primera funcion esa mueve el scroll con wl whille de a 1px por cada ciclo
adapta tu random a la segunda solucion para que no se mueva
saludos
|
|
|
|
|
En línea
|
|
|
|
javierr
Desconectado
Mensajes: 36
|
Seele ya encontré el problema, estaba en el Scrolling++; del bucle que procesaba de uno en uno, si se lo cambias con un valor numérico más alto va más rápido el scrolling y no se nota como "va paso a paso" parece más automático. Entonces poniendo Scrolling +=100; Así va 100 veces más rápido y así sucesivamente pero sin pasarte sino se saltará el bucle y repetirá esto antes por lo que apenas se moverá el scroll. Gracias, y Seele te propongo lo mismo que al compañero, ¿ lo de hacer un pseudobuscador o algo así para que por ejemplo si le pones a una foto una etiqueta de por ejemplo un numero, hacer un buscador para que cuando metas ese número te lleve a esa parte en concreto de la página, me entiendes? Por ejemplo, si ponemos <a name="m0">LO QUE SEA</a> en una parte de la página y luego en otro lugar ponemos <a href="#m0">Al hacer click aquí me iré a LO QUE SEA</a> , con esto conseguimos que mediante un enlace nos lleve al lugar donde se encuentre LO QUE SEA. Pues mi pregunta es que si mediante javascript o lo que fuese se podría hacer algo parecido pero no con uin enlace, sino con una caja de búsqueda, que en la caja pusiera "algo" y al darle a buscar me llevara a una parte de la página por ejemplo a la parte LO QUE SEA. ¿ me entendiste??? si supierais resolverme esto os lo agradecería mucho mucho. gracias. |
|
|
|
|
En línea
|
|
|
|
seele
Desconectado
Mensajes: 137
|
claro, asi se mueve mas rapido, yo pense que querias que se quede fijo  pues la idea es hacer algo como un ancla? no termino de cerrar la idea por completo, pero si todo lo que se pueda hacer para colaborar se hara con gusto  saludos |
|
|
|
|
En línea
|
|
|
|
javierr
Desconectado
Mensajes: 36
|
Pues Seele la idea viene siendo esa en cuestión. Imagina que tengo dentro de una pagina 100 fotos vale?, y esas 100 fotos no caben en la pantalla del pc por lo que no podremos verlas todas a no ser que nos movamos con los scroll ok?
Pues la idea es poner como una especie de buscador interno (o aunque no lo fuese que tuviera ese aspecto) y que tu al escribir lo que sea dentro de la caja de busqueda y darle al botón buscar pues se dirigiera a una parte especifica de la pagina. Es decir si por ejemplo tenemos 100 fotos, y la foto numero 100 esta abajo del todo, ponerle como un ancla a esa foto poniendo por ejemplo el valor de 100, y que cuando ponga yo en la caja de busqueda el numero 100 y le de a buscar, se desplace hasta esa foto (aunque tenga un margen de error, pero al menos a esa zona). Ya sabes como va la idea ¿verdad? hacer algo parecido que lo del "name" pero dentro de una caja de busqueda, ¿ya me entendiste? espero me puedas ayudar.
Thankss
|
|
|
|
|
En línea
|
|
|
|
seele
Desconectado
Mensajes: 137
|
entiendo lo que dices, pero hacer un buscador asi trae inconvenientes, ya que si bien no es dificil de implementar, el asunto es que cargarias toda la info en una misma pagina y eso no es recomendable mas si tenes 100 fotos porque cargarian todas de una, en esos casos lo mejor es hacer un paginado
|
|
|
|
|
En línea
|
|
|
|
javierr
Desconectado
Mensajes: 36
|
Seele precisamente lo que necesito es eso, que carguen todas las fotos en una misma pagina. Pero realmente no querría que cargaran como tal, por eso te comento que realmente no querría la función de un buscador interno tal cual, que al darle a buscar cargue de nuevo la página con el posible contenido buscado, sino hacer una especie de pseudo-buscador que al poner el numero 100 por ejemplo dentro de la pseudo-caja de búsqueda, me dirija a la parte donde está la foto numero 100, es como si fuera un ancla, como si generases el enlace en ese mismo momento en la caja de búsqueda que te iba a llevar a la foto que este etiquetada con ese número, sabes? Es decir, por ejemplo a la foto numero 100 le ponemos delante <a name="foto100"><img src="URL_foto100"></a> por ejemplo vale?, pues ahora en vez de poner <a href="#foto100">UN ENLACE</a> que nos lleve a esa imagen, hacer esto pero en un buscador, al introducir el 100 en la caja me lleve a esa parte, por lo tanto no me gustaría que cargara la pagina cada vez que pusieras algo en la caja de búsqueda, sino que actuara como un ancla, entonces una vez cargada la pagina una vez, ya no tendría que volver a cargar de nuevo toda sino que directamente me muestra una parte de esta misma ya cargada al principio. Espero que con esto me hayas entendido totalmente y me puedas echar un cable para ver como lo hacemos, aunque le tuviera que hacer una lista o lo que fuera o fuese laborioso, pero conseguir esa función es la que me interesa. Thankssss. |
|
|
|
|
En línea
|
|
|
|
seele
Desconectado
Mensajes: 137
|
Hola,
si entendi el concepto de lo que decis, pero como te digo no es conveniente hacerlo con anclas porque estarias cargando las 100 fotos de una por mas que no las busques
la mejor solucion para hacerlo como dicesm es tener un div actualizable con ajax, donde el buscador tan solo recarga la info de lo que necesitas, de esa forma estarias cargando de a un foto por vez pero sin recargar la pagina entera, lo unico que recargaria es el contenido del div, te parece esa solucion?
saludos
|
|
|
|
|
En línea
|
|
|
|
javierr
Desconectado
Mensajes: 36
|
Seele supongo que de la manera que dices será mejor, pero por como ira el formato de mi pagina lo que me interesa es hacerlo de la otra forma. Quiero que se vean las 100 fotos en la misma pagina y no recargar nada con el buscador, solo usar anclas pero en una especie de buscador, ya que como podras observar no quedaria bien poner 100 enlaces diferentes para 100 fotos. Entonces una vez cargadas todas las fotos, ponerlas con ancla y al meterle el dato al buscador que me lleve a la foto determinada pero sin cargar cada foto independientemente en una pagina diferente, lo unico que quiero es que esten las 100 fotos y que mediante un buscador o algo parecido me lleve con ancla por ejemplo a la foto determinada, ¿sabes? No es que pretenda buscar una función o método mejor sino que lo necesito hacer de este modo por el formato de la web vale? Gracias Seele espero lo podamos hacer.
|
|
|
|
|
En línea
|
|
|
|
|
 |
