High-Tech Santé Médecine Droit-Finances

Auto-Entrepreneur

Comment faire ?

Rechercher : dans
Par :

Problème pour JAVASCRIPTEURS

Dernière réponse le 14 nov 2009 à 17:27:38 JessayeDeTrouver, le 14 nov 2009 à 16:48:01 
 Signaler ce message aux modérateurs

Bonjour, j'ai un problème, mais d'abord je voudrais vous montrer ce que je voudrais faire :

Dans une page web, j'ai 3 lignes comme ceci :

<div id='idLigne0'>2</div>
<div id='idLigne1'>5</div>
<div id='idLigne2'>2</div>

Ensuite avec une fonction javascript, j'incrémente toutes les valeurs des lignes simultanément toutes les secondes ,
càd que à la 1ère seconde:
-à la 1ère ligne : le 2 devient 3,
-à la 2ème ligne : le 5 devient 6,
-et à la 3ème ligne : le 2 devient 3.

puis à la 2ème seconde :
-à la 1ère ligne : le 3 devient 4,
-à la 2ème ligne : le 6 devient 7,
-et à la 3ème ligne : le 3 devient 4.

etc..

Voici donc le code complet de la page web qui contient la fonction javacript en question :

<html>
<head>
</head>
<body>

<div id='idLigne0'>2</div>
<div id='idLigne1'>5</div>
<div id='idLigne2'>2</div>

<script language='javascript'>

function incrementerTouteLesSecondes()
{
for(n=0;n<=2;n++)
{
objLigne=new Array(); //On sélectionne tous les id des lignes
objLigne[n]=document.getElementById("idLigne"+n);

valeurDansLaLigne=new Array(); //On récupère les valeurs de chaque ligne
valeurDansLaLigne[n]=objLigne[n].innerHTML;
valeurDansLaLigne[n]=eval(valeurDansLaLigne[n]);

valeurDansLaLigne[n]=valeurDansLaLigne[n]+1; //On incrémente de 1 à toutes les valeurs des lignes simultanément

objLigne[n].innerHTML=valeurDansLaLigne[n]; //Puis on affiche les nouvelles valeurs, càd les valeurs qu'on vient d'incrémenter
}

setTimeout("incrementerTouteLesSecondes()",1000); //Puis on récommence
}


incrementerTouteLesSecondes(); //On lance la fonction incrementerTouteLesSecondes()

</script>

</body>
</html>

Et donc ce que je n'arrive pas à faire, c'est que si une des lignes a atteint la valeur 10, et bien on arrète d'incrémenter cette ligne.

Par exemple : imaginons que la valeur de la 2ème ligne a atteint la valeur 10, et donc on n'incrémente plus le 10,
et que la valeur de la 1ère et celle de la 3ème ligne continuent d'incrémenter car elles n'ont pas encore atteint la valeur 10.

Est-ce que quelqu'un sait comment il faut faire ?, je suis dessus depuis midi...

Merci d'avance, cordialement

Configuration: Windows XP Internet Explorer 7.0

Meilleures réponses pour « Problème pour JAVASCRIPTEURS » dans :
Javascript - Les événements Voir Qu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est...
Javascript - Les variables Voir Le concept de variable Une variable est un objet repéré par son nom, pouvant contenir des données, qui pourront être modifiées lors de l'exécution du programme. En Javascript, les noms de variables peuvent être aussi long que l'on désire,...
Javascript - L'objet Date Voir Les particularités de l'objet Date L'objet Date permet de travailler avec toutes les variables qui concernent les dates et la gestion du temps. Il s'agit d'un objet inclus de façon native dans Javascript, et que l'on peut toujours utiliser. La...
Javascript - Convertisseur d'unités de mesures scientifiques Voir
Javascript - Modifier la hauteur (height) d'un élément HTML VoirPour modifier la hauteur d'un élément HTML en javascript, il suffit d'utiliser sa propriété de style "height". Pour cela vous pouvez y faire référence de la manière suivante : Si vous souhaitez connaître la hauteur (height) d'un bloc HTML, il...
Javascript - Librairies d'effets pour vos images VoirAu gré de vos explorations du web, vous avez vu de superbes effets de présentation des images. Et ça vous plairaît bien de pouvoir proposer les mêmes à vos visiteurs. Voici quelques solutions en Javascript couplées à des CSS. Elles sont plus...
Javascript - l'objet Array VoirLes particularités de l'objet Array L'objet Array est un objet du noyau Javascript permettant de créer et de manipuler des tableaux. Voici la syntaxe à utiliser pour créer une variable tableau : var x = new Array(element1[, element2, ...]); Si...
Javascript - Introduction au langage Javascript VoirQu'est-ce que le Javascript? Le Javascript est un langage de script incorporé dans un document HTML. Historiquement il s'agit même du premier langage de script pour le Web. Ce langage est un langage de programmation qui permet d'apporter des...
Javascript - L'objet window VoirLes particularités de l'objet window L'objet window est l'objet par excellence dans Javascript, car il est le parent de chaque objet qui compose la page web, il contient donc : l'objet document: la page en elle-même l'objet location: le lieu de...
Posez votre question Répondre

1

 avion-f16, le 14 nov 2009 à 17:27:38

Dans ton contenu :

<div id='ligne1'>2</div>
<div id='ligne2'>5</div>
<div id='ligne3'>2</div>
Dans l'entête (entre <head> et </head>) :
<script type="javascript">
function incrementer() {
	// Création des raccourcis
	var ligne1 = document.getElementById('ligne1');
	var ligne2 = document.getElementById('ligne2');
	var ligne3 = document.getElementById('ligne3');
	
	// Incrémentation de la ligne 1
	var valeurLigne1 = ligne1.innerHTML;
	valeurLigne1++;
	ligne1.innerHTML = valeurLigne1;
	
	// Incrémentation de la ligne 2
	var valeurLigne2 = ligne1.innerHTML;
	valeurLigne2++;
	ligne2.innerHTML = valeurLigne2;
	
	// Incrémentation de la ligne 3
	var valeurLigne3 = ligne1.innerHTML;
	valeurLigne3++;
	ligne3.innerHTML = valeurLigne3;
}
window.onload = function() {
	setInterval("incrementer()",1000)
}
</script>
Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu lui dis de faire.

   
Répondre à avion-f16
Posez votre question Répondre
Ils ont besoin de votre aide
Collection CommentÇaMarche.net