Javascript inerhtml je comprends pas !

Fermé

fraid - 5 mai 2008 à 13:24
Kcazer Messages postés 26 Date d'inscription lundi 5 mai 2008 Statut Membre Dernière intervention 13 août 2008 - 5 mai 2008 à 16:13

Bonjour,
je suis vraiment débutant en javascript,
j'ai essayer de créer un code qui rajoute du contenu à la page courante à chaque fois que l'utilisateur clic sur le boutton, mais cela ne marche que pour le 1er clic, pouvez vous me dire où est le soucis dans mon code ??

voici mon code :

note : la valeur de mon champs texte est bien incrémentée à chaque fois..

<script type="text/javascript">
function changeText()
{
var i = document.getElementById('aa').value;

var u = i;

i++;

document.getElementById('div'+u+'').innerHTML = '<div id=div'+i+'> test </div><br />';

document.getElementById('aa').value=''+i+'';
}
</script>

<input type='button' onclick='changeText()' value='Change Text'/>
<input type=text name=aa value="0"><br><br>
<div id=div0></div>

merci d'avance

A voir également:

Javascript inerhtml je comprends pas !
Telecharger javascript - Télécharger - Langages
Afficher un tableau javascript en html ✓ - Forum Javascript
Erreur #125 javascript - Forum Mozilla Firefox
Node.js javascript runtime virus ✓ - Forum Virus
A javascript error occurred in the main process - Forum Handicap / Accessibilté

3 réponses

Réponse 1 / 3

Kcazer Messages postés 26 Date d'inscription lundi 5 mai 2008 Statut Membre Dernière intervention 13 août 2008 21
5 mai 2008 à 13:49

Salut,

Ton script fonctionne, mais ce n'est tout simplement pas visible à cause d'une petite erreur.
Quand tu utilises

document.getElementById('div'+u+'').innerHTML = '<div id=div'+i+'> test </div><br />';

cela remplace l'integralité de la balise, et donc efface ce qui était dedans avant.

En clair: (avec en gras, l'avant/apres clic)
Au debut: <div id=div0></div>
Au 1er clic: <div id=div0><div id=div1>test</div><br/></div>
2nd clic: <div id=div0><div id=div1><div id=div2>test</div><br/></div><br/></div>

Pour corriger ce probleme, tu devrais utiliser:

document.getElementById('div'+u+'').innerHTML += '<div id=div'+i+'> test </div><br />';

afin d'ajouter le nouveau contenu a la fin de ce qui est deja dans le div.

En esperant que ça t'aide ;)

ps: les balises div vont se retrouver imbriquées, c'est voulu ? De plus, il n'est pas vraiment utile d'utiliser le <br/> car les balises div sont des balises de type block (retour à la ligne avant et apres automatique, a moins de le modifier via le css)

Réponse 2 / 3

fraid
5 mai 2008 à 15:30

magnifique !

je vous remercie !

Réponse 3 / 3

Kcazer Messages postés 26 Date d'inscription lundi 5 mai 2008 Statut Membre Dernière intervention 13 août 2008 21
5 mai 2008 à 16:13

N'oublie pas de passer le topic en résolu dans ce cas ;)

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule

Bonjour,

je cherche une fonction javascript qui permettrait d'arrondir un nombre à deux chiffres après la virgule (un peu comme number_format du php), car la fonction round() ne permet d'arrondir qu'à l'unité!

Merci
Ciao

JérémyConfiguration: Windows Vista
Firefox 2.0.0.14

java script error in the main process

Bonjour

je viens d'acheter un ordi et depuis 2 jours j'ai ce message :

Pouvez vous me dire ce que je dois faire.
Sachant que je me sens pas douée dans l'informatique. En gros merci d'être précis et détaillé dans vos retours.

D'avance merci pour votre aide

javascript:void(0);

Bonjour,
merci me dire c'est quoi ce message :"javascript:void(0);"
comment faire pour l'eviter

merci

java activée mais ne fonctionne pas !

Bonjour,

Je rencontre un problème avec IE8, sur certains sites, un message me
demande d'activer javascript.!! J'ai beau regarder dans les modules
complémentaires et dans le menu outils > options internet > avancé..., tout ce qui se rapporte à java est activé.
j'ai même réinstallé le java et je l'ai mis à jour mais aucune résultat favorable.
mon flash player aussi à jour.
j'ai baissé le niveau de securité (outils > options internet > sécurité > internet > personnalisé niveau...>script des appelets java > activé) mais toujours le même problème.

Que faire de plus ?

Merci d'avance.

Signature:...

Faire un echo dans un script JS

Bonjour,

Je souhaite si c'est possible de faire un écho dans un /script>

Je m'explique j'ai récupéré un code permettant de me crée un diagramme.

Qui sont deux % qui au total fait 100%.

Actuellement ces données sont fixe dans le script mon but et de pouvoir faire un "écho" dans le script avec les valeurs calculer précédemment. Pour les calculs aucun problème !

Mais la question est comment je peux faire pour écrire ces résultats a la place des données actuelles ?

Le code :

try { // Percent Chart 2 var ctx = document.getElementById("percent-chart2"); if (ctx) { ...