Utility
Home Messaggi odierni FAQ Ricerca avanzata Lo staff del forum Regolamento Utenti Archivio
Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 13
  1. 15-12-2005, 16:06 #1
    silvia.c
    silvia.c non è in linea
    Utente di HTML.it
    Registrato dal
    May 2002
    Messaggi
    179

    effetto neve in outlook

    Ciao a tutti,

    sto predisponendo il classico bigliettino di auguri natalizi e volevo fare l'effetto neve.

    Quindi apro outlook express, incollo il mio codice:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

    <SCRIPT LANGUAGE="JavaScript" SRC="http://www.miodominio.it/natale/snow.js"></SCRIPT>

    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function snow()
    {
    Falling(30,"<FONT SIZE='3' FACE='Verdana' COLOR='#D8ECFB'>*</FONT>", 60);
    }
    -->
    </SCRIPT>

    </head>

    <BODY onLoad="snow()">
    <div align="center"> </div>
    </body>
    </html>


    e l'effetto neve (che funziona perfettamente se la pagina è in IE) non funziona x niente, non si vede nemmeno se spedisco.

    Qualcuno mi sa dare una mano o spiegarmi il perchè? Altrimenti rinuncerò al mio effettino...

    Grazie!!!
    Rispondi quotando Rispondi quotando
  2. 15-12-2005, 16:07 #2
    iguane
    iguane non è in linea
    Utente di HTML.it L'avatar di iguane
    Registrato dal
    Sep 2001
    Messaggi
    1,633
    no ma sono contento che non funzioni


    scusami ma sono odioso quell cose li....

    ...I'm insane in the brain...
    Rispondi quotando Rispondi quotando
  3. 15-12-2005, 16:18 #3
    silvia.c
    silvia.c non è in linea
    Utente di HTML.it
    Registrato dal
    May 2002
    Messaggi
    179
    ...purtroppo c'è sempre qualcuno che se non vede l'animazione non è contento... fosse per me rinuncio anche volentieri è solo che proprio non capisco perchè non debba funzionare... :master:
    Rispondi quotando Rispondi quotando
  4. 15-12-2005, 16:31 #4
    iguane
    iguane non è in linea
    Utente di HTML.it L'avatar di iguane
    Registrato dal
    Sep 2001
    Messaggi
    1,633
    fai così provala prima su una pagina normale...

    se nemmeno li funziona ilproblema è nel file .js

    ...I'm insane in the brain...
    Rispondi quotando Rispondi quotando
  5. 15-12-2005, 16:34 #5
    nuky
    nuky non è in linea
    Utente di HTML.it L'avatar di nuky
    Registrato dal
    Oct 2001
    Messaggi
    1,053
    Originariamente inviato da silvia.c

    e l'effetto neve (che funziona perfettamente se la pagina è in IE) non funziona x niente, non si vede nemmeno se spedisco.
    Originariamente inviato da iguane
    fai così provala prima su una pagina normale...

    se nemmeno li funziona ilproblema è nel file .js
    - "E' un messaggio. E' di Svarion, della terra di Merdor!"
    - "Busto Arsizio?"
    - "Terrazzo, sgabello, formaggio. Borraccia blu, ca**o di gomma e... CANNUCCIA!"
    - "Ca**o dici? C'è scritto «frocio chi legge»!"
    Rispondi quotando Rispondi quotando
  6. 15-12-2005, 16:35 #6
    Federix
    Federix non è in linea
    Utente di HTML.it L'avatar di Federix
    Registrato dal
    Aug 2002
    Messaggi
    8,951
    Puoi mettere l'indirizzo completo del tuo sito per vedere il file JS??
    FEDERIX.IT - [Pillola] GRAFICA DEI FORM

    ...ho ancora quella forza che ti serve, quando dici "Si comincia!"
    Rispondi quotando Rispondi quotando
  7. 15-12-2005, 16:40 #7
    iguane
    iguane non è in linea
    Utente di HTML.it L'avatar di iguane
    Registrato dal
    Sep 2001
    Messaggi
    1,633
    Originariamente inviato da nuky

    'zzo ti ridi pirla non l'avevo letto bene

    ...I'm insane in the brain...
    Rispondi quotando Rispondi quotando
  8. 15-12-2005, 16:53 #8
    silvia.c
    silvia.c non è in linea
    Utente di HTML.it
    Registrato dal
    May 2002
    Messaggi
    179
    var ns4 = (navigator.appName.indexOf("Netscape") != -1 && !document.getElementById);

    if(!window.JSFX)
    JSFX=new Object();

    JSFX.layerNo=0;
    JSFX.createLayer = function(htmlStr, parent)
    {
    var elem = null;

    if(document.layers)
    {
    var xName="xLayer" + JSFX.layerNo++;
    if(parent == null)
    elem=new Layer(2000);
    else
    elem=new Layer(2000, parent.elem);

    elem.document.open();
    elem.document.write(htmlStr);
    elem.document.close();
    elem.moveTo(0,0);
    elem.innerHTML = htmlStr;
    }
    else
    if(document.all)
    {
    if(parent == null)
    parent=document.body;
    else
    parent=parent.elem;

    var xName = "xLayer" + JSFX.layerNo++;
    var txt = '<DIV ID="' + xName + '"'
    + ' STYLE="position:absolute;left:0;top:0;visibility:h idden">'
    + htmlStr
    + '</DIV>';

    parent.insertAdjacentHTML("BeforeEnd",txt);

    elem = document.all[xName];
    }
    else
    if (document.getElementById)
    {
    if(parent == null)
    parent=document.body;
    else
    parent=parent.elem;

    var xName="xLayer" + JSFX.layerNo++;
    var txt = ""
    + "position:absolute;left:0px;top:0px;visibility:hid den";

    var newRange = document.createRange();

    elem = document.createElement("DIV");
    elem.setAttribute("style",txt);
    elem.setAttribute("id", xName);

    parent.appendChild(elem);

    newRange.setStartBefore(elem);
    strFrag = newRange.createContextualFragment(htmlStr);
    elem.appendChild(strFrag);
    }

    return elem;
    }

    JSFX.Layer = function(newLayer, parent)
    {
    if(!newLayer)
    return;

    if(typeof newLayer == "string")
    this.elem = JSFX.createLayer(newLayer, parent);
    else
    this.elem=newLayer;

    if(document.layers)
    {
    this.images = this.elem.document.images;
    this.parent = parent;
    this.style = this.elem;
    if(parent != null)
    this.style.visibility = "inherit";
    }
    else
    {
    this.images = document.images;
    this.parent = parent;
    this.style = this.elem.style;
    }
    window[this.elem.id]=this; //save a reference to this
    }

    JSFX.findLayer = function(theDiv, d)
    {
    if(document.layers)
    {
    var i;
    if(d==null) d = document;
    var theLayer = d.layers[theDiv];
    if(theLayer != null)
    return(theLayer);
    else
    for(i=0 ; i<d.layers.length ; i++)
    {
    theLayer = JSFX.findLayer(theDiv, d.layers[i].document);
    if(theLayer != null)
    return(theLayer);
    }
    return("Undefined....");
    }
    else
    if(document.all)
    return(document.all[theDiv]);
    else
    if(document.getElementById)
    return(document.getElementById(theDiv));
    else
    return("Undefined.....");
    }


    /*** moveTo (x,y) ***/
    JSFX.Layer.prototype.moveTo = function(x,y)
    {
    this.style.left = x+"px";
    this.style.top = y+"px";
    }
    if(ns4)
    JSFX.Layer.prototype.moveTo = function(x,y) { this.elem.moveTo(x,y); }

    /*** show()/hide() Visibility ***/
    JSFX.Layer.prototype.show = function() { this.style.visibility = "visible"; }
    JSFX.Layer.prototype.hide = function() { this.style.visibility = "hidden"; }
    JSFX.Layer.prototype.isVisible = function() { return this.style.visibility == "visible"; }
    if(ns4)
    {
    JSFX.Layer.prototype.show = function() { this.style.visibility = "show"; }
    JSFX.Layer.prototype.hide = function() { this.style.visibility = "hide"; }
    JSFX.Layer.prototype.isVisible = function() { return this.style.visibility == "show"; }
    }

    /*** zIndex ***/
    JSFX.Layer.prototype.setzIndex = function(z) { this.style.zIndex = z; }
    JSFX.Layer.prototype.getzIndex = function() { return this.style.zIndex; }

    /*** ForeGround (text) Color ***/
    JSFX.Layer.prototype.setColor = function(c){this.style.color=c;}
    if(ns4)
    JSFX.Layer.prototype.setColor = function(c)
    {
    this.elem.document.write("<FONT COLOR='"+c+"'>"+this.elem.innerHTML+"</FONT>");
    this.elem.document.close();
    }

    /*** BackGround Color ***/
    JSFX.Layer.prototype.setBgColor = function(color) { this.style.backgroundColor = color==null?'transparent':color; }
    if(ns4)
    JSFX.Layer.prototype.setBgColor = function(color) { this.elem.bgColor = color; }

    /*** BackGround Image ***/
    JSFX.Layer.prototype.setBgImage = function(image) { this.style.backgroundImage = "url("+image+")"; }
    if(ns4)
    JSFX.Layer.prototype.setBgImage = function(image) { this.style.background.src = image; }

    /*** set Content***/
    JSFX.Layer.prototype.setContent = function(xHtml) { this.elem.innerHTML=xHtml; }
    if(ns4)
    JSFX.Layer.prototype.setContent = function(xHtml)
    {
    this.elem.document.write(xHtml);
    this.elem.document.close();
    this.elem.innerHTML = xHtml;
    }

    /*** Clipping ***/
    JSFX.Layer.prototype.clip = function(x1,y1, x2,y2){ this.style.clip="rect("+y1+" "+x2+" "+y2+" "+x1+")"; }
    if(ns4)
    JSFX.Layer.prototype.clip = function(x1,y1, x2,y2)
    {
    this.style.clip.top =y1;
    this.style.clip.left =x1;
    this.style.clip.bottom =y2;
    this.style.clip.right =x2;
    }

    /*** Resize ***/
    JSFX.Layer.prototype.resizeTo = function(w,h)
    {
    this.style.width =w + "px";
    this.style.height =h + "px";
    }
    if(ns4)
    JSFX.Layer.prototype.resizeTo = function(w,h)
    {
    this.style.clip.width =w;
    this.style.clip.height =h;
    }

    /*** getX/Y ***/
    JSFX.Layer.prototype.getX = function() { return parseInt(this.style.left); }
    JSFX.Layer.prototype.getY = function() { return parseInt(this.style.top); }
    if(ns4)
    {
    JSFX.Layer.prototype.getX = function() { return this.style.left; }
    JSFX.Layer.prototype.getY = function() { return this.style.top; }
    }

    /*** getWidth/Height ***/
    JSFX.Layer.prototype.getWidth = function() { return this.elem.offsetWidth; }
    JSFX.Layer.prototype.getHeight = function() { return this.elem.offsetHeight; }
    if(!document.getElementById)
    JSFX.Layer.prototype.getWidth = function()
    {
    //Extra processing here for clip
    return this.elem.scrollWidth;
    }

    if(ns4)
    {
    JSFX.Layer.prototype.getWidth = function() { return this.style.clip.right; }
    JSFX.Layer.prototype.getHeight = function() { return this.style.clip.bottom; }
    }

    /*** Opacity ***/
    if(ns4)
    {
    JSFX.Layer.prototype.setOpacity = function(pc) {return 0;}
    }
    else if(document.all)
    {
    JSFX.Layer.prototype.setOpacity = function(pc)
    {
    if(this.style.filter=="")
    this.style.filter="alpha(opacity=100);";
    this.elem.filters.alpha.opacity=pc;
    }
    }
    else
    {
    /*** Assume NS6 ***/
    JSFX.Layer.prototype.setOpacity = function(pc){ this.style.MozOpacity=pc+'%' }
    }

    /*** Event Handling - Start ***/
    /*** NS4 ***/
    if(ns4)
    {
    JSFX.eventmasks = {
    onabort:Event.ABORT, onblur:Event.BLUR, onchange:Event.CHANGE,
    onclick:Event.CLICK, ondblclick:Event.DBLCLICK,
    ondragdrop:Event.DRAGDROP, onerror:Event.ERROR,
    onfocus:Event.FOCUS, onkeydown:Event.KEYDOWN,
    onkeypress:Event.KEYPRESS, onkeyup:Event.KEYUP, onload:Event.LOAD,
    onmousedown:Event.MOUSEDOWN, onmousemove:Event.MOUSEMOVE,
    onmouseout:Event.MOUSEOUT, onmouseover:Event.MOUSEOVER,
    onmouseup:Event.MOUSEUP, onmove:Event.MOVE, onreset:Event.RESET,
    onresize:Event.RESIZE, onselect:Event.SELECT, onsubmit:Event.SUBMIT,
    onunload:Event.UNLOAD
    };
    JSFX.Layer.prototype.addEventHandler = function(eventname, handler)
    {
    this.elem.captureEvents(JSFX.eventmasks[eventname]);
    var xl = this;
    this.elem[eventname] = function(event) {
    event.clientX = event.pageX;
    event.clientY = event.pageY;
    event.button = event.which;
    event.keyCode = event.which;
    event.altKey =((event.modifiers & Event.ALT_MASK) != 0);
    event.ctrlKey =((event.modifiers & Event.CONTROL_MASK) != 0);
    event.shiftKey =((event.modifiers & Event.SHIFT_MASK) != 0);
    return handler(xl, event);
    }
    }
    JSFX.Layer.prototype.removeEventHandler = function(eventName)
    {
    this.elem.releaseEvents(JSFX.eventmasks[eventName]);
    delete this.elem[eventName];
    }
    }

    /** IE 4/5+***/
    else
    if(document.all)
    {
    JSFX.Layer.prototype.addEventHandler = function(eventName, handler)
    {
    var xl = this;
    this.elem[eventName] = function()
    {
    var e = window.event;
    e.cancelBubble = true;
    if(document.getElementById)
    {
    e.layerX = e.offsetX;
    e.layerY = e.offsetY;
    }
    else
    {
    /*** Work around for IE 4 : clone window.event ***/
    ev = new Object();
    for(i in e)
    ev[i] = e[i];
    ev.layerX = e.offsetX;
    ev.layerY = e.offsetY;
    e = ev;
    }

    return handler(xl, e);
    }
    }
    JSFX.Layer.prototype.removeEventHandler = function(eventName)
    {
    this.elem[eventName] = null;
    }
    }

    /*** Assume NS6 ***/
    else
    {
    JSFX.Layer.prototype.addEventHandler = function(eventName, handler)
    {
    var xl = this;
    this.elem[eventName] = function(e)
    {
    e.cancelBubble = true;
    return handler(xl, e);
    }
    }
    JSFX.Layer.prototype.removeEventHandler = function(eventName)
    {
    this.elem[eventName] = null;
    }
    }
    /*** Event Handling - End ***/

    JSFX.Layer.prototype.setTimeout = function(f, t)
    {
    setTimeout("window."+this.elem.id+"."+f, t);
    }
    if(!window.JSFX)
    JSFX=new Object();

    if(!JSFX.Browser)
    JSFX.Browser = new Object();

    if(navigator.appName.indexOf("Netscape") != -1)
    {
    JSFX.Browser.getCanvasWidth = function() {return innerWidth;}
    JSFX.Browser.getCanvasHeight = function() {return innerHeight;}
    JSFX.Browser.getWindowWidth = function() {return outerWidth;}
    JSFX.Browser.getWindowHeight = function() {return outerHeight;}
    JSFX.Browser.getScreenWidth = function() {return screen.width;}
    JSFX.Browser.getScreenHeight = function() {return screen.height;}
    JSFX.Browser.getMinX = function() {return(pageXOffset);}
    JSFX.Browser.getMinY = function() {return(pageYOffset);}
    JSFX.Browser.getMaxX = function() {return(pageXOffset+innerWidth);}
    JSFX.Browser.getMaxY = function() {return(pageYOffset+innerHeight);}

    }
    else if(document.all) {
    JSFX.Browser.getCanvasWidth = function() {return document.body.clientWidth;}
    JSFX.Browser.getCanvasHeight = function() {return document.body.clientHeight;}
    JSFX.Browser.getWindowWidth = function() {return document.body.clientWidth;}
    JSFX.Browser.getWindowHeight = function() {return document.body.clientHeight;}
    JSFX.Browser.getScreenWidth = function() {return screen.width;}
    JSFX.Browser.getScreenHeight = function() {return screen.height;}
    JSFX.Browser.getMinX = function() {return(document.body.scrollLeft);}
    JSFX.Browser.getMinY = function() {return(document.body.scrollTop);}
    JSFX.Browser.getMaxX = function() {
    return(document.body.scrollLeft
    +document.body.clientWidth);
    }
    JSFX.Browser.getMaxY = function() {
    return(document.body.scrollTop
    +document.body.clientHeight);
    }
    }
    JSFX.FallingSprite = function(theHtml)
    {
    //Call the superclass constructor
    this.superC = JSFX.Layer;
    this.superC(theHtml);

    this.x = Math.random() * (JSFX.Browser.getMaxX()-40);
    this.y = -40;
    this.dx = Math.random() * 4 - 2;
    this.dy = Math.random() * 6 + 2;
    this.ang = 0;
    this.angStep = .2;
    this.amp = 10;
    this.state = "FALL";

    this.moveTo(this.x,this.y);
    this.show();
    }
    JSFX.FallingSprite.prototype = new JSFX.Layer;

    JSFX.FallingSprite.prototype.animate = function()
    {
    if(this.state == "OFF")
    return;

    this.x += this.dx;
    this.y += this.dy;
    this.ang += this.angStep;

    this.moveTo(this.x + this.amp*Math.sin(this.ang), this.y);

    if( (this.x > JSFX.Browser.getMaxX()-20)
    || (this.x < JSFX.Browser.getMinX()-0)
    || (this.y > JSFX.Browser.getMaxY()-40) )
    {
    if(this.state == "STOPPING")
    {
    this.moveTo(-100,-100);
    this.hide();
    this.state = "OFF";
    }
    else
    {
    this.x = Math.random() * (JSFX.Browser.getMaxX()-40);
    this.y = JSFX.Browser.getMinY()-40;
    this.dx = Math.random() * 4 - 2;
    this.dy = Math.random() * 6 + 2;
    this.ang = 0;
    }
    }
    }
    /*** Class FallingObj extends Object ***/
    JSFX.FallingObj = function(numSprites, theImage, stopTime)
    {
    this.id = "JSFX_FallingObj_"+JSFX.FallingObj.count++;
    this.sprites = new Array();
    for(i=0 ; i<numSprites; i++)
    {
    this.sprites[i]=new JSFX.FallingSprite(theImage);
    }
    window[this.id]=this;
    this.animate();

    if(stopTime)
    setTimeout("window."+this.id+".stop()", stopTime*1000);

    }
    JSFX.FallingObj.count = 0;

    JSFX.FallingObj.prototype.stop = function()
    {
    for(i=0 ; i<this.sprites.length ; i++)
    this.sprites[i].state = "STOPPING";
    }

    JSFX.FallingObj.prototype.animate = function()
    {
    setTimeout("window."+this.id+".animate()", 40);

    for(i=0 ; i<this.sprites.length ; i++)
    this.sprites[i].animate();
    }
    /*** END Class FallingObj ***/
    /*
    * Class Falling extends Object (Static method for creating "Falling" objects
    */
    Falling = function(n, theImage, stopTime)
    {
    myFalling = new JSFX.FallingObj(n, theImage, stopTime);

    return myFalling;
    }
    Rispondi quotando Rispondi quotando
  9. 15-12-2005, 16:54 #9
    silvia.c
    silvia.c non è in linea
    Utente di HTML.it
    Registrato dal
    May 2002
    Messaggi
    179
    questo che ho appena postato è il codice del JS (preso da html.it ) e che funziona benissimo su una pagina normale (ed è lo stesso codice html che inserisco nell'outlook)

    :master:
    Rispondi quotando Rispondi quotando
  10. 15-12-2005, 17:35 #10
    Federix
    Federix non è in linea
    Utente di HTML.it L'avatar di Federix
    Registrato dal
    Aug 2002
    Messaggi
    8,951
    Ho provato anche io e non funziona, forse ha una selezione per browser e agisce di conseguenza, ma non essendo visualizzata in un browser, la pagina non funziona.
    Perché non provi a creare un filmatino con flash??
    FEDERIX.IT - [Pillola] GRAFICA DEI FORM

    ...ho ancora quella forza che ti serve, quando dici "Si comincia!"
    Rispondi quotando Rispondi quotando
« Discussione precedente | Prossima discussione »

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  

Regole del Forum

Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.