Foros del Web » Programando para Internet » Javascript »

scripts navideños

Estas en el tema de scripts navideños en el foro de Javascript en Foros del Web. Hola caricatos, angsanchez y seoista: Caricatos ¿No te lo puedes creer?... Siempre he reconocido ser bastante torpecillo en esto, no creo haber presumido de lo ...

  #31 (permalink)  
Antiguo 10/12/2004, 02:52
Avatar de fgil2  
Fecha de Ingreso: enero-2003
Ubicación: zaragoza
Mensajes: 285
Antigüedad: 21 años, 3 meses
Puntos: 0
Hola caricatos, angsanchez y seoista:

Caricatos ¿No te lo puedes creer?... Siempre he reconocido ser bastante torpecillo en esto, no creo haber presumido de lo contrario.
Espero, como dices que mi página la visiten desde todos los navegadores, no obstante salvo este escurridizo script, el resto es visible con todos los navegadores o al menos asi lo he comprobado con Opera, Mozilla y Explorer.
No le doy excesiva importancia al "Papa", en mi casa ya hace tiempo que pasa; que se pone a andar pero no llega...
Fuera de bromas, he cogido el concepto, he puesto getElementById en cada "rex", también he tomado buena nota de la dirección que insertas angsanchez, gracias. He implementado ambos aspectos pero de momento no lo he conseguido.
Seoista, es cierto que tal como lo ha puesto caricatos pasa como tu dices, voy a insistir en el enlace de angsanchez....
Saludos a todos y muchas gracias por las molestias, ya es cuestión de pundonor, más que por el script en si.
__________________
fer
  #32 (permalink)  
Antiguo 10/12/2004, 04:34
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Hola otra vez:

Solo fallaba una línea:

Código:
<html>
<body>>
<div STYLE="position:absolute;top:1px;left:1px" id="rex">
<img src="papa1.gif" width="72" height="105" />
</div>
<script LANGUAGE="javascript" type="text/javascript" >
var hasta = screen.width;
var height = screen.height;
document.getElementById("rex").style.left = "0px";
document.getElementById("rex").style.Top = (height-628) + "px";
document.getElementById("rex").style.visibility = "visible";
function mover()
{
if(parseInt(document.getElementById("rex").style.left) < document.body.clientWidth)
{
document.getElementById("rex").style.left = parseInt(document.getElementById("rex").style.left) + 10 + "px";
var tiempo = setTimeout("mover()",120);
}
else
{
clearTimeout(tiempo);
}
}
mover();
</script>
</body>
</html>
Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #33 (permalink)  
Antiguo 10/12/2004, 04:59
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 20 años, 7 meses
Puntos: 59
Hola caricatos.

Con este último código:

En I.E6 =
En Mozilla Firefox =

Solucionado por la parte que a mí me corresponde.

Muchisisisimas gracias. De momento os dejo tranquilos, pero os sigo leyendo.

Saludos y que no falte la felicidad para todos .
__________________
· No contesto por M.P.
  #34 (permalink)  
Antiguo 10/12/2004, 13:20
Avatar de fgil2  
Fecha de Ingreso: enero-2003
Ubicación: zaragoza
Mensajes: 285
Antigüedad: 21 años, 3 meses
Puntos: 0
Hola caricatos:

Muchas gracias, ya he visto la línea que comentas.. eres increible, ahora mismo lo subo a ver si este año de verdad se acerca por casa.
Gracias de nuevo.
Saludos para todos.
__________________
fer
  #35 (permalink)  
Antiguo 10/12/2004, 16:28
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Hola otra vez:

Si la capa por donde se pasea Papa Noel tiene el estilo overflow: hidden, puede empezar por un número negativo (por ejemplo "-72px" y en ese caso empezaría a aparecer desde 0).

Bueno. Que nos visiten a todos... y los Reyes Magos tambien.

¡Muchas Felicidades!
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #36 (permalink)  
Antiguo 14/12/2004, 12:31
 
Fecha de Ingreso: noviembre-2003
Ubicación: En lo mas profundo de tu alma.
Mensajes: 93
Antigüedad: 20 años, 5 meses
Puntos: 0
Increible

Este tema cumple ya un año esperemos se vuelva a tomar en cuenta la proxima navidad y se agregen mas script ya que fue esa la idea original.................
__________________
Los consejos son ayuda, no cabe duda...

Pero no olvides que la solución de nuestros problemas está dentro de nosotros mismos.

C. Torres Pastorino.


Hasta luego..................... :adios:
  #37 (permalink)  
Antiguo 15/12/2004, 04:13
 
Fecha de Ingreso: diciembre-2004
Mensajes: 79
Antigüedad: 19 años, 4 meses
Puntos: 0
Hola a todos. No tengo mucha idea de JavaScript. Tengo una página web hecha en php. El Script de la nieve que habeis puesto arriba lo he pegado directamente antes de todo el código de mi página. ¿He hecho bien?
Por otro lado, he comprobado con programas como el Anfy Java, que cuando pones algún applet en la web, te crea unos archivos .class. ¿No hace falta en este caso?

Perdonad si alguna pregunta os parece tonta, pero ya os digo, soy bastante novato.

Un saludo
  #38 (permalink)  
Antiguo 15/12/2004, 10:05
 
Fecha de Ingreso: diciembre-2004
Mensajes: 79
Antigüedad: 19 años, 4 meses
Puntos: 0
ignorad el post anterior, ya he solucionado el tema. Eso si, me gustaria saber si hay alguna opcion de simular la caida pero con varias imagenes en lugar de una sola determinada. Poner 2 o 3 tipos de copo o algo asi. ¿Es posible?

Un saludo
  #39 (permalink)  
Antiguo 18/12/2004, 10:26
 
Fecha de Ingreso: febrero-2002
Mensajes: 1.034
Antigüedad: 22 años, 2 meses
Puntos: 0
Una pregunta o dos... ¿El script de caricatos para que rule de fondo en una capa se pegaría el script dentro de la etiqueta layer?

Y otra, ¿cómo sería posible y en caso de que lo fuera... Conservar el árbol de Navidad que aparece en la url que facilita caricatos abajo a la izquierda, que siempre mantuviera esa posición en la pantalla, al margen de que se usara o no el scroll?

Pongo la url de nuevo: http://www.pepemolina.com/navidad/

disculpad mi ignorancia supina.
Saludos.

Última edición por josemari; 18/12/2004 a las 10:33
  #40 (permalink)  
Antiguo 18/12/2004, 13:24
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Hola josemari:

Sobre la posición del árbol, tendrías que poner en los estilos del body background-attachment: fixed; (no estoy del todo seguro, pero casi), y para el tema de la ubicación es cuestión de fijar el estilo background-position con las coordenadas que quieras. Si quieres que dependa de la ventana tendrías que esperar a que se cargue la página y calcular las dimensiones del body y luego asignar los valores para el estilo background-position.

Sobre el script de la página, no es mío, pero dentro del fichero están los créditos del autor: http://www.pepemolina.com/navidad/nieve.js aunque viendo el código, parece que está pensado para que funcione para toda la página y no para una capa.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #41 (permalink)  
Antiguo 19/12/2004, 10:44
 
Fecha de Ingreso: octubre-2004
Mensajes: 3
Antigüedad: 19 años, 6 meses
Puntos: 0
Esta muy bien eso de dar un toque navideño a internet. He puesto el script de la nieve en mi página y funciona perfectamente.
FELIZ NAVIDAD
  #42 (permalink)  
Antiguo 19/12/2004, 11:47
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Hola otra vez:

Acabo de entrar a la página de fgil2 ( ) y he visto que al esconderse Papá Noel se produce scroll...

No sé si será mejor ponerle estilo overflow:hidden en algún lado (tal vez en una capa donde se ponga el dibujo...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #43 (permalink)  
Antiguo 19/12/2004, 13:53
 
Fecha de Ingreso: febrero-2002
Mensajes: 1.034
Antigüedad: 22 años, 2 meses
Puntos: 0
Muchas gracias caricatos, anduve fuera. :saludos:
  #44 (permalink)  
Antiguo 23/11/2007, 17:02
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Re: scripts navideños

Hola:

Nos acercamos a otras navidades, y pensé en revivir este tema para quien quiera adjuntar nuevos scripts o quien necesite ayuda con alguno.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #45 (permalink)  
Antiguo 05/12/2007, 14:05
 
Fecha de Ingreso: noviembre-2003
Ubicación: En lo mas profundo de tu alma.
Mensajes: 93
Antigüedad: 20 años, 5 meses
Puntos: 0
Re: scripts navideños

Hey caricatos saludos, bueno que tema tan viejo, recuerdo que lo iniciamos algunos yo subi un codigo de un script de nieve que concgui bueno fue hac tanto que ya ni recuerdo y la imagen de la nieve no creo tenerla ya asi que bueno si otro pudiese colaborar con eso, por que, hasta no hac unos añitos atras me pedian al privado que les enviara la imagen bueno (y no lo hice :-p) , espero reviva este tema y saludos....
__________________
Los consejos son ayuda, no cabe duda...

Pero no olvides que la solución de nuestros problemas está dentro de nosotros mismos.

C. Torres Pastorino.


Hasta luego..................... :adios:
  #46 (permalink)  
Antiguo 20/12/2007, 17:49
 
Fecha de Ingreso: diciembre-2007
Mensajes: 9
Antigüedad: 16 años, 4 meses
Puntos: 0
Re: scripts navideños

Cita:
Iniciado por JuanCarlos Ver Mensaje
Si te interesa este es el script de la nieve lo que te faltaria es la imagen mandame tu e-mail. para enviartela:

<script language="JavaScript1.2">


// URL path de la imagen
var snowsrc="snow.gif"
//Cantidad de nieve
var no = 10;

var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;

if (ns4up||ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();

for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><a><img src='"+snowsrc+"' border=\"0\"><\/a><\/layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"><\/layer>");
}
} else if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
}
}
}

function snowNS() { // Netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", 10);
}

function snowIE_NS6() { // IE and NS6 main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = ns6up?window.innerWidth : document.body.clientWidth;
doc_height = ns6up?window.innerHeight : document.body.clientHeight;
}
dx[i] += stx[i];
if (ie4up){
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
else if (ns6up){
document.getElementById("dot"+i).style.top=yp[i];
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i]);
}
}
setTimeout("snowIE_NS6()", 10);
}

if (ns4up) {
snowNS();
} else if (ie4up||ns6up) {
snowIE_NS6();
}

</script>

Porque no funciona en Firefox?????
  #47 (permalink)  
Antiguo 21/12/2007, 01:05
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 20 años, 7 meses
Puntos: 59
Re: scripts navideños

Cita:
Iniciado por marrahi Ver Mensaje
Porque no funciona en Firefox?????
Exacto, a mí tampoco me funciona en Firefox.

¿Por qué? (Why?)

Saludos
__________________
· No contesto por M.P.
  #48 (permalink)  
Antiguo 21/12/2007, 03:45
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Re: scripts navideños

Hola:

Tan solo corté y pegué el código en mi probador: Probador de scripts, y le añadí los tags restantes: html, head y body, y por último puse una url de imagen existente, por ejemplo:
var snowsrc="../dibujos/miemoticon.gif"
Y el script funcionó a la perfección...

Por cierto, parece ser el código original: nieve.js By Altan d.o.o. ([email protected], http://www.altan.hr/snow/index.html) con los créditos borrados, cosa que no está bien, así que sugiero que los pongan o enlacen con el script y sus créditos.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #49 (permalink)  
Antiguo 21/12/2007, 06:44
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 20 años, 7 meses
Puntos: 59
Re: scripts navideños

Hola caricatos , yo lo tengo así:

El JAVA SCRIPT:
Cita:
/******************************************
* Snow Effect Script- By Altan d.o.o. ([email protected], http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive (http://www.dynamicdrive.com/) for full source code
* Modified Dec 31st, 02' by DD. This notice must stay intact for use
******************************************/
var now = new Date();
var dia = now.getDate();;
var mes = now.getMonth()+1;
if((mes==12)||((mes==1)&&(dia<7))){
//Configure below to change URL path to the snow image
var snowsrc="snow.gif"
// Configure below to change number of snow to render
var no = 10;

var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;

if (ns4up||ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();

for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><a href=\"http://dynamicdrive.com/\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"><\/layer>");
}
} else if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
}
}
}

function snowNS() { // Netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", 10);
}

function snowIE_NS6() { // IE and NS6 main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = ns6up?window.innerWidth : document.body.clientWidth;
doc_height = ns6up?window.innerHeight : document.body.clientHeight;
}
dx[i] += stx[i];
if (ie4up){
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
else if (ns6up){
document.getElementById("dot"+i).style.top=yp[i];
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i]);
}
}
setTimeout("snowIE_NS6()", 10);
}

if (ns4up) {
snowNS();
} else if (ie4up||ns6up) {
snowIE_NS6();
}
}
El HTML:
Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> - </title>
<meta http-equiv=Content-Type content="text/html; charset=iso-8859-1" />
</head>
<body>
<script type="text/javascript" src="snow.js"></script>
- - - - - - - - - - - - - -
</body>
</html>
Pero no me funciona en Firefox, en I.E. si va bien.
En F.F. sale una sola estrellita de la nieve, pero parada a la izquierda de la pagina, pero sin bajar, o sea, se queda fija.

¿Qué tengo que cambiarle al Script para que funcione en I.E. y F.F.?

Desde YA, muchas gracias

Saludos caricatos
y
¡¡¡Féliz Navidad para tod@s!!!
__________________
· No contesto por M.P.
  #50 (permalink)  
Antiguo 21/12/2007, 12:00
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Re: scripts navideños

Hola Alberto:

También te deseo muchas felicidades...

La verdad es que por momentos he tenido el navegador un poco tonto y no pude probar tu código, pero el que hay en el enlace anterior mío, funciona bien (al menos en mi firefox portable)

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #51 (permalink)  
Antiguo 22/12/2007, 01:16
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 20 años, 7 meses
Puntos: 59
Re: scripts navideños

Cita:
Iniciado por caricatos Ver Mensaje
..., pero el que hay en el enlace anterior mío, funciona bien (al menos en mi firefox portable)
Muchas gracias Pepe, lo probaré y ya te diré cómo me fué.

A ver si hay suerte y me funciona en Firefox.

Abrazos
__________________
· No contesto por M.P.
  #52 (permalink)  
Antiguo 22/12/2007, 02:38
 
Fecha de Ingreso: diciembre-2007
Mensajes: 9
Antigüedad: 16 años, 4 meses
Puntos: 0
Re: scripts navideños

Si, a mi me pasa lo mismo que a seoista, lo puedes comprovar en www.auelapinta.com

i tambien tienes razon que en tu provador de scripts funciona bien.
  #53 (permalink)  
Antiguo 22/12/2007, 03:36
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Re: scripts navideños

Cita:
Iniciado por marrahi Ver Mensaje
Si, a mi me pasa lo mismo que a seoista, lo puedes comprovar en www.auelapinta.com

i tambien tienes razon que en tu provador de scripts funciona bien.
Hola:

No sé como funciona tu script en tu página, pero en mi probador, cambiando la imágen va bien... por cierto, fíjate como se ve tu copo de nieve:

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #54 (permalink)  
Antiguo 22/12/2007, 03:45
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Re: scripts navideños

Cita:
Iniciado por seoista Ver Mensaje
...
En F.F. sale una sola estrellita de la nieve, pero parada a la izquierda de la pagina, pero sin bajar, o sea, se queda fija.
...
¡¡¡Féliz Navidad para tod@s!!!
El típico fallo de no poner las medidas:
Código:
else if (ns6up){
document.getElementById("dot"+i).style.top=yp[i] + "px";
document.getElementById("dot"+i).style.left=(xp[i] + am[i]*Math.sin(dx[i])) + "px";
}
Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #55 (permalink)  
Antiguo 23/12/2007, 00:21
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 20 años, 7 meses
Puntos: 59
Re: scripts navideños

Cita:
Iniciado por caricatos Ver Mensaje
El típico fallo de no poner las medidas:
Código:
else if (ns6up){
document.getElementById("dot"+i).style.top=yp[i] + "px";
document.getElementById("dot"+i).style.left=(xp[i] + am[i]*Math.sin(dx[i])) + "px";
}
Muchas gracias Pepe, me ha funcionado estupendamente en Firefox... y I.E. .
Lo archivaré para próximos inviernos .

Abrazos y que tengas una Féliz Nochebuena .
__________________
· No contesto por M.P.
  #56 (permalink)  
Antiguo 23/12/2007, 02:51
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 20 años, 7 meses
Puntos: 59
Re: scripts navideños

¡Se me olvidaba!

Este post es de fecha: 09/12/03, 22:58:59,
Cita:
Iniciado por vicms Ver Mensaje
lo malo es que no se recopila abajo, somo la nieve de verdad...
¡Sería estupendo que se acumulara la nieve abajo de la pantalla!

¿Se podría hacer? ¿Cómo? ( hoy me he levantado muy preguntón ).

Saludos
__________________
· No contesto por M.P.
  #57 (permalink)  
Antiguo 25/12/2007, 16:35
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Re: scripts navideños

Hola:

Pues también deseo felices fiestas, y con respecto a la acumulación de nieve, creo que se convertiría en un script bastante más complejo, y difícil de implementar (al menos para que se vea bien en todos los navegadores), ya que los copos que fuesen cayendo tendrían que inmovilizarse, o sea que se deberían crear nuevos copos constantemente, y habría que hacer más cálculos, para reducir la distancia de la caída... bueno, son unas cuantas cosas que no sé si valdría la pena implementar.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #58 (permalink)  
Antiguo 25/12/2007, 17:47
Avatar de derkenuke
Colaborador
 
Fecha de Ingreso: octubre-2003
Ubicación: self.location.href
Mensajes: 2.665
Antigüedad: 20 años, 6 meses
Puntos: 45
Re: scripts navideños

Bueno, es la primera vez que posteo en este hilo... aunque lo veo siempre! jeje.

Unas mejoras para un script de lo más anticuado (incluso con browser sniffing):

Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
<
html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<
head>
<
meta http-equiv="Content-type" content="text/html;charset=iso-8859-1" />
<
meta name="Author" content="derkeNuke" />
<
title>Página nueva</title>
<
style type="text/css">
body height100%; }
</
style>
</
head>

<
body>


<
script type="text/javascript">
<!--


/******************************************
* Snow Effect Script- By Altan d.o.o. ([email protected], http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive (http://www.dynamicdrive.com/) for full source code
* Modified Dec 31st, 02' by DD. This notice must stay intact for use
(modificado por derkeNuke, también ;-) )
******************************************/


//Configure below to change URL path to the snow image
// por ejemplo: http://fresh.t-systems-sfr.com/unix/src/privat2/mweather-0.6.0.tar.gz:a/mweather/images/snow.gif
var snowsrc="snow.gif";
var 
imgWidth 50imgHeight 50;        // dimensiones de snowsrc
// Configure below to change number of snow to render
var no 10;


var 
dxxpyp// coordinate and position variables
var amstxsty// amplitude and step variables
var abajoN 0;

var 
doc_width document.body.clientWidth || window.innerWidth;
var 
doc_height document.body.clientHeight || window.innerHeight;

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
scrollY = new Array();

for (var 
i=0no; ++ i) { 
    
dx[i] = 0// set coordinate variables
    
xp[i] = Math.random()*(doc_width-imgWidth);    // set position variables
    
yp[i] = Math.random()*(doc_height-imgHeight);
    
am[i] = Math.random()*20;                // set amplitude variables
    
stx[i] = 0.02 Math.random()/10;            // set step variables
    
sty[i] = 0.7 Math.random();                // set step variables
    
scrollY[i] = 0;                            // scrollY para cada punto
    
document.write('<div id="dot'+i+'" style="POSITION: absolute; Z-INDEX: '+i+'; width:'+imgWidth+'px; height:'+imgHeight+'px; background: url('+snowsrc+') no-repeat; ">&nbsp;</div>');
}



function 
snow() { // IE and NS6 main animation function
    
for (var i=0no; ++ i) { // iterate for every dot
        
yp[i] += sty[i];            // un paso más en la coordenada Y
        
if (yp[i] > doc_height-50) {        // Si nos salimos de la pantalla por abajo con el copo
            // Que el copo vuelva a su nueva regeneración, sí, pero dejaremos una copia allí donde estuviera cuando llegue abajo
            
var copia document.getElementById("dot"+i).cloneNode(true);
            
copia.setAttribute("id""abajo"+abajoN++);
            
document.body.appendChildcopia );
            
// generamos la nueva posición y las nuevas variables para este copo
            
xp[i] = Math.random()*(doc_width-am[i]-imgHeight);        // Generamos una X aleatoria
            
yp[i] = 0;                                        // Reseteamos la posición Y
            
stx[i] = 0.02 Math.random()/10;                // Inicializamos de nuevo los stepX e stepY
            
sty[i] = 0.7 Math.random();
        }
        
dx[i] += stx[i];            // Un paso más en la coordenada X
        
        
document.getElementById("dot"+i).style.top = (yp[i] + scrollY[i]) + "px";
        
document.getElementById("dot"+i).style.left = (xp[i] + am[i]*Math.sin(dx[i])) + "px";

    }
    
setTimeout("snow()"10);
}

window.onscroll = function() {
    var 
scrTop window.document.documentElement.scrollTop;
    for (var 
i=0no; ++ i) {
        
scrollY[i] = scrTop;
    }
    for(var 
i=0i<abajoNi++) {
        
document.getElementById("abajo"+i).style.top = (scrTop+doc_height-imgHeight) + "px";
    }
}

snow();

// -->
</script>

<p>Nulla quis arcu quis turpis molestie ultricies. Praesent vel nibh. Morbi neque arcu, varius vel, iaculis vel, hendrerit sed, libero. Integer lacinia tortor ut tellus. Aenean vulputate justo quis neque. Nam lacus. Suspendisse quam nulla, aliquam quis, sollicitudin ut, euismod et, dui. Vestibulum eros justo, euismod ut, volutpat quis, tincidunt et, ipsum. Vivamus in nulla. Mauris pellentesque.</p>

<p>Nunc cursus eros in mi. In fermentum, nulla in vulputate hendrerit, lorem lectus scelerisque tortor, eget tempor lectus orci ac velit. Nullam luctus, dolor a dapibus pulvinar, ligula eros porta est, ut sed.</p>

<p>Nulla quis arcu quis turpis molestie ultricies. Praesent vel nibh. Morbi neque arcu, varius vel, iaculis vel, hendrerit sed, libero. Integer lacinia tortor ut tellus. Aenean vulputate justo quis neque. Nam lacus. Suspendisse quam nulla, aliquam quis, sollicitudin ut, euismod et, dui. Vestibulum eros justo, euismod ut, volutpat quis, tincidunt et, ipsum. Vivamus in nulla. Mauris pellentesque.</p>

<p>Nunc cursus eros in mi. In fermentum, nulla in vulputate hendrerit, lorem lectus scelerisque tortor, eget tempor lectus orci ac velit. Nullam luctus, dolor a dapibus pulvinar, ligula eros porta est, ut sed.</p>

<p>Nulla quis arcu quis turpis molestie ultricies. Praesent vel nibh. Morbi neque arcu, varius vel, iaculis vel, hendrerit sed, libero. Integer lacinia tortor ut tellus. Aenean vulputate justo quis neque. Nam lacus. Suspendisse quam nulla, aliquam quis, sollicitudin ut, euismod et, dui. Vestibulum eros justo, euismod ut, volutpat quis, tincidunt et, ipsum. Vivamus in nulla. Mauris pellentesque.</p>

<p>Nunc cursus eros in mi. In fermentum, nulla in vulputate hendrerit, lorem lectus scelerisque tortor, eget tempor lectus orci ac velit. Nullam luctus, dolor a dapibus pulvinar, ligula eros porta est, ut sed.</p>

<p>Nulla quis arcu quis turpis molestie ultricies. Praesent vel nibh. Morbi neque arcu, varius vel, iaculis vel, hendrerit sed, libero. Integer lacinia tortor ut tellus. Aenean vulputate justo quis neque. Nam lacus. Suspendisse quam nulla, aliquam quis, sollicitudin ut, euismod et, dui. Vestibulum eros justo, euismod ut, volutpat quis, tincidunt et, ipsum. Vivamus in nulla. Mauris pellentesque.</p>

<p>Nunc cursus eros in mi. In fermentum, nulla in vulputate hendrerit, lorem lectus scelerisque tortor, eget tempor lectus orci ac velit. Nullam luctus, dolor a dapibus pulvinar, ligula eros porta est, ut sed.</p>

<p>Nulla quis arcu quis turpis molestie ultricies. Praesent vel nibh. Morbi neque arcu, varius vel, iaculis vel, hendrerit sed, libero. Integer lacinia tortor ut tellus. Aenean vulputate justo quis neque. Nam lacus. Suspendisse quam nulla, aliquam quis, sollicitudin ut, euismod et, dui. Vestibulum eros justo, euismod ut, volutpat quis, tincidunt et, ipsum. Vivamus in nulla. Mauris pellentesque.</p>

<p>Nunc cursus eros in mi. In fermentum, nulla in vulputate hendrerit, lorem lectus scelerisque tortor, eget tempor lectus orci ac velit. Nullam luctus, dolor a dapibus pulvinar, ligula eros porta est, ut sed.</p>

</body>
</html> 

Se acumula la nieve abajo y además permite el scrolleo... (para tocar un poco más las narices).

Que se sepa que yo no apoyo el uso de estos scripts en páginas web que no se dediquen a ésto de manera docente o experimental... por eso avanzo en ello (por eso, y porque en navidad la gente postea menos que nunca... snif ).



Y cabría hacer uno con clases y objetos, un poco menos dependiente de las variables globales... al fin y al cabo, sólo son ondas creadas con senos. Si me veo con ganas quizás lo implemente... de momento que alguien proponga algún que otro retillo.. muy bueno éste, seoista.



Un saludo navideño

PD: Que nadie pida que los copos se vayan apilando en la parte inferior
__________________
- Haz preguntas inteligentes, y obtendrás más y mejores respuestas.
- Antes de postearlo Inténtalo y Búscalo.
- Escribe correctamente tus mensajes.
  #59 (permalink)  
Antiguo 26/12/2007, 00:41
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 20 años, 7 meses
Puntos: 59
Re: scripts navideños

Muchas gracias derkenuke, muy bueno.

Es más o menos lo que quería, aunque (la verdad) creí que no se podría hacer.

¡¡¡ Buen reto !!!

Feliz Año 2008 para tod@s.

Abrazos
__________________
· No contesto por M.P.
  #60 (permalink)  
Antiguo 05/01/2008, 19:16
 
Fecha de Ingreso: diciembre-2007
Mensajes: 9
Antigüedad: 16 años, 4 meses
Puntos: 0
Re: scripts navideños

Cita:
Iniciado por caricatos Ver Mensaje
Hola:

No sé como funciona tu script en tu página, pero en mi probador, cambiando la imágen va bien... por cierto, fíjate como se ve tu copo de nieve:

Saludos
Como se ve mi copo de nieve?? se ve bien, esa es la imagen que he puesto, simplemente es un puntito blanco, i aun no he conseguido hacer-lo funcionar en firefox. pero gracias de todas formas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Tema Cerrado




La zona horaria es GMT -6. Ahora son las 06:11.