Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: javierr en 25 Noviembre 2010, 14:16 pm



Título: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: javierr en 25 Noviembre 2010, 14:16 pm
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.


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: ABDERRAMAH en 25 Noviembre 2010, 15:31 pm
¿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:
Citar
<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>


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: javierr en 25 Noviembre 2010, 17:14 pm
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.



Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: seele en 25 Noviembre 2010, 17:20 pm
hola
Código
  1. <script language=javascript>
  2.  
  3. function ScrollWin() {
  4.   var Scrolling = 0; // []
  5.   var ancho = 0;
  6.   var alto = 0;
  7.  
  8.   alto = $.randomBetween(0, alto); // [¿¿esto no crea un valor entre 0 y 0??]
  9.   ancho = $.randomBetween(0, ancho);
  10.  
  11.   this.scroll(alto, ancho);
  12. }
  13. </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

Código
  1. <script language=javascript>
  2.  
  3. function ScrollWin() {
  4.   var Scrolling = 0; // []
  5.   var anchomax = 100;
  6.   var altomax = 300;
  7.  
  8.   alto = $.randomBetween(0, altomax);
  9.   ancho = $.randomBetween(0, anchomax);
  10.  
  11.   this.scroll(alto, ancho);
  12. }
  13. </script>

saludos


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: javierr en 25 Noviembre 2010, 17:51 pm
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.


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: ABDERRAMAH en 25 Noviembre 2010, 18:07 pm
No es mi lenguaje, pero puedo intentar algo a ver... no prometo nada, eh


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: javierr en 25 Noviembre 2010, 18:49 pm
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.


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: seele en 25 Noviembre 2010, 18:51 pm
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


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: javierr en 25 Noviembre 2010, 20:01 pm
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.


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: seele en 25 Noviembre 2010, 20:29 pm
claro, asi se mueve mas rapido, yo pense que querias que se quede fijo :P

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


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: javierr en 25 Noviembre 2010, 20:46 pm
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


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: seele en 25 Noviembre 2010, 21:10 pm
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


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: javierr en 25 Noviembre 2010, 22:29 pm
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.


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: seele en 25 Noviembre 2010, 23:42 pm
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


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: javierr en 26 Noviembre 2010, 00:28 am
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.


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: seele en 26 Noviembre 2010, 01:43 am
entiendo, no hay problema, trabajaremos en eso entonces ;)


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: javierr en 26 Noviembre 2010, 11:48 am
Pues perfecto cuando quieras o tengas algo avisa y vamos probando, no creo que sea muy dificil de hacer verdad? tampoco soy ningun experto y la verdad no se como podría hacer esto, espero que encontremos la respuestas lo antes posible. gracias.


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: seele en 26 Noviembre 2010, 14:02 pm
hola pues si no hay prioblema en cuanto tenga un ratito te doy una mano.
mientras te dejo unas recomendaciones para que te vayas haciendo una idea

primero que nada deberas decidir como tener tu buscador, si con una caja de texto(eso debera buscar las anclas guardadas ya sea en una base de datos, archivo de texto o algun otro lugar) un listado desplegable con todas las anclas disponibles, que seria medio pesado buscar ahi mas sabiendo la cantidad de fotos que tienes.

la funcion para buscar un ancla con javscript podria ser algo asi

Código
  1. function llamaralancla(){
  2. document.location.href = "#ancla";
  3. }

espero que esto sirva para empezar
saludos


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: javierr en 26 Noviembre 2010, 16:31 pm
Seele lo interesante como bien dices es hacerlo con una caja de texto, con un menu desplegable tambien lo veo muy pesado, una caja de texto donde se ponga el dato que nos llevara a la foto con el mismo dato, en este caso para ir probando podremos hacerlo poniendo 100 y que nos lleve a la foto que tenga puesto el numero 100.

La función que escribiste es la suya supongo, pero ahora, como hariamos el ancla en la foto que escribimos de etiqueta en esa foto? para que cuando pongamos el numero en el buscador nos lleve a esa foto?


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: seele en 26 Noviembre 2010, 16:45 pm
bien, si primero que nada tienes que definir como poner el ancla a cada foto, eso depende claro esta de como subes la foto, si lo haces a mano, a partir de un script o que, eso ya queda a criterio tuyo, tambien deberias almacenar en una base de datos (es una opcion) el ancla y el nombre de la foto que le corresponde cosa de poder relacionarlas tanto a la hora de la busqueda como a la hora de llamarlos


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: javierr en 26 Noviembre 2010, 17:05 pm
pues cada foto supongo que la subiré a un hosting, el que vaya a contratar y me la almacenarán ellos, lo de subirlas con un script no te he entendido o en el caso, no se como se hace, pero vamos supongo por la forma normal, subir la foto a un hosting y de allí tomar la URL de la foto. Así pues podríamos definir el ancla de esta manera (dime si así estaría bien):
le ponemos el "a name" delante de la foto no?

Código
<a name="foto100"><img src="URL_foto100"></a>

Para hacerlo mas sencillo a la hora de la busqueda y la base de datos las pondremos con numero en principio, foto1, foto2,foto3, etc...

Ahora bien, en el script:

Código
function llamaralancla(){
document.location.href = "#ancla";
}

¿Como ponemos el <a href="#foto100">foto100</a>  ???

Para que nos ancle a la foto 100??

Estarían bien puestas así las anclas no?? ¿Ahora como lo integramos en la función del script? saludos


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: seele en 26 Noviembre 2010, 17:23 pm
si esta bien, queria saber si las anclas las ibas a poner a mano o no, por eso preguntaba nada mas.....respecto a lo otro si tan solo hay que llamar al ancla como nombre #nombre_de_ancla en este caso podria ser foto100 por ejemplo.
esa funcion javascript deberia ser llamada con un evento onclick cuando se confirma la busqueda de esa forma la pagina no tiene que recargar.

yo diria que vayas avanzando con lo del layout y la parte del formulario a utilizar, apenas me desocupe un poco te ayudo con el script de busqueda ;)


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: javierr en 26 Noviembre 2010, 17:42 pm
Pues entonces el evento onclick que podemos hacer para invocar la función javascript lo hariamos cuando se haga click en el boton buscar del pseudo-buscador. Dentro de la caja de busqueda se pondría foto100 y al hacer click en buscar nos manda a la foto 100 con su etiqueta ya puesta anteriormente y con eso conseguiriamos el efecto deseado. Simplemente hay que poner un buscador y usar su aspecto para que nosotros hagamos esta función con el script. Lo unico por lo que me comentas es que se ve que habría que poner tambien delante de foto100 el "#" y lo interesante sería que el "#" ya estuviera puesto por defecto y solo hubiese que añadir foto100 pero bueno ya lo vemos, con respecto al layout (al diseño no?) y el formulario como te digo simplemente es enmascarar nuestra función bajo la apariencia de un buscador interno cualquiera, no necesito formulario simplemente la caja de busqueda donde ponemos foto100 y el boton buscar que funcionaría como el invocador onclick del script ancla.
Así es no?


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: seele en 26 Noviembre 2010, 18:02 pm
exacto si, es tal cual como lo dices, el # ya queda por defecto, seria molesto para el usuario que busca tener que tipearlo. en cuanto a lo que mencionas de el boton de busqueda y el cuadro de texto es asi como deberia funcionar


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: javierr en 26 Noviembre 2010, 18:21 pm
Pues perfecto Seele, en cuanto tengas el codigo lo estamos probando a ver si funciona como queremos, lo del tema del buscador. habría que coger el css de ese buscador no?? porque el codigo del mismo no debemos usarlo, solo lo que es el fondo del buscador y el boton buscar verdad? bueno pues eso conforme puedas lo probamos a ver que tal anda.


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: seele en 26 Noviembre 2010, 18:29 pm
no entendi lo del css, basicamente lo podes poner cual estilo al campo de texto y al boton, eso no afecta en nada al funcionamiento


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: javierr en 26 Noviembre 2010, 18:56 pm
si justo a eso es a lo que me referia, le pondremos cualquier estilo, lo unico es quitarle la funcion al buscador y adaptarlo a lo que nosotros pretendemos.

Por cierto Seele he visto que me contestaste a otro tema en lo del zoom, pero eso es muy sofisticado, yo realmente lo que querría hacer es hacer mas pequeño el contenido, que como ya sabes pues al tratar con fotos hacerle un zoom general a una parte de la pagina para concentar el maximo numero de fotos en la pantalla del pc, algo asi como cuando das Ctrl - en tu navegador pero solo hacerlo a una parte de la pagina y que tuviese un limite muy alto, es decir que pudiera hacerlo muy pequeño el zoom, aunque mejor por este hilo movemos el otro tema, este lo hablamos por su correspondiente hilo para no mezclar, no crees?


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: seele en 26 Noviembre 2010, 19:09 pm
si mejor cada tema por su hilo, el otro como dije no lo implemente mucho pero buscare a ver si se ocurre algo mas sencillo


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: javierr en 26 Noviembre 2010, 19:15 pm
pues perfecto si se te ocurre hacer algo igual que hace el navegador estupendo mediante algun botón, avisa cuando tengas el codigo y vamos probando, yo mientras tanto voy a buscar un buscador que se adapta a los colores y forma de la pagina...


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: javierr en 27 Noviembre 2010, 19:24 pm
Seele ya tengo el diseño del buscador de fotos terminado, solo falta aplicar el código así que cuando quieras y tengas el script vamos probando su funcinonalidad. Si lo tienes pasalo y voy viendo como añadir las anclas una a una o como lo hayas previsto.
Saludos.  ;)


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: javierr en 28 Noviembre 2010, 16:44 pm
Seele como lo llevas? has conseguido algo, te lo comento porque te veo conectado, oye yo he conseguido invocar el script del ancla que me pasaste pulsando el boton de buscar del buscador, lo unico que me falta es hacerlo al poner en la caja de texto "foto100" x ejemplo.

¿Se podría hacer metiendo el script dentro del codigo del buscador en el codigo de la caja de texto? si necesitas el codigo te lo paso, echame una manilla que esto está casi terminado ya! saludos contesta lo antes posible please!


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: javierr en 28 Noviembre 2010, 18:39 pm
Alguien mas podría echarme una mano? si habeis seguido el hilo sabreis que es lo que me gustaría hacer.
He conseguido invocar el ancla al darle al boton buscar del buscador pero solo con un ancla, con varias no se hacerlo, ya que la intención es colocar en la caja de texto el contenido del ancla.

Este es el script (te lo dejo seele para que lo veas tambien):


</script>
<script submit="image" event="onClick" language="javascript">
function llamaralancla(){
document.location.href = "#foto100";
}
</script>

ayuda si alguien mas de seele me puede hechar una mano, mil gracias y perdonar por postear tanto sin recibir contestación pero estoy desesperado con esto!


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: seele en 29 Noviembre 2010, 14:58 pm
prueba con esto
Código
  1. <html>
  2. <head></head>
  3. <body>
  4. <input type="text" name="buscar" id="buscar" value="buscar"/>
  5. <input type="submit" value="ir" onclick="buscar()"/>
  6.  
  7. <script type="text/javascript">
  8. function buscar() {
  9. var tag = document.getElementById('buscar').value;
  10. document.location.href = '#'+tag
  11. }
  12. </script>
  13. </body>
  14. </html>

aqui cada vez que le des al boton redirigira a la misma pagina buscando un ancla con el nombre tipeado en la caja de texto

espero te sirva


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: javierr en 7 Diciembre 2010, 15:28 pm
aquí lo tienes;

Eston son los botones del buscador:

<pre class="javascript geshi" style="font-family:monospace;">

<form onsubmit='buscar(); return false'>
<input class='searchtext' id='search' name='search' ' type='text' value='Search!'/>
<input class='searchsubmit' type='image' name='submit' src='imagenes/button.gif' onclick='buscar()'/>
</form>
</pre>

Aquí está el script:

<pre class="javascript geshi" style="font-family:monospace;">

<script type="text/javascript">
function buscar() {
var tag = document.getElementById('search').value;
document.location.href = '#'+tag
}
</script>
</pre>

ahí está ok?


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: seele en 7 Diciembre 2010, 15:36 pm
faltaria la funcion que mueve los scrolls es esa la que hay que adaptar

saludos


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: javierr en 7 Diciembre 2010, 15:51 pm
seele función de movimiento de scroll no tengo puesta, simplemente los scroll se mueven de forma automática al darle a buscar si la foto que buscas no se encuentra dentro de la pantalla del pc, el scroll se mueve solo para buscar la foto me entiendes? pero se mueve solo hasta esa posición justo en la que encuentra la foto, justo en ese momento se paran,

No tengo ninguna función que mueva scroll pero si quieres te paso una función para que la modifiques que mueve los scroll. a ver si esta te sirve:

Código
  1.  
  2. <script language=javascript>
  3.  Scrolling = 0;
  4.  function Situarscroll() {
  5.    while(Scrolling != 700) {
  6.    this.scroll(200,Scrolling)
  7.    Scrolling++;
  8.    }
  9.  }
  10. </script>
  11.  
  12.  


esto mueve el scroll a la posición 700 px de alto, y 200 px de ancho, esta te podría servir modificandola para nuestro script, y meterla dentro del script del buscador para que seguido de hacer la función de buscar el ancla, luego haga esta otra función pero dentro del mismo script para que los dos se invoquen de la misma manera. esto quiza sea una solución. thanks  te lo paso también por el hilo.


Título: Re: Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente
Publicado por: seele en 7 Diciembre 2010, 15:56 pm
muy bien chequeare como hacerlo con los scrolls normales

saludos