AccueilCalendrierFAQRechercherMembresGroupesS'enregistrerConnexion

Partagez | 
 

 Discutons en JavaScript!

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : 1, 2  Suivant
AuteurMessage
Young
Admin
Admin


Messages : 436
Date d'inscription : 02/04/2010
Age : 22
Localisation : Gujan-Mestras(Aquitaine)

MessageSujet: Discutons en JavaScript!   Mar 13 Avr - 9:21

Bonjour tout le monde!

Pour ceux qui ne connaissent pas, le JavaScript est un langage utilisé en particulier dans les pages web pour créer des effets spéciaux.
Le problème de ce langage, c'est que c'est extrêmement strict et tordu...

Donc j'ai ouvert ce topic pour discuter avec Big qui a l'air de s'y connaitre de ce qu'on peut faire sur le site, et pour aider les autres à se dépatouiller de leur code Wink .

Donc Big, tu as proposé une feuille qui vole en automne, je suis OK, et j'ai déjà une idée de comment le faire...
Admettons, la position x et y de la feuille est (0;0).
Il faut alors dire à la feuille d'aller petit à petit en (-5;-20), puis quand elle y est, en (5; -40), etc jusqu'à ce qu'elle arrive en bas, ce qui créera un mouvement plus rapide en y que en x, donc la feuille tombera et aura aussi un mouvement de 'pendule' Smile .
Il reste à mettre tout ça en code Very Happy !
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.le-neuvieme-demon.com/
Sir Big-Bang
Admin
Admin


Messages : 907
Date d'inscription : 03/04/2010
Age : 22
Localisation : Paris

MessageSujet: Re: Discutons en JavaScript!   Mar 13 Avr - 9:51

Ben j'ai déjà un code toute fait Smile

<!-- DEBUT DU SCRIPT --><SCRIPT language=JavaScript>
/*
Snow Effect Script


*/

var snowsrc="http://www.URL DE L'IMAGE.FR"
var no = 10;
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var nn6up = (document.getElementById) ? 1 : 0;
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800, doc_height = 600;

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

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;
xp[i] = Math.random()*(doc_width-50);
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
if (ns4up) {
if (i == 0) {
document.write("<layer name=dot"+ i +" left=15 top=15 visibility=show><img src='"+snowsrc+"' border=0></layer>");
} else {
document.write("<layer name=dot"+ i +" left=15 top=15 visibility=show><img src='"+snowsrc+"' border=0></layer>");
}
} else if (ie4up || nn6up) {
if (i == 0) { document.write("<div id=dot"+ i +" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=0></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() {
for (i = 0; i < no; ++ i) {
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() {
for (i = 0; i < no; ++ i) {
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 = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", 10);
}

function snowNN6() {
for (i = 0; i < no; ++ i) {
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.getElementById("dot"+i).style.top = yp[i];
document.getElementById("dot"+i).style.left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNN6()", 10);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
} else if (nn6up) {
snowNN6();
}

</SCRIPT>

<!-- FIN DU SCRIPT --><noscript><a href="http://www.france-on-fire.pro-forum.fr">ajax</a></noscript>

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Young
Admin
Admin


Messages : 436
Date d'inscription : 02/04/2010
Age : 22
Localisation : Gujan-Mestras(Aquitaine)

MessageSujet: Re: Discutons en JavaScript!   Mar 13 Avr - 18:00

Je vais le tenter Razz .
Ah ouais mais c'est ton code foireux qui fait que deux images...
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.le-neuvieme-demon.com/
Sir Big-Bang
Admin
Admin


Messages : 907
Date d'inscription : 03/04/2010
Age : 22
Localisation : Paris

MessageSujet: Re: Discutons en JavaScript!   Mer 14 Avr - 0:19

Fin mon code est foireux juste sous Firefox, c'est ça le binz :/

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Young
Admin
Admin


Messages : 436
Date d'inscription : 02/04/2010
Age : 22
Localisation : Gujan-Mestras(Aquitaine)

MessageSujet: Re: Discutons en JavaScript!   Mer 14 Avr - 0:38

Bah faut avouer que c'est un code hyper bizarre, il utilise des tonnes de trucs incompréhensibles...
Voici mon code actuel qui foire:
Code:

      //Initialisation des variables
      var src       = "http://blog.schtunks.info/public/images/snow_orange.png"
      var nb         = 20;
      var html     = Array();
      var left     = Array();
      var fl        = Array();
      var mouvx     = Array();
      var mouvy     = Array();
      var oppose     = Array();
      var xactuel  = Array();

      //Génération des flocons
      for(var i=0; i<=nb; i++)
      {
         left[i]              = Math.round(Math.random() * 100);
         html[i]              =   '<div style="position:absolute;top:0;left:'+left[i]+'%;" id="flocon'+i+'">';
         html[i]             +=   '   <img src="'+src+'" alt="o" style="color:white;" />';
         html[i]             +=   '</div>';
         document.body.innerHTML += html;
      }

      //Mouvement des flocons
      for(var i=0;i<=nb;i++)
      {
         fl[i]      = document.getElementById('flocon'+i);
         xactuel[i] = fl[i].left;
         mouvx[i]  = Math.round(Math.random() * 10);
         mouvy[i]  = Math.round(Math.random() * 20);
         oppose[i]  = mouvx[i] - (2 * mouvx[i]);
         while(fl[i].bottom >= 0)
         {
            if(fl[i].left == xactuel[i])
            {
               while(fl[i].left <= (xactuel[i] + mouvx[i]))
               {
                  setTimeout('fl[i].left++', 10);
               }
            }
            else if(fl[i].left == (xactuel[i] + mouvx[i]))
            {
               while(fl[i].left >= (xactuel[i] - mouvx[i]))
               {
                  setTimeout('fl[i].left--', 10);
               }
            }
            else if(fl[i].left == (xactuel[i] - mouvx[i]))
            {
               while(fl[i].left <= (xactuel[i] + mouvx[i]))
               {
                  setTimeout('fl[i].left++', 10);
               }
            }
            else
            {
               if(fl[i].left > xactuel)
               {
                  while(fl[i].left >= xactuel[i])
                  {
                     setTimeout('fl[i].left--', 10);
                  }
               }
               else
               {
                  while(fl[i].left <= xactuel[i])
                  {
                     setTimeout('fl[i].left++', 10);
                  }
               }
            }
         }
      }
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.le-neuvieme-demon.com/
Sir Big-Bang
Admin
Admin


Messages : 907
Date d'inscription : 03/04/2010
Age : 22
Localisation : Paris

MessageSujet: Re: Discutons en JavaScript!   Mer 14 Avr - 3:47

Putain il chie des bulles, on ne sait pas combien y'aura de flocon

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Young
Admin
Admin


Messages : 436
Date d'inscription : 02/04/2010
Age : 22
Localisation : Gujan-Mestras(Aquitaine)

MessageSujet: Re: Discutons en JavaScript!   Mer 14 Avr - 4:21

Bah si, 20 en l'occurence x) .
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.le-neuvieme-demon.com/
Sir Big-Bang
Admin
Admin


Messages : 907
Date d'inscription : 03/04/2010
Age : 22
Localisation : Paris

MessageSujet: Re: Discutons en JavaScript!   Mer 14 Avr - 4:38

Ah oui j'avais pas vu xD

Moi faut compter par le nombre de paragraphe

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Young
Admin
Admin


Messages : 436
Date d'inscription : 02/04/2010
Age : 22
Localisation : Gujan-Mestras(Aquitaine)

MessageSujet: Re: Discutons en JavaScript!   Mer 14 Avr - 8:45

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.le-neuvieme-demon.com/
Sir Big-Bang
Admin
Admin


Messages : 907
Date d'inscription : 03/04/2010
Age : 22
Localisation : Paris

MessageSujet: Re: Discutons en JavaScript!   Mer 14 Avr - 8:52

C'es à partir d'où que ça foire ? Moi mon script marche pas sur Mozilla... Très bizarre

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Young
Admin
Admin


Messages : 436
Date d'inscription : 02/04/2010
Age : 22
Localisation : Gujan-Mestras(Aquitaine)

MessageSujet: Re: Discutons en JavaScript!   Mer 14 Avr - 9:07

Je l'ai mis sur le topic, c'est surligné dans le code, à document.body.innerHTML += html;
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.le-neuvieme-demon.com/
Sir Big-Bang
Admin
Admin


Messages : 907
Date d'inscription : 03/04/2010
Age : 22
Localisation : Paris

MessageSujet: Re: Discutons en JavaScript!   Mer 14 Avr - 9:17

Ben j'vois pas d'où vient le problème...

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Young
Admin
Admin


Messages : 436
Date d'inscription : 02/04/2010
Age : 22
Localisation : Gujan-Mestras(Aquitaine)

MessageSujet: Re: Discutons en JavaScript!   Jeu 15 Avr - 0:08

C'est justement ce que je demande >< ...
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.le-neuvieme-demon.com/
Sir Big-Bang
Admin
Admin


Messages : 907
Date d'inscription : 03/04/2010
Age : 22
Localisation : Paris

MessageSujet: Re: Discutons en JavaScript!   Jeu 15 Avr - 5:43

XD, sur CE forum, niveau langage, y'a que nous 2 (et encore je tiens pas vraiment la route) qui comprennent un soupçon

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
S3mt3cks
Icone du Rock
Icone du Rock


Messages : 182
Date d'inscription : 03/04/2010
Age : 25

MessageSujet: Re: Discutons en JavaScript!   Jeu 15 Avr - 6:31


_________________


Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Young
Admin
Admin


Messages : 436
Date d'inscription : 02/04/2010
Age : 22
Localisation : Gujan-Mestras(Aquitaine)

MessageSujet: Re: Discutons en JavaScript!   Jeu 15 Avr - 10:01

Je pensais vraiment pas qu'on allait tourner autant en rond Razz !
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.le-neuvieme-demon.com/
Young
Admin
Admin


Messages : 436
Date d'inscription : 02/04/2010
Age : 22
Localisation : Gujan-Mestras(Aquitaine)

MessageSujet: Re: Discutons en JavaScript!   Ven 16 Avr - 12:38

Voici le dernier code qui fonctionne super, sauf un défaut pénible:
http://www.siteduzero.com/forum-83-508937-p1-ebauche-de-code-resolution-des-premiers-bugs.html#r4876668
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.le-neuvieme-demon.com/
Sir Big-Bang
Admin
Admin


Messages : 907
Date d'inscription : 03/04/2010
Age : 22
Localisation : Paris

MessageSujet: Re: Discutons en JavaScript!   Ven 16 Avr - 12:41

Se tasse vers la gauche ? Essai pour voir

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Young
Admin
Admin


Messages : 436
Date d'inscription : 02/04/2010
Age : 22
Localisation : Gujan-Mestras(Aquitaine)

MessageSujet: Re: Discutons en JavaScript!   Ven 16 Avr - 12:59

Sur le forum?
Voila...
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.le-neuvieme-demon.com/
Sir Big-Bang
Admin
Admin


Messages : 907
Date d'inscription : 03/04/2010
Age : 22
Localisation : Paris

MessageSujet: Re: Discutons en JavaScript!   Ven 16 Avr - 22:59

Ben...

Présent que sur le thème Green

Se tasse vers la gauche (le mien était beaucoup plus aléatoire)

Y'a écrit il neige...

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Young
Admin
Admin


Messages : 436
Date d'inscription : 02/04/2010
Age : 22
Localisation : Gujan-Mestras(Aquitaine)

MessageSujet: Re: Discutons en JavaScript!   Sam 17 Avr - 0:13

Le "Il neige", c'est moi car les flocons font ramer donc je vais pas les laisser toute la nuit Razz . Le bug de la gauche est résolu, sans parler de politique Razz .
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.le-neuvieme-demon.com/
Sir Big-Bang
Admin
Admin


Messages : 907
Date d'inscription : 03/04/2010
Age : 22
Localisation : Paris

MessageSujet: Re: Discutons en JavaScript!   Sam 17 Avr - 0:53

Ben c'est pas mal, mais je préfère le mien (essaye sous IE ou Opera)

Le mien on voit pas de flocon en surplus, et la répartition est pas mal

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Young
Admin
Admin


Messages : 436
Date d'inscription : 02/04/2010
Age : 22
Localisation : Gujan-Mestras(Aquitaine)

MessageSujet: Re: Discutons en JavaScript!   Sam 17 Avr - 0:58

Bah le mien, c'est du fait maison, hein Wink .
Et puis suffit de spécifier une autre image pour les flocons...
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.le-neuvieme-demon.com/
Topaze
Modérateur
Modérateur


Messages : 555
Date d'inscription : 02/04/2010
Age : 19
Localisation : Vendée (85)

MessageSujet: Re: Discutons en JavaScript!   Sam 17 Avr - 1:21

Si on met le navigateur en pleine écran et si on click plein de fois sur "il neige" ça fait un beau bordel Lol

_________________
The offspring
I'm the devil I love metal!
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Young
Admin
Admin


Messages : 436
Date d'inscription : 02/04/2010
Age : 22
Localisation : Gujan-Mestras(Aquitaine)

MessageSujet: Re: Discutons en JavaScript!   Sam 17 Avr - 1:49

Bah toi aussi, tu le cherches XD !
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.le-neuvieme-demon.com/
Contenu sponsorisé




MessageSujet: Re: Discutons en JavaScript!   Aujourd'hui à 10:51

Revenir en haut Aller en bas
 
Discutons en JavaScript!
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 2Aller à la page : 1, 2  Suivant
 Sujets similaires
-
» API sous Javascript pour smartphone
» [HELP] Héberger du javascript gratuitement
» Tutoriel PHP/MySQL + Javascript/JQuery
» Refonte des visuels du site
» [RGSS/PHP]maker-store

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
France on Fire :: Autres :: Espace Café-
Sauter vers: