IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Modifier le contenu HTML via un script


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Candidat au Club
    Profil pro
    Inscrit en
    F�vrier 2010
    Messages
    4
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : F�vrier 2010
    Messages : 4
    Par d�faut Modifier le contenu HTML via un script
    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 : 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
    <?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&egrave;re mise &aacute; jour le 26 f&eacute;vrier 2010.
    </div>
    </body>
    </html>
    Javascript:
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    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.

  2. #2
    R�dacteur

    Avatar de Bovino
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activit� : D�veloppeur Web
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par d�faut
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    <link href="script/script.js" rel="script" type="text/js">

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    <script src="script/script.js" type="text/javascript"></script>
    Pas de question technique par MP !
    Tout le monde peut participer � developpez.com, vous avez une id�e, contactez-moi !
    Mes formations video2brain : La formation compl�te sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'int�gration de JSFiddle et CodePen sur le forum

  3. #3
    Expert confirm�
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par d�faut
    bonjour,

    Code html : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
     
    <div id: "en_tete">Le monde du libre</div>
    <div class:"rubrique">
    Code html : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
     
    <div id:"bloccentral"></div>
    <div id:"pied_de_page">
    Les r�flexes d'un autre langage ?
    Code html : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    <div id="en_tete">Le monde du libre</div>
    <div class="rubrique">
    Code html : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    <div id="bloccentral"></div>
    <div id="pied_de_page">

  4. #4
    Candidat au Club
    Profil pro
    Inscrit en
    F�vrier 2010
    Messages
    4
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : F�vrier 2010
    Messages : 4
    Par d�faut
    Merci pour vos r�ponses.

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

    Pour rappel:

    html
    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
    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 : S�lectionner tout - Visualiser dans une fen�tre � part
    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?

  5. #5
    Expert confirm�
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par d�faut
    D�j� si ton code javascript se trouve dans un fichier .js supprime les balises <script>


    Ensuite
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    window.document.div["bloccentral"].write("Firefox");
    bizarre comme syntaxe


    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
     
    document.getElementById("bloccentral").innerHTML = "coucou";

  6. #6
    Candidat au Club
    Profil pro
    Inscrit en
    F�vrier 2010
    Messages
    4
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : F�vrier 2010
    Messages : 4
    Par d�faut
    Alors, on va reprendre depuis le d�but.

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

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    <link href="script/script.js" rel="script" type="text/js">
    Sur conseil de Bovino (voir plus haut), je l'ai modifi� en ceci:

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    <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...!

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    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?

Discussions similaires

  1. R�ponses: 4
    Dernier message: 20/07/2012, 11h51
  2. Ecriture d'une page html via un script php
    Par deubelte dans le forum PHP & Base de donn�es
    R�ponses: 3
    Dernier message: 14/04/2011, 21h03
  3. Modifier le contenu HTML d'une page d'InstantForum
    Par Juju54350 dans le forum ASP.NET
    R�ponses: 0
    Dernier message: 08/10/2010, 14h57
  4. Modifier une page HTML via un formulaire HTML
    Par neo76910 dans le forum Balisage (X)HTML et validation W3C
    R�ponses: 2
    Dernier message: 24/07/2009, 11h41
  5. supprimer contenu de plusieurs r�pertoires via un script
    Par TiDjY dans le forum Shell et commandes GNU
    R�ponses: 5
    Dernier message: 26/04/2007, 10h54

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo