innerHTML Erreur pour changer une div avec if [Résolu]

Irokoi · 28/09/2011, 15h04

Bonjour,

voici un bout de code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script type="text/javascript">
window.onload = function (){
	change_artwork();
}
 
</script>
</head>
 
<body>
<script type="text/javascript">
function change_artwork(){
	if (document.getElementById('artwork').value = '.'){
		document.getElementById('artwork').innerHTML = " ";
	}
}
</script>	
 
<div id="artwork">GO
</div>

pourquoi même si il y a marqué Go, la div change quand même ?
No comprendo ...

andry.aime · 28/09/2011, 15h07

Bonsoir,

Citation:

if (document.getElementById('artwork').value = '.')

L'opérateur de comparaison est "==".

A+.

SpaceFrog · 28/09/2011, 15h08

parce qu'un div n'as pas de value ?
et qu'une comparaison d'égalité se fait avec ==

Irokoi · 28/09/2011, 15h27

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
function change_artwork(){
	if (document.getElementById('artwork').innerHTML == "GO"){
		document.getElementById('artwork').innerHTML = "MARCHE";
		alert(document.getElementById('artwork').innerHTML);
	}
}

ne marche toujours pas ?

andry.aime · 28/09/2011, 15h29

Parce que

Citation:

Pense à nettoyer les retours à la ligne avec un RegEx.

A+.

Irokoi · 28/09/2011, 15h31

Ok merci beaucoup ça marche !

SpaceFrog · 28/09/2011, 15h31

tu as un retour ligne dans la div

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="artwork">GO</div>

si tu modifies ton html ainsi, là ça fonctionnera

Luke spywoker · 28/09/2011, 15h41

Excuser de m'incruster dans votre discussion mais puisque c'est dans le sujet, quelle est la différence entre:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<div>GO
</div>

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<div>GO</div>

Si quelqu'un pouvait m'expliquer et participer a ma culture cybernétique ça serait sympa car je ne sais vraiment pas pourquoi ce n'est pas pareil.
Excusez le dérangement.

Irokoi · 28/09/2011, 15h45

Le retour chariot

andry.aime · 28/09/2011, 15h48

Parce que le retour à la ligne est un "\n" ou "\r" selon le système d'exploitation avec lequel on a édité le fichier, ou généré le fichier ou même on a utilisé pour mettre un retour à la ligne, donc avec

Citation:

tu auras pour son innerHTML "GO\n" ou "GO\r"

A+.

Luke spywoker · 28/09/2011, 20h58

Merci pour votre réponse, je savais pour la différence de retour et j'ai parfaitement compris que quand je crée un document HTML sous Linux il y aura des légère différences sous windows, d'ailleur dans l'absolu des fichiers textes sa ne serai pas possible car le retour chariot sous Linux est '\n' et sous windows '\r\n' mais bon avec mon éditeur (kate) sa passe aussi bien sous Linux oû je crée mes fichiers que sous windows.
Mais quelles répercussions y a t-il au niveau HTML: donc il vaut mieux cette syntaxe:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div>GO</div>

que l'autre car il y aurai un retour chariot dans la partie texte de la balise <div> si l'on va a la ligne pour fermer la balise, si j'ai bien compris.

Merci d'avoir contribuer a ma culture cybernétique.

NoSmoking · 28/09/2011, 22h22

Bonsoir,
il y a une influence non négligeable sur la façon de construire le DOM de la part des navigateurs IE ou autres

Je te mets un petit fichier exemple pour voir les rendus, à tester sur IE et FireFox par exemple

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[...]</title>
</head>
<body>
<button>Bouton #1</button><button>Bouton #1</button>
<br>
<button>Bouton #1</button>
<button>Bouton #1</button>
<br><br>
<div id="la_div1">
<b>Le texte #1 à la ligne</b>
</div>
<button onclick="alert( document.getElementById('la_div1').firstChild.nodeName);">Test #1</button>
<br><br>
<div id="la_div2"><b>Le texte #2 à la suite</b></div>
<button onclick="alert( document.getElementById('la_div2').firstChild.nodeName);">Test #2</button>
</body>
</html>

on observe une différence de rendu ainsi qu'une différence dans l'accès au DOM.

Un lien à voir Pourquoi le comportement du DOM est-il différent sous FireFox et IE ?

28/09/2011, 15h08	#3
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 040 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 040 Points : 45 141 Points : 45 141	parce qu'un div n'as pas de value ? et qu'une comparaison d'égalité se fait avec == __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

28/09/2011, 15h31	#6
Irokoi Invité régulier Inscription : janvier 2011 Messages : 44 Détails du profil Informations forums : Inscription : janvier 2011 Messages : 44 Points : 9 Points : 9	Ok merci beaucoup ça marche !
	00

28/09/2011, 15h31	#7
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 040 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 040 Points : 45 141 Points : 45 141	tu as un retour ligne dans la div Code : Sélectionner tout - Visualiser dans une fenêtre à part <div id="artwork">GO</div> si tu modifies ton html ainsi, là ça fonctionnera __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

28/09/2011, 15h45	#9
Irokoi Invité régulier Inscription : janvier 2011 Messages : 44 Détails du profil Informations forums : Inscription : janvier 2011 Messages : 44 Points : 9 Points : 9	Le retour chariot
	00

28/09/2011, 20h58	#11
Luke spywoker Membre confirmé Etudiant informatique autodidacte Inscription : juin 2010 Messages : 452 Détails du profil Informations personnelles : Sexe : Localisation : France Informations professionnelles : Activité : Etudiant informatique autodidacte Informations forums : Inscription : juin 2010 Messages : 452 Points : 278 Points : 278	Merci pour votre réponse, je savais pour la différence de retour et j'ai parfaitement compris que quand je crée un document HTML sous Linux il y aura des légère différences sous windows, d'ailleur dans l'absolu des fichiers textes sa ne serai pas possible car le retour chariot sous Linux est '\n' et sous windows '\r\n' mais bon avec mon éditeur (kate) sa passe aussi bien sous Linux oû je crée mes fichiers que sous windows. Mais quelles répercussions y a t-il au niveau HTML: donc il vaut mieux cette syntaxe: Code : Sélectionner tout - Visualiser dans une fenêtre à part <div>GO</div> que l'autre car il y aurai un retour chariot dans la partie texte de la balise <div> si l'on va a la ligne pour fermer la balise, si j'ai bien compris. Merci d'avoir contribuer a ma culture cybernétique. __________________ Pour faire tes armes: Use du présent pour construire ton futur sinon use de ce que tu as appris auparavant. Et sois toujours bien armé avant de te lancer. Le hasard ne sourit qu'aux gens préparés... Blog: http://3dcyberspace.unblog.fr/ Site: Sanctuaire cybernétique
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email