Slider des div

Messages postés
33
Date d'inscription
samedi 28 février 2004
Statut
Membre
Dernière intervention
8 mai 2016
-
Bonjour,
j'ai besoin d'un peu d'aide concernant mon problème de slide de div, je parviens à faire chuter une div, une fois cette div parvenue au point x, je voudrais faire chuter une autre div etc... mais je ne parviens pas à relancer le script.
voici le code, si quelqu'un pouvais me donner un coup de main. merci d'avance

 
  bloc_yp = new Array();
  bloc_xp = new Array();
  //bloc_sty = new Array();
 function regenerer() {
  var Valeurbloc = document.getElementById('valeurbloc');// extrait la valeur par l'ID de l'objet 

  var i = Valeurbloc.value;
  i++;
  //for(var i=1;i<100;i++){
   Valeurbloc.value = i;// transfert la valeur du document a la variable

   bloc_yp[i] = 0;
   var randomcol = Math.floor(Math.random()*9)
   var correctionrandomcol = randomcol+1;
   bloc_xp[i] = 3.5+55*(randomcol);
  
    
   var ValeurXpos = document.getElementById('valeurxpos');// extrait la valeur par l'ID de l'objet 
   ValeurXpos.value = bloc_xp[i];// transfert la valeur du document a la variable
   var ValeurColonne = document.getElementById('valeurcol'+correctionrandomcol);// extrait la valeur par l'ID de l'objet 
   ValeurColonne.value = correctionrandomcol;// transfert la valeur du document a la variable  
   //for(var i=1;i<100;i++){
   //var i = 1;
   var xpos = 10;
   var Picture = "./rep-images/gashney.jpg" ;
   var debutdiv = "<\div id=\"chute_bloc"+ i +"\" style=\"position: absolute; z-index:8; visibility: visible; width: 50px; height: 50px; border:#000000 1px solid; background-color: rgba(255, 255, 255, 1);\" align='center' valign='middle'>";
   //var cotenu = "<input type='button' name='annulation' id='annulation' style='color:blue; width:90px;' value='ANNULER' title='' onclick='annuler()'>";
   var contenu = "<\img src=\""+Picture+"\" style=\"width:50px; height:50px;\" border=\"0\" onclick=\'alerter()'>";
   var findiv = "<\/div>";
   document.write(debutdiv+contenu+findiv);
   //document.write(debutdiv+debutconteneur+contenu+finconteneur+findiv);
  //}
  blocfall(); 
  
 }
 //*******************************
 function blocfall(i){   
     var Valeurbloc = document.getElementById('valeurbloc');// extrait la valeur par l'ID de l'objet
  var i = Valeurbloc.value;
  for(var recherchecol=1;recherchecol<10;recherchecol++){
   var valeurcol = document.getElementById("valeurcol"+recherchecol);
   if(valeurcol.value > 0){
    var valeurscrorecol = document.getElementById("scorecol"+recherchecol); 
   }
  }
  bloc_yp[i]++;
  //PUB_xp[i]=3;
  //PUB_xp[i] = Math.random();
  //valeurscrorecol.value = PUB_yp[i]; 
  if(bloc_yp[i] < 650){
   document.getElementById("chute_bloc"+i).style.top=bloc_yp[i]+"px";  
      document.getElementById("chute_bloc"+i).style.left=bloc_xp[i]+"px"; 
   valeurscrorecol.value = bloc_yp[i];
   blocspeed = setTimeout("blocfall()", 10); //vitesse de la chute ms 
  } else {
   
   
  }
  
 }  
 //*******************************

vol68


EDIT : Ajout du LANGAGE dans les balises de code (la coloration syntaxique).
Explications disponibles ici : ICI

Merci d'y penser dans tes prochains messages.
Afficher la suite 

1 réponse

Messages postés
1717
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
15 octobre 2019
47
0
Merci
bonjour

le script n'est pas facile a comprendre et je suis pas sur que dans l'etat on puisse le faire essai de faire un appel a la fonction regenerer() dans le else mais pas sur que ca marchera

rien ne sert de courir il faut partir a point.
cours Forest cours !
vol68
Messages postés
33
Date d'inscription
samedi 28 février 2004
Statut
Membre
Dernière intervention
8 mai 2016
-
Bonjour Kazma
effectivement pas évident, j'ai déjà tenté de mettre le renvoi vers la fonction régénerer() dans le else mais ça bloque tout, je vais continuer à chercher
@karamel
Messages postés
1717
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
15 octobre 2019
47 > vol68
Messages postés
33
Date d'inscription
samedi 28 février 2004
Statut
Membre
Dernière intervention
8 mai 2016
-
et le html il ressemble a quoi
Commenter la réponse de @karamel