begin process at 2012 05 29 06:20:32
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Problème de compatibilité

 > 

Feux d'artifice ne marche pas sous FF


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Feux d'artifice ne marche pas sous FF

jeudi 10 février 2011 à 22:40:05 | Feux d'artifice ne marche pas sous FF

kepon72

Bonjour,
Voila j'ai trouver un code sur le net que j'aimerais mettre dans mon site or le problème est qu'une erreur de compatibilité à lieu mais aprés un pas à pas avec firebug je n'est rien trouver j'ai chercher les erreurs courrante d'incompatibilité entre IE et FF et rien ne marche.
Merci de m'aider.

Voici le code:

Code Javascript :
<html><head>
<title>javascripts pour site web</title>
<meta name="Description" content="des javascripts pour animer vos pages web">
<meta name="Robots" content="noindex,follow">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
</head>
<body text="#ff9900" vlink="#33cc33" alink="#33cc33" bgcolor="#000000" link="#33cc33">
<layer name="a0" left="10" top="10" visibility="show" bgcolor="#ffffff" clip="0,0,1,1"></layer>
<layer name="a1" left="10" top="10" visibility="show" bgcolor="#fff000" clip="0,0,1,1"></layer>
<layer name="a2" left="10" top="10" visibility="show" bgcolor="#ffa000" clip="0,0,1,1"></layer>
<layer name="a3" left="10" top="10" visibility="show" bgcolor="#ff00ff" clip="0,0,1,1"></layer>
<layer name="a4" left="10" top="10" visibility="show" bgcolor="#00ff00" clip="0,0,1,1"></layer>
<layer name="a5" left="10" top="10" visibility="show" bgcolor="#ff00ff" clip="0,0,1,1"></layer>
<layer name="a6" left="10" top="10" visibility="show" bgcolor="#ff0000" clip="0,0,1,1"></layer>
<layer name="a7" left="10" top="10" visibility="show" bgcolor="#ffffff" clip="0,0,1,1"></layer>
<layer name="a8" left="10" top="10" visibility="show" bgcolor="#fff000" clip="0,0,1,1"></layer>
<layer name="a9" left="10" top="10" visibility="show" bgcolor="#ffa000" clip="0,0,1,1"></layer>
<layer name="a10" left="10" top="10" visibility="show" bgcolor="#ff00ff" clip="0,0,1,1"></layer>
<layer name="a11" left="10" top="10" visibility="show" bgcolor="#00ff00" clip="0,0,2,2"></layer>
<layer name="a12" left="10" top="10" visibility="show" bgcolor="#0000ff" clip="0,0,2,2"></layer>
<layer name="a13" left="10" top="10" visibility="show" bgcolor="#ff0000" clip="0,0,2,2"></layer>
<div id="starsDiv" style="position: absolute; top: 0px; left: 0px;">
<div style="position: relative; width: 4px; height: 4px; background: none repeat scroll 0% 0% rgb(255, 255, 255); font-size: 4px;"></div>
<div style="position: relative; width: 2px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 240, 0); font-size: 2px;"></div>
<div style="position: relative; width: 2px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 160, 0); font-size: 2px;"></div>
<div style="position: relative; width: 2px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 0, 255); font-size: 2px;"></div>
<div style="position: relative; width: 3px; height: 3px; background: none repeat scroll 0% 0% rgb(0, 255, 0); font-size: 3px;"></div>
<div style="position: relative; width: 2px; height: 2px; background: none repeat scroll 0% 0% rgb(0, 0, 255); font-size: 2px;"></div>
<div style="position: relative; width: 2px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 0, 0); font-size: 2px;"></div>
<div style="position: relative; width: 2px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 255, 255); font-size: 2px;"></div>
<div style="position: relative; width: 3px; height: 3px; background: none repeat scroll 0% 0% rgb(255, 240, 0); font-size: 3px;"></div>
<div style="position: relative; width: 2px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 160, 0); font-size: 2px;"></div>
<div style="position: relative; width: 2px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 0, 255); font-size: 2px;"></div>
<div style="position: relative; width: 4px; height: 4px; background: none repeat scroll 0% 0% rgb(255, 0, 255); font-size: 4px;"></div>
<div style="position: relative; width: 2px; height: 2px; background: none repeat scroll 0% 0% rgb(0, 0, 255); font-size: 2px;"></div>
<div style="position: relative; width: 2px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 0, 0); font-size: 2px;"></div>
</div>

<script language="JavaScript">
var Clrs = new Array(9);
Clrs[0] = 'ff0000';
Clrs[1] = '00ff00';
Clrs[2] = '000aff';
Clrs[3] = 'ff00ff';
Clrs[4] = 'ffa500';
Clrs[5] = 'ffff00';
Clrs[6] = '00ff00';
Clrs[7] = 'ffffff';
Clrs[8] = 'fffff0';
var sClrs = new Array(5);
sClrs[0] = 'ffa500';
sClrs[1] = '55ff66';
sClrs[2] = 'AC9DFC';
sClrs[3] = 'fff000';
sClrs[4] = 'fffff0';
var yBase;
var xBase;
var step;
var currStep = 0;
var Xpos = 1;
var Ypos = 1;
var initialStarColor = 'ffa000';
var Mtop = 250;
var Mleft = 250;
function Fireworks() {
if (document.all) {
yBase = window.document.body.offsetHeight / 3;
xBase = window.document.body.offsetWidth / 8;
}
else if (document.layers) {
yBase = window.innerHeight / 3;
xBase = window.innerWidth / 8;
}
if (document.all) {
step = 5;
for ( i = 0 ; i < starsDiv.all.length ; i++ ) {
for (ai = 0; ai < Clrs.length; ai++) {
var c = Math.round(Math.random()*[ai]);
}
if (currStep < 90)
starsDiv.all[i].style.background=initialStarColor;
if (currStep > 90)
starsDiv.all[i].style.background=Clrs[c];
starsDiv.all[i].style.top = Mtop + yBase*Math.sin((currStep+i*5)/3)*Math.sin(550+currStep/100)
starsDiv.all[i].style.left = Mleft + yBase*Math.cos((currStep+i*5)/3)*Math.sin(550+currStep/100)
 }
}
else if (document.layers) {
step = 5;
for ( j = 0 ; j < 14 ; j++ ) { //number of NS layers!
//var templayer = "a"+j;
for (ai = 0; ai < Clrs.length; ai++) {
var c = Math.round(Math.random()*[ai]);
}
if (currStep < 90)
document.layer.getElementById("a"+j).style.bgColor = initialStarColor;
if (currStep > 90)
document.layer.getElementById("a"+j).style.bgColor=Clrs[c];
document.layer.getElementById("a"+j).style.top = Mtop + yBase*Math.sin((currStep+j*5)/3)*Math.sin(550+currStep/100)
document.layer.getElementById("a"+j).style.left = Mleft + yBase*Math.cos((currStep+j*5)/3)*Math.sin(550+currStep/100)
 }
}
currStep+= step;
T=setTimeout("Fireworks()",5);
if (currStep == 220) {
currStep = -10;
for (n = 0; n < sClrs.length; n++) {
var k = Math.round(Math.random()*n);
}
initialStarColor = sClrs[k];
if (document.all) {
Dtop = window.document.body.clientHeight - 250;
Dleft = xBase * 3.5;
Mtop = Math.round(Math.random()*Dtop);
Mleft = Math.round(Math.random()*Dleft);
document.all.starsDiv.style.top = Mtop+document.body.scrollTop;
document.all.starsDiv.style.left = Mleft+document.body.scrollLeft;
}
else if (document.layer) {
Dleft = window.innerWidth - 100;
Dtop = window.innerHeight - 100;
Mtop = Math.round(Math.random()*Dtop+window.pageYOffset);
Mleft = Math.round(Math.random()*Dleft+window.pageXOffset);
document.layer.getElementById("a"+j).style.top = Mtop;
document.layer.getElementById("a"+j).style.left = Mleft;
}
if ((Mtop < 20) || (Mleft < 20)) {
Mtop += 90;
Mleft += 90;
 }
 }
}
Fireworks();
</script>
</body>
</html> 
vendredi 11 février 2011 à 11:34:07 | Re : Feux d'artifice ne marche pas sous FF

kazma

Administrateur CodeS-SourceS
document.layer sa n'existe plus depuis un moment

voit comme ca

Code HTML :
<html><head>
<title>javascripts pour site web</title>
<meta name="Description" content="des javascripts pour animer vos pages web">
<meta name="Robots" content="noindex,follow">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
</head>
<body text="#ff9900" vlink="#33cc33" alink="#33cc33" bgcolor="#000000" link="#33cc33">

<div id="starsDiv" style="position: absolute; top: 0px; left: 0px;">
<div style="position: relative; width: 4px; height: 4px; background: none repeat scroll 0% 0% rgb(255, 255, 255); font-size: 4px;"></div>
<div style="position: relative; width: 2px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 240, 0); font-size: 2px;"></div>
<div style="position: relative; width: 2px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 160, 0); font-size: 2px;"></div>
<div style="position: relative; width: 2px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 0, 255); font-size: 2px;"></div>
<div style="position: relative; width: 3px; height: 3px; background: none repeat scroll 0% 0% rgb(0, 255, 0); font-size: 3px;"></div>
<div style="position: relative; width: 2px; height: 2px; background: none repeat scroll 0% 0% rgb(0, 0, 255); font-size: 2px;"></div>
<div style="position: relative; width: 2px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 0, 0); font-size: 2px;"></div>
<div style="position: relative; width: 2px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 255, 255); font-size: 2px;"></div>
<div style="position: relative; width: 3px; height: 3px; background: none repeat scroll 0% 0% rgb(255, 240, 0); font-size: 3px;"></div>
<div style="position: relative; width: 2px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 160, 0); font-size: 2px;"></div>
<div style="position: relative; width: 2px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 0, 255); font-size: 2px;"></div>
<div style="position: relative; width: 4px; height: 4px; background: none repeat scroll 0% 0% rgb(255, 0, 255); font-size: 4px;"></div>
<div style="position: relative; width: 2px; height: 2px; background: none repeat scroll 0% 0% rgb(0, 0, 255); font-size: 2px;"></div>
<div style="position: relative; width: 2px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 0, 0); font-size: 2px;"></div>
</div>

<script language="JavaScript">
var Clrs = new Array(9);
Clrs[0] = 'ff0000';
Clrs[1] = '00ff00';
Clrs[2] = '000aff';
Clrs[3] = 'ff00ff';
Clrs[4] = 'ffa500';
Clrs[5] = 'ffff00';
Clrs[6] = '00ff00';
Clrs[7] = 'ffffff';
Clrs[8] = 'fffff0';
var sClrs = new Array(5);
sClrs[0] = 'ffa500';
sClrs[1] = '55ff66';
sClrs[2] = 'AC9DFC';
sClrs[3] = 'fff000';
sClrs[4] = 'fffff0';
var yBase;
var xBase;
var step;
var currStep = 0;
var Xpos = 1;
var Ypos = 1;
var initialStarColor = 'ffa000';
var Mtop = 250;
var Mleft = 250;
function Fireworks() {

if (document.all) {
yBase = window.document.body.offsetHeight / 3;
xBase = window.document.body.offsetWidth / 8;
}
else {
yBase = window.innerHeight / 3;
xBase = window.innerWidth / 8;
}

var elem=document.getElementById("starsDiv").getElementsByTagName("div")

step = 5;
for ( i = 0 ; i < elem.length ; i++ ) {
for (ai = 0; ai < Clrs.length; ai++) {
var c = Math.round(Math.random()*[ai]);
}
if (currStep < 90)
elem[i].style.backgroundColor=initialStarColor;
if (currStep > 90)
elem[i].style.backgroundColor=Clrs[c];
elem[i].style.top = Mtop + yBase*Math.sin((currStep+i*5)/3)*Math.sin(550+currStep/100)
elem[i].style.left = Mleft + yBase*Math.cos((currStep+i*5)/3)*Math.sin(550+currStep/100)
 }

currStep+= step;
T=setTimeout("Fireworks()",30);
if (currStep == 220) {
currStep = -10;
for (n = 0; n < sClrs.length; n++) {
var k = Math.round(Math.random()*n);
}
initialStarColor = sClrs[k];

Dtop = window.document.body.clientHeight - 250;
Dleft = xBase * 3.5;
Mtop = Math.round(Math.random()*Dtop);
Mleft = Math.round(Math.random()*Dleft);
document.getElementById("starsDiv").style.top = Mtop+document.body.scrollTop;
document.getElementById("starsDiv").style.left = Mleft+document.body.scrollLeft;

if ((Mtop < 20) || (Mleft < 20)) {
Mtop += 90;
Mleft += 90;
 }
 }
}
Fireworks();
</script>
</body>
</html> 


vendredi 11 février 2011 à 14:45:29 | Re : Feux d'artifice ne marche pas sous FF

kepon72

Merci beaucoup sa marche !
vendredi 11 février 2011 à 22:28:30 | Re : Feux d'artifice ne marche pas sous FF

kazma

Administrateur CodeS-SourceS
pour un plus belle effet je me suis ammuser a ameliorer le scipt


Code HTML :
<!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>javascripts pour site web</title>
<meta name="Description" content="des javascripts pour animer vos pages web">
<meta name="Robots" content="noindex,follow">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<script language="JavaScript">

var Clrs = new Array('#ff0000','#00ff00','#000aff','#ff00ff','#ffa500','#ffff00','#00ff00','#ffffff','#fffff0');
var sClrs = new Array('#ffa500','#55ff66','#AC9DFC','#fff000','#fffff0');

function artifice(elem,coul){

if (coul=='multi'){
this.couleur='multi';
this.initialStarColor = '#ffa000';
}
else{
this.couleur='neutre';
this.initialStarColor = coul;
}
this.yBase;
this.xBase;
this.step;
this.currStep = 0;
this.Mtop = 250;
this.Mleft = 250;

var constrution=document.createElement('div');
constrution.id=elem;
constrution.style.position='absolute';

for (var i=0; i <7; i++) {
var point=document.createElement('div');
point.style.position='relative';
point.style.height=2+'px';
point.style.width=2+'px';
point.style.fontSize=2+'px';
point.style.backgroundColor=this.initialStarColor;
point.style.borderRadius=1+'px';
var point2=document.createElement('div');
point2.style.position='relative';
point2.style.height=3+'px';
point2.style.width=3+'px';
point2.style.fontSize=3+'px';
point2.style.backgroundColor=this.initialStarColor;
point2.style.borderRadius=1+'px';
constrution.appendChild(point);
constrution.appendChild(point2);
}
document.body.appendChild(constrution);

this.el=document.getElementById(elem);
this.Fireworks();
}


artifice.prototype.Fireworks=function() {

if (document.all) {
this.yBase = document.documentElement.offsetHeight / 3;
this.xBase = document.documentElement.offsetWidth / 8;
}
else {
this.yBase = window.innerHeight / 3;
this.xBase = window.innerWidth / 8;
}

var elem=this.el.getElementsByTagName("div")

this.step = 5;
for ( i = 0 ; i < elem.length ; i++ ) {
for (ai = 0; ai <Clrs.length; ai++) {
var c = Math.round(Math.random()*[ai]);
}
if (this.currStep < 90){

if (this.couleur=='multi'){
elem[i].style.backgroundColor=this.initialStarColor;
}
}
if (this.currStep > 90){

if (this.couleur=='multi'){
elem[i].style.backgroundColor=Clrs[c];
}
}
 
elem[i].style.top = (this.Mtop + this.yBase*Math.sin((this.currStep+i*5)/3)*Math.sin(550+this.currStep/100))+'px'
elem[i].style.left = (this.Mleft + this.yBase*Math.cos((this.currStep+i*5)/3)*Math.sin(550+this.currStep/100))+'px'
 }

this.currStep+= this.step;

var lui=this;

setTimeout(function() {lui.Fireworks()},30);
if (this.currStep == 220) {
this.currStep = -10;
for (n = 0; n <sClrs.length; n++) {
var k = Math.round(Math.random()*n);
}
this.initialStarColor = sClrs[k];

Dtop = document.documentElement.clientHeight - 250;
Dleft = this.xBase * 3.5;
this.Mtop = Math.round(Math.random()*Dtop);
this.Mleft = Math.round(Math.random()*Dleft);
var dde=(navigator.vendor) ? document.body : document.documentElement;
this.el.style.top = (this.Mtop+dde.scrollTop)+'px';
this.el.style.left = (this.Mleft+dde.scrollLeft)+'px';

if ((this.Mtop < 20) || (this.Mleft < 20)) {
this.Mtop += 90;
this.Mleft += 90;
 }
 }
}
onload=init


function init(){
artifice1=new artifice('starsDiv1');
setTimeout(function(){artifice2=new artifice('starsDiv2','yellow');},200);
setTimeout(function(){artifice3=new artifice('starsDiv3','multi');},400);
setTimeout(function(){artifice4=new artifice('starsDiv4','red');},600);
setTimeout(function(){artifice5=new artifice('starsDiv5','multi');},800);
setTimeout(function(){artifice6=new artifice('starsDiv6','multi');},1000);
setTimeout(function(){artifice7=new artifice('starsDiv7','multi');},1000);
};
</script>
</head>
<body style="background-color:#000000">

</body>
</html> 
samedi 12 février 2011 à 19:24:45 | Re : Feux d'artifice ne marche pas sous FF

kepon72

Merci encore ! c'est encore mieux !
samedi 12 février 2011 à 19:32:26 | Re : Feux d'artifice ne marche pas sous FF

kepon72

Je viens de trouver un nouvelle possibilités: lorsque l'on clique sur la page un petit feux d'artifice à lieu or le problème est le même il y à incompatibilité avec FF malgré mes changements que j'ai fait avec vos conseils...

Voici le code original:
Code Javascript :
<html>
<head>
<title>javascripts pour site web</title>
<SCRIPT LANGUAGE="JavaScript">
var ver  = navigator.appVersion;
var dom  = document.getElementById ? 1 : 0;
var ie5  = (ver.indexOf("MSIE 5") > -1 && dom) ? 1 : 0;
var n  = (document.layers);
var ie = (document.all);

var sparksAflyin = 0;
var totalSparks = 0;
var sparksOn = 1;
function initMouseEvents() {
document.onmousedown = mouseDown;
if (n) document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE);
}
function mouseDown(e) {
if (sparksOn) {
var mousex = (n) ? e.pageX : event.x+document.body.scrollLeft;
var mousey = (n) ? e.pageY : event.y+document.body.scrollTop;
if (!sparksAflyin) {
for (var k = 0; k <= 9; k++)
   eval('SHOW("sDiv'+k+'")');
sparksAflyin = 1;
totalSparks = 0;
for(i = 0;i <= 9; i++)
eval('moveTo('+i+',0,'+mousex+','+mousey+')');
      }
   }
}
function moveTo(i,j, mousex, mousey){
if (j < eval('anim_'+i+'_x.length') ){
var tempx = eval('anim_'+i+'_x[j]+mousex');
var tempy = eval('anim_'+i+'_y[j]+mousey');
if (ie) {
if(tempy+30 > (document.body.offsetHeight+document.body.scrollTop))
tempy = document.body.offsetHeight+document.body.scrollTop-30;
if(tempx+30 > (document.body.offsetWidth+document.body.scrollLeft))
tempx = document.body.offsetWidth+document.body.scrollLeft-30;
eval('document.all.sDiv'+i+'.style.left = tempx;');
eval('document.all.sDiv'+i+'.style.top  = tempy;');
}
if (n) {
eval('document.layers.sDiv'+i+'.left = tempx;');
eval('document.layers.sDiv'+i+'.top  = tempy;');
}
j++;
    setTimeout("moveTo("+i+","+j+","+mousex+","+mousey+")",50)
}
else {
eval('HIDE("sDiv'+i+'")');
totalSparks++;
}
if (totalSparks == 10) {
sparksAflyin = 0;
totalSparks  = 0;
   }
}
function SHOW(divName){
if (document.all)
eval('document.all.'+divName+'.style.visibility = "visible";');
else if (document.layers)
eval('document.layers["'+divName+'"].visibility = "visible";');
}
function HIDE(divName){
if (document.all)
eval('document.all.'+divName+'.style.visibility = "hidden";');
else if (document.layers)
eval('document.layers["'+divName+'"].visibility = "hide";');
}
anim_0_x=new Array(20,20,10,0,0,0,0,0,0,0,0,0);
anim_0_y=new Array(-20,-40,-60,-80,-60,-40,-20,0,20,40,60,80);
anim_1_x=new Array(20,20,17,36,60,78,90,92,93,98,108,120,133,152,181);
anim_1_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253);
anim_2_x=new Array(20,20,2,3,4,5,6,7,8,9,10,12,13,15,18);
anim_2_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253);
anim_3_x=new Array(-20,-20,-2,-1,7,10,18,35,60,102,94,94,93,97,108,111,117,127);
anim_3_y=new Array(-20,-25,-64,-89,-104,-150,-173,-197,-213,-199,-151,-101,-66,-17,27,87,140,189);
anim_4_x=new Array(-20,-20,-10,-39,-30,-69,-64,-138,-154,-200,-181,-209,-191,-207,-203,-213,-202,-221,-211);
anim_4_y=new Array(-20,-20,-28,-51,-79,-100,-135,-154,-193,-183,-149,-134,-89,-60,8,51,107,157,201);
anim_5_x=new Array(-20,-29,-51,-72,-105,-133,-164,-189,-209,-229,-247,-270,-279,-282,-283,-283,-285,-286,-288);
anim_5_y=new Array(-20,-55,-86,-116,-154,-183,-205,-217,-217,-198,-169,-120,-44,-8,40,87,144,190,248);
anim_6_x=new Array(-20,-20,-7,14,44,79,143,186,217,226,234,244,250,259,265,274);
anim_6_y=new Array(-20,-21,-72,-113,-139,-166,-188,-181,-126,-68,-3,54,134,187,215,257);
anim_7_x=new Array(20,20,-3,-9,-13,-27,-33,-44,-54,-66,-77,-95,-107,-136,-150,-160,-164,-168,-171,-172,-172,-176,-175);
anim_7_y=new Array(-20,-26,-43,-63,-89,-116,-145,-169,-201,-222,-240,-253,-254,-245,-220,-195,-160,-124,-81,-53,-26,19,68);
anim_8_x=new Array(-20,20,-35,39,0,45,-1,24,-15,14,-20,35,-18,38,-11,16,49,64,81,93,100,103,109);
anim_8_y=new Array(-20,-20,-32,-42,-62,-76,-89,-107,-132,-147,-173,-180,-192,-209,-236,-193,-119,-73,-24,51,95,130,188);
anim_9_x=new Array(-20,-51,-89,-110,-165,-191,-228,-240,-259,-271,-277,-281,-287);
anim_9_y=new Array(-20,-20,-35,-37,-34,-16,10,47,105,150,189,227,273);
</script>
</head>

<body bgcolor="#000000" BODY OnLoad="initMouseEvents()" text="#FF9900" link="#33CC33" vlink="#33CC33" alink="#33CC33">
<div align="center">  
  <p><div id="sparks">
<div id="sDiv0" style="position:absolute; visibility: hidden;"><font face="arial black" color="red">.</font></div>
<div id="sDiv1" style="position:absolute; visibility: hidden;"><font face="arial black" color="yellow">.</font></div>

<div id="sDiv2" style="position:absolute; visibility: hidden;"><font face="arial black" color="blue">.</font></div>
<div id="sDiv3" style="position:absolute; visibility: hidden;"><font face="arial black" color="red">.</font></div>
<div id="sDiv4" style="position:absolute; visibility: hidden;"><font face="arial black" color="orange">.</font></div>
<div id="sDiv5" style="position:absolute; visibility: hidden;"><font face="arial black" color="black">.</font></div>
<div id="sDiv6" style="position:absolute; visibility: hidden;"><font face="arial black" color="green">.</font></div>
<div id="sDiv7" style="position:absolute; visibility: hidden;"><font face="arial black" color="skyblue">.</font></div>
<div id="sDiv8" style="position:absolute; visibility: hidden;"><font face="arial black" color="yellow">.</font></div>
<div id="sDiv9" style="position:absolute; visibility: hidden;"><font face="arial black" color="white">.</font></div>
</div>
</div>
</body>
</html>

Et le code aprés mes modifications:
Code Javascript :
<html>
 <head>
  <title>javascripts pour site web</title>
  <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script language="JavaScript">
var ver  = navigator.appVersion;
var dom  = document.getElementById ? 1 : 0;
var n  = document.getElementById("sDiv");
var anim = document.getElementById("anim_");
var sparksAflyin = 0;
var totalSparks = 0;
var sparksOn = 1;

function initMouseEvents() 
{
	document.onmousedown = mouseDown; 
	document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE);
}

function mouseDown(e) 
{
	if (sparksOn) 
	{
		var mousex = (n) ? e.pageX : event.x + document.body.scrollLeft;
		var mousey = (n) ? e.pageY : event.y + document.body.scrollTop;
		if (!sparksAflyin) 
		{
			for (var k = 0; k <= 9; k++)
				SHOW("n'+k+'")
				sparksAflyin = 1;
				totalSparks = 0;
			for(i = 0;i <= 9; i++)
				moveTo('+i+',0,'+mousex+','+mousey+');
		}
	}
}

function moveTo(i,j, mousex, mousey)
{
	if (j < eval(anim+i+'_x.length'))
	{
		var tempx = anim+i+'_x[j]+mousex';
		var tempy = anim+i+'_y[j]+mousey';
		if(tempy+30 > (document.body.offsetHeight+document.body.scrollTop))
			tempy = document.body.offsetHeight+document.body.scrollTop-30;
		if(tempx+30 > (document.body.offsetWidth+document.body.scrollLeft))
			tempx = document.body.offsetWidth+document.body.scrollLeft-30;
		document.n'+i+'.style.left = tempx;
		document.n'+i+'.style.top  = tempy;
		}
		j++;
		setTimeout("moveTo("+i+","+j+","+mousex+","+mousey+")",50)
	}
	else 
	{
		HIDE("n'+i+'");
		totalSparks++;
	}
	if (totalSparks == 10) 
	{
		sparksAflyin = 0;
		totalSparks  = 0;
	}
}

function SHOW(divName)
{
	if (document.all)
		document.all.'+divName+'.style.visibility = "visible";
}

function HIDE(divName)
{
	if (document.all)
		edocument.all.'+divName+'.style.visibility = "hidden";
}

anim_0_x = new Array(20,20,10,0,0,0,0,0,0,0,0,0);
anim_0_y = new Array(-20,-40,-60,-80,-60,-40,-20,0,20,40,60,80);
anim_1_x = new Array(20,20,17,36,60,78,90,92,93,98,108,120,133,152,181);
anim_1_y = new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253);
anim_2_x = new Array(20,20,2,3,4,5,6,7,8,9,10,12,13,15,18);
anim_2_y = new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253);
anim_3_x = new Array(-20,-20,-2,-1,7,10,18,35,60,102,94,94,93,97,108,111,117,127);
anim_3_y = new Array(-20,-25,-64,-89,-104,-150,-173,-197,-213,-199,-151,-101,-66,-17,27,87,140,189);
anim_4_x = new Array(-20,-20,-10,-39,-30,-69,-64,-138,-154,-200,-181,-209,-191,-207,-203,-213,-202,-221,-211);
anim_4_y = new Array(-20,-20,-28,-51,-79,-100,-135,-154,-193,-183,-149,-134,-89,-60,8,51,107,157,201);
anim_5_x = new Array(-20,-29,-51,-72,-105,-133,-164,-189,-209,-229,-247,-270,-279,-282,-283,-283,-285,-286,-288);
anim_5_y = new Array(-20,-55,-86,-116,-154,-183,-205,-217,-217,-198,-169,-120,-44,-8,40,87,144,190,248);
anim_6_x = new Array(-20,-20,-7,14,44,79,143,186,217,226,234,244,250,259,265,274);
anim_6_y = new Array(-20,-21,-72,-113,-139,-166,-188,-181,-126,-68,-3,54,134,187,215,257);
anim_7_x = new Array(20,20,-3,-9,-13,-27,-33,-44,-54,-66,-77,-95,-107,-136,-150,-160,-164,-168,-171,-172,-172,-176,-175);
anim_7_y = new Array(-20,-26,-43,-63,-89,-116,-145,-169,-201,-222,-240,-253,-254,-245,-220,-195,-160,-124,-81,-53,-26,19,68);
anim_8_x = new Array(-20,20,-35,39,0,45,-1,24,-15,14,-20,35,-18,38,-11,16,49,64,81,93,100,103,109);
anim_8_y = new Array(-20,-20,-32,-42,-62,-76,-89,-107,-132,-147,-173,-180,-192,-209,-236,-193,-119,-73,-24,51,95,130,188);
anim_9_x = new Array(-20,-51,-89,-110,-165,-191,-228,-240,-259,-271,-277,-281,-287);
anim_9_y = new Array(-20,-20,-35,-37,-34,-16,10,47,105,150,189,227,273);
</script>
</head>
<body body="" onload="initMouseEvents()" text="#ff9900" vlink="#33cc33" alink="#33cc33" bgcolor="#000000" link="#33cc33">
 <div align="center">  
  <div id="sparks">
	<div id="sDiv0" style="position: absolute; visibility: hidden;"><font color="red" face="arial black">.</font></div>
	<div id="sDiv1" style="position: absolute; visibility: hidden;"><font color="yellow" face="arial black">.</font></div>
	<div id="sDiv2" style="position: absolute; visibility: hidden;"><font color="blue" face="arial black">.</font></div>
	<div id="sDiv3" style="position: absolute; visibility: hidden;"><font color="red" face="arial black">.</font></div>
	<div id="sDiv4" style="position: absolute; visibility: hidden;"><font color="orange" face="arial black">.</font></div>
	<div id="sDiv5" style="position: absolute; visibility: hidden;"><font color="black" face="arial black">.</font></div>
	<div id="sDiv6" style="position: absolute; visibility: hidden;"><font color="green" face="arial black">.</font></div>
	<div id="sDiv7" style="position: absolute; visibility: hidden;"><font color="skyblue" face="arial black">.</font></div>
	<div id="sDiv8" style="position: absolute; visibility: hidden;"><font color="yellow" face="arial black">.</font></div>
	<div id="sDiv9" style="position: absolute; visibility: hidden;"><font color="white" face="arial black">.</font></div>
   </div>
 </div>
</body>
</html>
dimanche 13 février 2011 à 17:45:45 | Re : Feux d'artifice ne marche pas sous FF

kazma

Administrateur CodeS-SourceS
ce script aussi est tres ancien avec son lot d&#8217;incompatibilité comme (document.captureEvents) et (layer) qui n'existe plus et il faut aussi le rendre compatible avec xhtml

le voila en état de marche

Code HTML :
<!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>javascripts pour site web</title>
<SCRIPT LANGUAGE="JavaScript">


var sparksAflyin = false;
var totalSparks = 0;
var sparksOn = true;

function initMouseEvents() {
(navigator.appName.substring(0,3)=="Mic") ? document.onmousedown = mouseDown : document.addEventListener("mousedown",mouseDown, false);
}

function mouseDown(e) {
var dde=(navigator.vendor) ? document.body : document.documentElement;
if (sparksOn) {
e =(!e) ? event : e;
var mousex =e.clientX + dde.scrollLeft;
var mousey =e.clientY + dde.scrollTop;
if (!sparksAflyin) {
for (var k = 0; k <= 9; k++){
SHOW("sDiv"+k);
sparksAflyin = true;
totalSparks = 0;
moveTo(k,0,mousex,mousey);
}
 }
   }
}

function moveTo(i,j, mousex, mousey){

var dde=(navigator.vendor) ? document.body : document.documentElement;

if (j < eval('anim_'+i+'_x.length') ){
var tempx = eval('anim_'+i+'_x[j]+mousex');
var tempy = eval('anim_'+i+'_y[j]+mousey');

if(navigator.appName.substring(0,5)=="Micro"){
hauteur=dde.offsetHeight
largeur=dde.offsetWidth
}
else{ 
hauteur=window.innerHeight
largeur=window.innerWidth
}

if(tempy+30 > (hauteur+dde.scrollTop)){
tempy = hauteur+dde.scrollTop-30;
}
if(tempx+30 > (largeur+dde.scrollLeft)){
tempx = largeur+dde.scrollLeft-30;
}
document.getElementById('sDiv'+i).style.left = tempx+'px';
document.getElementById('sDiv'+i).style.top  = tempy+'px';

j++;
setTimeout("moveTo("+i+","+j+","+mousex+","+mousey+")",50)
}

else {
HIDE("sDiv"+i);
totalSparks++;
}
if (totalSparks == 10) {
sparksAflyin = false;
totalSparks  = 0;
   }
}

function SHOW(divName){
document.getElementById(divName).style.visibility = "visible";;
}

function HIDE(divName){
document.getElementById(divName).style.visibility = "hidden";;
}

anim_0_x=new Array(20,20,10,0,0,0,0,0,0,0,0,0);
anim_0_y=new Array(-20,-40,-60,-80,-60,-40,-20,0,20,40,60,80);
anim_1_x=new Array(20,20,17,36,60,78,90,92,93,98,108,120,133,152,181);
anim_1_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253);
anim_2_x=new Array(20,20,2,3,4,5,6,7,8,9,10,12,13,15,18);
anim_2_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253);
anim_3_x=new Array(-20,-20,-2,-1,7,10,18,35,60,102,94,94,93,97,108,111,117,127);
anim_3_y=new Array(-20,-25,-64,-89,-104,-150,-173,-197,-213,-199,-151,-101,-66,-17,27,87,140,189);
anim_4_x=new Array(-20,-20,-10,-39,-30,-69,-64,-138,-154,-200,-181,-209,-191,-207,-203,-213,-202,-221,-211);
anim_4_y=new Array(-20,-20,-28,-51,-79,-100,-135,-154,-193,-183,-149,-134,-89,-60,8,51,107,157,201);
anim_5_x=new Array(-20,-29,-51,-72,-105,-133,-164,-189,-209,-229,-247,-270,-279,-282,-283,-283,-285,-286,-288);
anim_5_y=new Array(-20,-55,-86,-116,-154,-183,-205,-217,-217,-198,-169,-120,-44,-8,40,87,144,190,248);
anim_6_x=new Array(-20,-20,-7,14,44,79,143,186,217,226,234,244,250,259,265,274);
anim_6_y=new Array(-20,-21,-72,-113,-139,-166,-188,-181,-126,-68,-3,54,134,187,215,257);
anim_7_x=new Array(20,20,-3,-9,-13,-27,-33,-44,-54,-66,-77,-95,-107,-136,-150,-160,-164,-168,-171,-172,-172,-176,-175);
anim_7_y=new Array(-20,-26,-43,-63,-89,-116,-145,-169,-201,-222,-240,-253,-254,-245,-220,-195,-160,-124,-81,-53,-26,19,68);
anim_8_x=new Array(-20,20,-35,39,0,45,-1,24,-15,14,-20,35,-18,38,-11,16,49,64,81,93,100,103,109);
anim_8_y=new Array(-20,-20,-32,-42,-62,-76,-89,-107,-132,-147,-173,-180,-192,-209,-236,-193,-119,-73,-24,51,95,130,188);
anim_9_x=new Array(-20,-51,-89,-110,-165,-191,-228,-240,-259,-271,-277,-281,-287);
anim_9_y=new Array(-20,-20,-35,-37,-34,-16,10,47,105,150,189,227,273);
</script>
</head>

<body style="background-color:#000000" OnLoad="initMouseEvents()">
  
<div id="sparks">
<div id="sDiv0" style="position:absolute; visibility: hidden;width: 3px; height: 3px;background-color:red;font-size: 3px;border-radius:1px"></div>
<div id="sDiv1" style="position:absolute; visibility: hidden;width: 3px; height: 3px;background-color:yellow;font-size: 3px;border-radius:1px"></div>
<div id="sDiv2" style="position:absolute; visibility: hidden;width: 3px; height: 3px;background-color:blue;font-size: 3px;border-radius:1px"></div>
<div id="sDiv3" style="position:absolute; visibility: hidden;width: 3px; height: 3px;background-color:red;font-size: 3px;border-radius:1px"></div>
<div id="sDiv4" style="position:absolute; visibility: hidden;width: 3px; height: 3px;background-color:orange;font-size: 3px;border-radius:1px"></div>
<div id="sDiv5" style="position:absolute; visibility: hidden;width: 3px; height: 3px;background-color:blue;font-size: 3px;border-radius:1px"></div>
<div id="sDiv6" style="position:absolute; visibility: hidden;width: 3px; height: 3px;background-color:green;font-size: 3px;border-radius:1px"></div>
<div id="sDiv7" style="position:absolute; visibility: hidden;width: 3px; height: 3px;background-color:skyblue;font-size: 3px;border-radius:1px"></div>
<div id="sDiv8" style="position:absolute; visibility: hidden;width: 3px; height: 3px;background-color:yellow;font-size: 3px;border-radius:1px"></div>
<div id="sDiv9" style="position:absolute; visibility: hidden;width: 3px; height: 3px;background-color:white;font-size: 3px;border-radius:1px"></div>
</div>

</body>
</html>
dimanche 13 février 2011 à 18:09:10 | Re : Feux d'artifice ne marche pas sous FF

kepon72

Merci beaucoup ! :)
En fait j'ai toute une collection de script ancien mais qui son plutôt sympathique mais qui ne sont malheureusement pas (encore) compatible avec FF ou IE dans leurs dernières versions j'aimerais donc savoir quelles sont les erreurs d'incompatibilités les plus répandue afin que je puisse tous les corrigés j'ai quelque connaissance en JavaScript mais elles restent de bases, et j'aimerais beaucoup les approfondir.

Merci encore.
lundi 14 février 2011 à 22:11:44 | Re : Feux d'artifice ne marche pas sous FF

kepon72

Quelqu'un peut-il m'aiguiller ou non ? Je veux juste savoir avec les codes que j'ai donner les principales erreurs et leurs solutions, je me débrouillerais moi-même pour la correction
Merci d'avance.
mardi 15 février 2011 à 17:40:07 | Re : Feux d'artifice ne marche pas sous FF

kazma

Administrateur CodeS-SourceS
Réponse acceptée !
avant toute chose il faut avoir un editeur de texte de bon niveau comme notepad ++ celui que j'utilise car quand je selectionne un mot il met en vert tous les meme mot du script



ensuite il y a trois etapes

la premiere c'est d'eliminer tous ce qui est obsolète

la deuxieme c'est de gerer les différences entres navigateur

et la derniere c'est de faire en sorte que le script fonctionne en xhtml la aussi il y a des modifs a faire

si on prend l'exemple du premier script dès que j'ai vu la balise layer j'ai tout de suite compris que c'etait un vieux script qui fonctionnais pour ie et netscape
il faut savoir que le mode de fonctionnement de netscape a ete abandonné car apparement trop compliqué et seul est resté le mode de fonctionnement de ie qui a ete repris par tous les navigateur il y a quand meme des differences

donc j'ai d'abord retire tout le code qui concernais netscape les balise layer dans le html et pour le script quand je voyait

Code Javascript :
if (document.all) {
code
}
else if (document.layers) {
code
}


il ne restait plus que le code pour ie a savoir tout qui se trouvait dans if (document.all) document.all etant une propriete de internet explorer tout ce qui se trouve dans else if (document.layers) est donc a retirer car obsolete et vu qu'il n' a plus que le code pour ie les if (document.all) deviennent inutiles

il y aurra une exception dans ce que je vient de dire c'est a cette endroit

Code Javascript :
if (document.all) {
yBase = window.document.body.offsetHeight / 3;
xBase = window.document.body.offsetWidth / 8;
}
else if (document.layers) {
yBase = window.innerHeight / 3;
xBase = window.innerWidth / 8;
}


il faut le conserver mais le modifier en ne mettant que else

Code Javascript :
if (document.all) {
yBase = window.document.body.offsetHeight / 3;
xBase = window.document.body.offsetWidth / 8;
}
else{
yBase = window.innerHeight / 3;
xBase = window.innerWidth / 8;
}



a ce moment on se retrouve pour la fonction avec ca

Code Javascript :
function Fireworks() {

if (document.all) {
yBase = window.document.body.offsetHeight / 3;
xBase = window.document.body.offsetWidth / 8;
}
else{
yBase = window.innerHeight / 3;
xBase = window.innerWidth / 8;
}

step = 5;
for ( i = 0 ; i < starsDiv.all.length ; i++ ) {
for (ai = 0; ai < Clrs.length; ai++) {
var c = Math.round(Math.random()*[ai]);
}
if (currStep < 90)
starsDiv.all[i].style.background=initialStarColor;
if (currStep > 90)
starsDiv.all[i].style.background=Clrs[c];
starsDiv.all[i].style.top = Mtop + yBase*Math.sin((currStep+i*5)/3)*Math.sin(550+currStep/100)
starsDiv.all[i].style.left = Mleft + yBase*Math.cos((currStep+i*5)/3)*Math.sin(550+currStep/100)
 }

currStep+= step;
T=setTimeout("Fireworks()",5);
if (currStep == 220) {
currStep = -10;
for (n = 0; n < sClrs.length; n++) {
var k = Math.round(Math.random()*n);
}
initialStarColor = sClrs[k];

Dtop = window.document.body.clientHeight - 250;
Dleft = xBase * 3.5;
Mtop = Math.round(Math.random()*Dtop);
Mleft = Math.round(Math.random()*Dleft);
document.all.starsDiv.style.top = Mtop+document.body.scrollTop;
document.all.starsDiv.style.left = Mleft+document.body.scrollLeft;

if ((Mtop < 20) || (Mleft < 20)) {
Mtop += 90;
Mleft += 90;
 }
 }
}



il ne reste plus qu'a modifier les parties ou l'on rencontre cette syntaxe

Code Javascript :
starsDiv.all


dans ces parties on parcoure tous les elements qui se trouves dans le div principale et qui a comme id starsDiv et pour ce faire on va utiliser comme syntaxe

Code Javascript :
var elem=document.getElementById("starsDiv").getElementsByTagName("div")


qui fait la meme chose que

Code Javascript :
starsDiv.all


on modifiera aussi
Code Javascript :
document.all.starsDiv


par

Code Javascript :
document.getElementById("starsDiv")


a noter que ie comprend aussi cette syntaxes

ce qui donne


function Fireworks() {

var elem=document.getElementById("starsDiv").getElementsByTagName("div") notre ligne

if (document.all) {
yBase = window.document.body.offsetHeight / 3;
xBase = window.document.body.offsetWidth / 8;
}
else{
yBase = window.innerHeight / 3;
xBase = window.innerWidth / 8;
}

step = 5;
for ( i = 0 ; i < elem.length ; i++ ) {
for (ai = 0; ai < Clrs.length; ai++) {
var c = Math.round(Math.random()*[ai]);
}
if (currStep < 90)
elem.style.backgroundColor=initialStarColor;
if (currStep > 90)
elem.style.backgroundColor=Clrs[c];
elem.style.top = Mtop + yBase*Math.sin((currStep+i*5)/3)*Math.sin(550+currStep/100)
elem.style.left = Mleft + yBase*Math.cos((currStep+i*5)/3)*Math.sin(550+currStep/100)
}

currStep+= step;
T=setTimeout("Fireworks()",5);
if (currStep == 220) {
currStep = -10;
for (n = 0; n < sClrs.length; n++) {
var k = Math.round(Math.random()*n);
}
initialStarColor = sClrs[k];

Dtop = window.document.body.clientHeight - 250;
Dleft = xBase * 3.5;
Mtop = Math.round(Math.random()*Dtop);
Mleft = Math.round(Math.random()*Dleft);
document.getElementById("starsDiv").style.top = Mtop+document.body.scrollTop;
document.getElementById("starsDiv").style.left = Mleft+document.body.scrollLeft;

if ((Mtop < 20) || (Mleft < 20)) {
Mtop += 90;
Mleft += 90;
}
}
}

on modifiera aussi
Code Javascript :
elem.style.background=Clrs[c];

par
Code Javascript :
elem.style.backgroundColor=Clrs[c];


ace stade le script fonctionne sur tous les navigateurs il ne reste plus qu'a le rendre compatible xhtml

pour ce faire on modifie en premier lieux la balise html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

ensuite pour toutes les variales qui contiennes les couleur on leurs ajoute le signe dieze

Code Javascript :
Clrs[0] = 'ff0000';
Clrs[1] = '00ff00';
Clrs[2] = '000aff';
Clrs[3] = 'ff00ff';
Clrs[4] = 'ffa500';
......


devient

Code Javascript :
Clrs[0] = '#ff0000';
Clrs[1] = '#00ff00';
Clrs[2] = '#000aff';
Clrs[3] = '#ff00ff';
Clrs[4] = '#ffa500';
......



et pour ces ligne on rajoute "px" pour pixel a la fin sinon ca ne marche pas

Code Javascript :
elem[i].style.top = (this.Mtop + this.yBase*Math.sin((this.currStep+i*5)/3)*Math.sin(550+this.currStep/100))+'px'
elem[i].style.left = (this.Mleft + this.yBase*Math.cos((this.currStep+i*5)/3)*Math.sin(550+this.currStep/100))+'px'


de meme pour ces lignes la avec une premiere ligne qui defini soit le body soit le head de la page afin de connaitre le scroll de la page methode qui est different entre navigateurs

Code Javascript :
var dde=(navigator.vendor) ? document.body : document.documentElement;
this.el.style.top = (this.Mtop+dde.scrollTop)+'px';
this.el.style.left = (this.Mleft+dde.scrollLeft)+'px';


1 2

Cette discussion est classée dans : var, math, document, clrs, currstep


Répondre à ce message

Sujets en rapport avec ce message

de la vitesse [ par peterbud ] Bonjour à tous, Alors voilà,mon script me permet de faire tomber des gouttes de pluie sur ma page et ce que je cherche à faire c'est à varier la vites Si superieur... [ par christuckers ] Salut les CSistes !!!Aujourd'hui, pour pas changer, question, bete, qui je pense, vous demandera pas trop d'effort...Voici mes calculs javascripts :fu Control et insertion dans des cellules [ par christuckers ] Salute tout le monde !Bon ba la j'ai l'impression de bloqué sur un truc completement ridicule. Je me dis que j'ai réussi à faire un truc de iouf, mais Problème affichage images sous ie [ par freemykl73 ] Bonjour à tous,Je cherche à mettre en place un script qui fait un décompte sur un site InternetJ'ai un petit problème avec ce script sous IE7: les ima trouver la valeur maxi [ par tonytruand ] Bonjour à tous,Quelqu'un pourrait il me dire ou je me trompe ? merci par avance.En fait je cherche à trouver la valeur maxi dans une liste d'input qui [déplacé Bar -> JS] tableaux [ par nabilwael ] Bonjour,j'ai ce fichier js :var i = 0;    function create_champ(){    if(i        document.getElementById('champs').innerHTML += " Name</label&gt Problème de création javascript dynamiquement [ par GoldPegasus ] Bonjourj'ai un soucis avec des élements que je crée dynamiquementvoici le code      var ligne = document.createElement("tr");   var col = document.cre Question [ par ichigokurosaki ] Bonjour,Bon voilà, j'ai un petit souci avec ce code :test  var saisie = ""; var compteur = 1; GetElementByTagName dans un tableau [ par jubourbon ] Bonjour à tous,J'ai une fonction, qui me permet de recuperer des avleurs dans un tableau, de rechercher des Expressions Regulieres, puis de les modifi envois de formulaire ajax [ par Annadrill ] bonjour,voilà, j'aimerais modifier la fonction que je vous mets la dessous, de manière a pouvoir l'utiliser avec n'importe quel formulaire, en précisa


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,686 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales