Modifier le contenu HTML via un script

Version imprimable

Bonjour,

Je poste parce que j'ai eu beau triturer mon script dans tous les sens, mes fonctions ne veulent pas marcher.

Alors voil�. Je souhaite concevoir un petit site internet dans lequel le contenu du bloc central sera remis � jour en fonction du lien qui sera cliqu� dans les diverses rubriques.

J'ai donc d�coup� ma page d'index en plusieurs blocs, cr�er quelques liens pour voir si �a marche et g�n�rer un fichier javascript, avec quelques fonctions, que j'ai mis dans le dossier script. Mais �a ne marche pas. Je n'arrive pas � d�terminer si c'est l'impl�mentation du fichier javascript dans la page html qui cafouille ou si c'est que j'ai mal �crit mes fonctions. Ci-apr�s mes fichiers html et javascript:

HTML:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>Le monde du libre</title> <link href="script/script.js" rel="script" type="text/js"> <link href="style/style.css" rel="stylesheet" type="text/css"> </head> <body> <div id: "en_tete">Le monde du libre</div> <div class:"rubrique"> <a href="javascript:;" onclick="firefox();">Firefox</a><br/> <a href="javascript:;" onclick="seamonkey();">Seamonkey</a> </div> <div id:"bloccentral"></div> <div id:"pied_de_page"> Code et design par Captive Angel.<br/> Dernière mise á jour le 26 février 2010. </div> </body> </html>
Javascript:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <script language=JavaScript> function firefox() { window.document.div["bloccentral"].write("Firefox"); } function seamonkey() { window.document.div["bloccentral"].write("Seamonkey"); } </script>
Je vous serais gr� de bien vouloir �clairer ma lanterne.

D'avance merci.

27/02/2010, 10h21
Bovino

Code:

<link href="script/script.js" rel="script" type="text/js">

:roll:

Code:

<script src="script/script.js" type="text/javascript"></script>

bonjour,

Code:

1
2
3
 
<div id: "en_tete">Le monde du libre</div>
<div class:"rubrique">

Code:

1
2
3
 
<div id:"bloccentral"></div>
<div id:"pied_de_page">

Les r�flexes d'un autre langage ?

Code:

1
2
3
<div id="en_tete">Le monde du libre</div>
<div class="rubrique">

Code:

1
2
3
<div id="bloccentral"></div>
<div id="pied_de_page">

Merci pour vos r�ponses.

J'ai effectu� les corrections, mais �a ne marche toujours pas.

Pour rappel:

html

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Le monde du libre</title>
<script src="script/script.js" type="text/javascript"></script>
<link href="style/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="en_tete">Le monde du libre</div>
<div class="rubrique">
<a href="javascript:;" onclick="firefox();">Firefox</a><br/>
<a href="javascript:;" onclick="seamonkey();">Seamonkey</a>
</div>
<div id="bloccentral"></div>
<div id="pied_de_page">
Code et design par Captive Angel.<br/>
Derni&egrave;re mise &aacute; jour le 26 f&eacute;vrier 2010.
</div>
</body>
</html>

javavascript

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<script language=JavaScript>
 
function firefox()
	{
	window.document.div["bloccentral"].write("Firefox");
	}
function seamonkey()
	{
	window.document.div["bloccentral"].write("Seamonkey");
	}
 
</script>

Une autre suggestion?

28/02/2010, 11h24
Auteur
D�j� si ton code javascript se trouve dans un fichier .js supprime les balises <script>

Ensuite

Code:

window.document.div["bloccentral"].write("Firefox");

bizarre comme syntaxe :koi:
Code:

1 2 document.getElementById("bloccentral").innerHTML = "coucou";
28/02/2010, 16h48
nunuche

Alors, on va reprendre depuis le d�but.

Voici comment j'avais impl�ment� mon script js au d�but:

Code:

<link href="script/script.js" rel="script" type="text/js">

Sur conseil de Bovino (voir plus haut), je l'ai modifi� en ceci:

Code:

<script src="script/script.js" type="text/javascript"></script>

Maintenant tu me dit, sans donner plus de pr�cision, que ce n'est pas �a.

Alors c'est quoi la bonne syntaxe, b...!

Citation:

Code:

window.document.div["bloccentral"].write("Firefox");

bizarre comme syntaxe

De plus, j'ai d�j� essay� la m�thode que tu sugg�re sans plus de succ�s.
Ce qui me semble logique puisque get permet de r�cup�rer un �l�ment dans l'ID d�sign�e. Or je ne veux pas le r�cup�rer un �l�ment, je veux �crire quelque chose dans cette ID.

Autre chose?

Citation:

Envoy� par nunuche

Alors, on va reprendre depuis le d�but.

Voici comment j'avais impl�ment� mon script js au d�but:

Code:

<link href="script/script.js" rel="script" type="text/js">

Sur conseil de Bovino (voir plus haut), je l'ai modifi� en ceci:

Code:

<script src="script/script.js" type="text/javascript"></script>

je me suis mal exprim� d�sol� :oops: La syntaxe de Bovino est juste ;)

Moi je parlais du fichier javascript qui est appel� par les balises script, celui qui contient ton code javascript :
script/script.js
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <script language=JavaScript> function firefox() { window.document.div["bloccentral"].write("Firefox"); } function seamonkey() { window.document.div["bloccentral"].write("Seamonkey"); } </script>
les balises script sont � supprimer.
Regarde bien il s'agit de la m�thode write de l'objet document :

Code:

document.write("coucou");

En aucun cas la m�thode write ne peut s'appliquer � un autre objet que document. En passant, j'en profite pour te conseiller d'oublier cette m�thode write() ;)

Citation:

Envoy� par nunuche

Ce qui me semble logique puisque get permet de r�cup�rer un �l�ment dans l'ID d�sign�e. Or je ne veux pas le r�cup�rer un �l�ment, je veux �crire quelque chose dans cette ID.

La m�thode document.getElementById("idElement") te permet d'acc�der � un �l�ment contenu dans ta page HTML. Une fois que tu pointes cet objet tu peux faire ce que tu veux.

28/02/2010, 21h45
nunuche

Citation:

je me suis mal exprim� d�sol�

Pas de probl�me. C'est l� qu'on voit l'int�r�t de bien pr�ciser quel fichier il faut �diter.;)

Sinon, j'ai supprim� les balises script et modifier mes fonctions write(). �a marche un peu mieux, merci. Ce qui m'am�ne au point suivant.

Citation:

En passant, j'en profite pour te conseiller d'oublier cette m�thode write()

Je suis d'accord. Ce site ayant pour vocation de grossir rapidement, je vais, avec ma m�thode, surcharger tr�s vite mon fichier javascript.

Dans l'id�al, il faudrait cr�er une page html pour chacun des logiciels que j'ai l'intention de pr�senter. �a veut dire aussi qu'il va falloir charger une page html dans une autre page html par le biais d'une fonction javascript.

Le probl�me c'est que je n'ai, � mon grand regret, pas eu la possibilit� de suivre une formation tr�s pouss�e en informatique et que si je ma�trise assez bien html et css, il n'en va pas de m�me pour javascript. C'est pour cette raison que j'avais opt� pour la fonction write().

Je suis d'accord pour suivre ta solution mais il va falloir m'aider et t'armer de patience car je suis un d�butant complet sur javascript. :lol:

Comment �a marche exactement l'implantation d'une html dans une autre html avec javascript?