IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Il neige mal en W3C


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé Avatar de rduvrac
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    58
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2004
    Messages : 58
    Par défaut Il neige mal en W3C
    Bonjour

    j'ai trouvé ce code mais il n'est pas valide W3C à cause des &&. Il existe un moyen de les remplacer ?
    Sinon si vous avez un script de ce genre dans votre besasse ;-)... :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    <!-- START TSSNOW -->
    <script type="text/javascript">
      var snowmax=60;
      var snowcolor=new Array("#aaaacc","#ddddff","#ccccdd","#f3f3f3","#f0ffff");
      var snowtype=new Array("Verdana","Arial Narrow","Times","Comic Sans MS");
      var snowletter="*";
      var sinkspeed=0.6;
      var snowmaxsize=22;
      var snowminsize=8;
      var snowingzone=1;
      var snow=new Array();
      var marginbottom;
      var marginright;
      var timer;
      var i_snow=0;
      var x_mv=new Array();var crds=new Array();var lftrght=new Array();
      var browserinfos=navigator.userAgent;
      var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/);
      var ns6=document.getElementById&&!document.all;var opera=browserinfos.match(/Opera/);
      var browserok=ie5||ns6||opera;
     
      function randommaker(range) {
    	  rand=Math.floor(range*Math.random());
    	  return rand;
      }
     
      function initsnow() {
    	  	if (ie5 || opera) {
    		  marginbottom = document.body.clientHeight;
    		  marginright = document.body.clientWidth;
    		}else if (ns6) {
    		  marginbottom = document.body.clientHeight;
    		  marginright = window.innerWidth;
    	 	}
     
    		var snowsizerange=snowmaxsize-snowminsize;
     
    		for (i=0;i<=snowmax;i++) {
    	crds[i] = 0;
    	lftrght[i] = Math.random()*35;
    	x_mv[i] = 0.13 + Math.random()/10;
    	snow[i]=document.getElementById("s"+i);
    	snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)];
    	snow[i].size=randommaker(snowsizerange)+snowminsize;
    	snow[i].style.fontSize=snow[i].size+"px";
    	snow[i].style.color=snowcolor[randommaker(snowcolor.length)];
    	snow[i].sink=sinkspeed*snow[i].size/5;
     
    	if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
     
    	if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
     
    	if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
     
    	if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2;}
     
    	snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size);
    	snow[i].style.left=snow[i].posx +"px";
    	snow[i].style.top=snow[i].posy +"px";
    	}
     
    		movesnow();
    	}
     
      function movesnow() {
    	for (i=0;i<=snowmax;i++) {
    		crds[i] += x_mv[i];	
    		snow[i].posy+=snow[i].sink;
    		snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]) +"px";
    		snow[i].style.top=snow[i].posy +"px";
     
    		if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
    			if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
     
    			if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
     
    			if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
     
    			if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
     
    			snow[i].posy=0;
    		}	
    	}
     
    	var timer=setTimeout("movesnow()",50);
    }
     
    for (i=0;i<=snowmax;i++) {	document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>");}
     
    if (browserok) {window.onload=initsnow;}
     
    </script>
    <!-- END TSSNOW -->

  2. #2
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Bonjour,
    Citation Envoyé par rduvrac Voir le message
    j'ai trouvé ce code mais il n'est pas valide W3C à cause des &&.
    qu'il ne soit pas valide W3C ne m'étonne pas (quand on utilise document.write() ... ), mais ce n'est pas directement à cause des && (le W3C reconnait le "ET" logique )
    Peut être la manière dont ils sont utilisés, si c'est ce qu'indique le message ...

    A+

  3. #3
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    <script type="text/javascript">
    <!--// [CDATA[ 
      var snowmax=60;
      var snowcolor=new Array("#aaaacc","#ddddff","#ccccdd","#f3f3f3","#f0ffff");
      var snowtype=new Array("Verdana","Arial Narrow","Times","Comic Sans MS");
      var snowletter="*";
      var sinkspeed=0.6;
      var snowmaxsize=22;
      var snowminsize=8;
      var snowingzone=1;
      var snow=new Array();
      var marginbottom;
      var marginright;
      var timer;
      var i_snow=0;
      var x_mv=new Array();var crds=new Array();var lftrght=new Array();
      var browserinfos=navigator.userAgent;
      var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/);
      var ns6=document.getElementById&&!document.all;var opera=browserinfos.match(/Opera/);
      var browserok=ie5||ns6||opera;
     
      function randommaker(range) {
    	  rand=Math.floor(range*Math.random());
    	  return rand;
      }
     
      function initsnow() {
    	  	if (ie5 || opera) {
    		  marginbottom = document.body.clientHeight;
    		  marginright = document.body.clientWidth;
    		}else if (ns6) {
    		  marginbottom = document.body.clientHeight;
    		  marginright = window.innerWidth;
    	 	}
     
    		var snowsizerange=snowmaxsize-snowminsize;
     
    		for (i=0;i<=snowmax;i++) {
    	crds[i] = 0;
    	lftrght[i] = Math.random()*35;
    	x_mv[i] = 0.13 + Math.random()/10;
    	snow[i]=document.getElementById("s"+i);
    	snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)];
    	snow[i].size=randommaker(snowsizerange)+snowminsize;
    	snow[i].style.fontSize=snow[i].size+"px";
    	snow[i].style.color=snowcolor[randommaker(snowcolor.length)];
    	snow[i].sink=sinkspeed*snow[i].size/5;
     
    	if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
     
    	if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
     
    	if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
     
    	if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2;}
     
    	snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size);
    	snow[i].style.left=snow[i].posx +"px";
    	snow[i].style.top=snow[i].posy +"px";
    	}
     
    		movesnow();
    	}
     
      function movesnow() {
    	for (i=0;i<=snowmax;i++) {
    		crds[i] += x_mv[i];	
    		snow[i].posy+=snow[i].sink;
    		snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]) +"px";
    		snow[i].style.top=snow[i].posy +"px";
     
    		if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
    			if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
     
    			if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
     
    			if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
     
    			if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
     
    			snow[i].posy=0;
    		}	
    	}
     
    	var timer=setTimeout("movesnow()",50);
    }
     
    for (i=0;i<=snowmax;i++) {	document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>");}
     
    if (browserok) {window.onload=initsnow;}
    // ]] -->
    </script>
    Le W3C ne valide pas le javascript... il faut donc lui indiquer de ne pas essayer.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  4. #4
    Membre confirmé Avatar de rduvrac
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    58
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2004
    Messages : 58
    Par défaut
    CDATA me va :-)

    merci bien

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. CSS2 : les recommandations du W3C en français
    Par Community Management dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 26/11/2023, 14h59
  2. [XHTML 1.0] erreur W3C du mal à résoudre
    Par yamaha12 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 09/06/2009, 21h33
  3. [W3C] FOOTER mal positionné dans une colonne
    Par miltonis dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 28/12/2005, 16h38
  4. Réponses: 3
    Dernier message: 12/05/2003, 12h11

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo