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 :

Changer le contenu d'un div


Sujet :

JavaScript

  1. #1
    Futur Membre du Club
    Profil pro
    Inscrit en
    Août 2004
    Messages
    10
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Août 2004
    Messages : 10
    Points : 5
    Points
    5
    Par défaut Changer le contenu d'un div
    Bonjour,

    je cherche à faire un petit site en local sur ma machine. J'aimerais instaurer un petit suivi de mon travail pour les suivants (c'est un poste qui se renouvèle tout le temps) et j'aurais voulu le faire via un petit site.

    Petit problème, je ne sais pas comment changer le contenu d'un div sans utiliser de PhP. je ne peux rien installer sur la machine en question car je n'ai pas les droits et il n'y a que IE7 dessus :/

    Bref, j'ai cherché partout et je ne trouve pas.

    L'idée est simple. Quand je click sur le lien de mon menu, ce qui est dans le <div id="contenu"> doit changer en chargeant le fichie HTML correspondant.

    Je l'ai fais sur un site avec du PhP en utilisant un include mais je ne trouve pas comment le faire sans.

    Quelqu'un aurait une idée?

    Merci d'avance

    Patrick

  2. #2
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Points : 3 747
    Points
    3 747
    Par défaut
    Bonjour,

    Citation Envoyé par yochi_p Voir le message
    L'idée est simple. Quand je click sur le lien de mon menu, ce qui est dans le <div id="contenu"> doit changer en chargeant le fichie HTML correspondant.
    AJAX ?
    Je ne réponds pas aux questions techniques par MP.

  3. #3
    Futur Membre du Club
    Profil pro
    Inscrit en
    Août 2004
    Messages
    10
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Août 2004
    Messages : 10
    Points : 5
    Points
    5
    Par défaut
    Bonjour,

    j'ai réussi à avoir quelque chose mais ça ne me plaît pas. Dans le sens ou le contenu changé n'a pas le style du <div id="contenu">.

    Une idée?

    Voici celle que j'ai en ce moment, qui fonctionne mais qui n'est pas concluante

    dans l'index.html j'ai :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <li><a href="page1.php" onclick="updateObjectIframe(this); return false;">Horaires</a></li>
    et la fonction java :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    function updateObjectIframe(which){
        document.getElementById('contenu').innerHTML = '<'+'object id="foo" name="foo" type="text/html" data="'+which.href+'"><\/object>';
    }
    Une autre proposition?

    Merci

    Patrick

Discussions similaires

  1. Réponses: 1
    Dernier message: 21/02/2014, 19h02
  2. Changer le contenu de div
    Par sami20722 dans le forum Général JavaScript
    Réponses: 10
    Dernier message: 25/04/2013, 21h34
  3. Réponses: 3
    Dernier message: 30/07/2012, 09h50
  4. Changer le contenu d'une div dans un autre document
    Par francois6 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 24/11/2011, 11h05
  5. Changer contenu d'un div en fonction de l'url
    Par thebarbarius dans le forum Zend Framework
    Réponses: 40
    Dernier message: 16/08/2011, 11h27

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