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 contenu sans recharger la page


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Décembre 2008
    Messages
    28
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2008
    Messages : 28
    Par défaut Changer contenu sans recharger la page
    Bonjour à tous,

    voilà je suis en train de faire un site web, j'ai en gros 2 menu et un cadre principal. Je voudrais alimenter, en cliquant sur un lien d'un des menus, le cadre principal avec, si cela est possible, d'autres pages PHP, sans pour autant recharger la page.

    J'ai donc une page qui serait une "base" et je voudrais changer son contenu, par exemple si je clique sur le lien "informatique" le contenu (cadre principal) se remplie avec "informatique.php".

    Voilà j'espere avoir été à peu près clair.

    Merci d'avance pour votre aide.

  2. #2
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Salut,
    1- Utiliser un iFrame pour charger les pages, les valeurs du target des liens sont le nom de l'iFrame, l'utilisation de l'iFrame est déconseillé.
    2- Utiliser AJAX et afficher les pages dans un div. Fait un petit recherche dans le forum AJAX avec "rafraichir un div" ou regarder dans les tutoriels AJAX:
    http://ajax.developpez.com/cours/

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Décembre 2008
    Messages
    28
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2008
    Messages : 28
    Par défaut
    Salut et merci du tuyau.

    Je vais voir ça, on se tiens au jus!

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Décembre 2008
    Messages
    28
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2008
    Messages : 28
    Par défaut
    Alors j'ai essayé d'incorporer un script, mais cela ne fonctionne pas, voici le 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
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
     
     
    <script type="text/javascript" src="js/prototype.js"></script>
    	<script type="text/javascript" src="js/scriptaculous.js"></script>
    	<script type="text/javascript" src="js/effects.js"></script>
     
    	<script type="text/javascript">
    	function envoieRequete(url,id)
    		{		
    			var xhr_object = null;
    			var position = id;
    			if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest();
    			else
    				if (window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
     
    				// On ouvre la requete vers la page désirée
    				xhr_object.open("GET", url, true);
    				xhr_object.onreadystatechange = function(){
    					if ( xhr_object.readyState == 4 )
    					{
    						// j'affiche dans la DIV spécifiées le contenu retourné par le fichier
    						document.getElementById(position).innerHTML = xhr_object.responseText;
    					}
    															}
    				// dans le cas du get
    	xhr_object.send(null);
     
    		}
    </script> 
    </head>
    <body>
     
    [..........]
     
     
     
    if ($rs->RecordCount()!= 0)     // test : existe-t-il des réponses ?
    {
     
            while (!$rs->EOF)                       // boucle de lecture des réponses
            {                                                               // récupération des différentes valeurs
                    $secteur=($rs->fields['nomsecteur']);
                    $rs->MoveNext();
                    echo"<a href=\"#\" onclick="envoieRequete("secteurs.php?domaine=$domaine&secteur=$secteur",'test');">".$secteur."</a><br> " ;
     
            }
    }
     
     
     
    	<div class="corpsmain" id="test">
    		<p> La Federation Syntec represente pres de 1250 groupes et societes francaises
    			specialises dans les professions de l'Ingenierie, des Services Informatiques, de
    			s Etudes et du Conseil, de la Formation Professionnelle. 
    		</p>
     
    	</div>

    Voila, ceci est les éléments principaux mais il y a du code qui manque, qui je pense n'est pas important pour ce cas.

    Merci de votre aide

  5. #5
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Donnes nous le HTML généré.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
     echo"<a href=\"#\" onclick=\"envoieRequete('secteurs.php?domaine=$domaine&secteur=$secteur','test'); return false;\">".$secteur."</a><br> " ;

  6. #6
    Membre averti
    Profil pro
    Inscrit en
    Décembre 2008
    Messages
    28
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2008
    Messages : 28
    Par défaut
    Comment ca ?? désolé je suis un pti débutant....

    En tout cas j 'ai l'erreur

    Parse error: parse error, expecting `','' or `';'' in C:\wamp\www\OrienteExpress\TIC.php on line 89

    ligne 89 qui la ligne ou il y a le lien.

    Mais je ne sais pas ou il manque une virgule ou point virgule.

    Merci de ton aide

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 2
    Dernier message: 29/08/2011, 20h35
  2. Changer le contenu sans recharger la page
    Par loliz12 dans le forum Débuter
    Réponses: 12
    Dernier message: 11/06/2011, 22h25
  3. Afficher le contenu sans recharger la page
    Par quaresma dans le forum Balisage (X)HTML et validation W3C
    Réponses: 19
    Dernier message: 28/10/2010, 01h01
  4. [MySQL] Changer contenu sans recharger la page
    Par krustypop dans le forum PHP & Base de données
    Réponses: 4
    Dernier message: 22/06/2009, 13h11
  5. Changer la police avec un select, sans recharger la page
    Par Netoman dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 30/12/2004, 18h07

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