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

AJAX Discussion :

[AJAX] Changement de contenu dans une div.


Sujet :

AJAX

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    33
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 33
    Par défaut [AJAX] Changement de contenu dans une div.
    Encore un problème de changement de contenu dans une div...
    J'ai regardé les tuto mais je ne trouve pas mon problème. Voila le code de ma page principale (les page appeler sont du genre <p>bla bla bla</p>
    Le souci : quand je clique sur mon menu il ne ce passe rien...
    Merci pour votre aide
    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
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
     
     
    <head> 
    <title>Le Kintz</title>
     
    <meta http-equiv="Content-language" content="fr" />
     
    <link href="css/style.css" rel="stylesheet" type="text/css" /> 
     
    <script type="text/javascript">
    	function sendData(param, page, id)
    	{
    		if(document.all)
    		{
    			//Internet Explorer
    			var XhrObj = new ActiveXObject("Microsoft.XMLHTTP") ;
    		}//fin if
    		else
    		{
    		    //Mozilla
    			var XhrObj = new XMLHttpRequest();
    		}//fin else
     
    		//définition de l'endroit d'affichage:
    		var content = document.getElementById(id);
     
    		XhrObj.open("POST", page);
     
    		//Ok pour la page cible
    		XhrObj.onreadystatechange = function()
    		{
    			if (XhrObj.readyState == 4 && XhrObj.status == 200)
    				content.innerHTML = XhrObj.responseText ;
    		}
     
    		XhrObj.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    		XhrObj.send(param);
    	}//fin fonction SendData
    </script>
     
    <script language="javascript"> 
    	function fenetrePlan(page,largeur,hauteur,options) 
    	{ 
    		var top=(screen.height-hauteur)/2; 
    		var left=(screen.width-largeur)/2;
    		window.open(page,"Plan d'accès","top="+top+",left="+left+",width="+largeur+",height="+hauteur+","+options); 
    	} 
    </script>
     
    </head> 
     
    <body> 
    <div id="conteneur"> 
      <div id="contenu">
        <div id="flash">
    		<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="330" height="490">
    		<param name="movie" value="flash.swf" />
    		<param name="quality" value="high" />
    		<param name="menu" value="false" />
    		<param name="wmode" value="" />
    		<!--<embed src="flash.swf" wmode="" quality="high" menu="false" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="330" height="490"></embed>-->
    		</object>
        </div> 
     
    <ul id="menu"> 
    <li>
      <img src="images/accueil.png"
      onmouseover="this.src='images/accueil_over.png'"
      onmouseout="this.src='images/accueil.png'" 
      onClick="sendData('id=0', 'accueil.html','texte')"  
      width="53" height="22"/>
    </li> 
    <li>
      <img src="images/specialite.png"
      onmouseover="this.src='images/specialite_over.png'" 
      onmouseout="this.src='images/specialite.png'" 
      onClick="sendData('id=0', 'specialites.html','texte')" 
      width="77" height="22"/>
    </li> 
    <li>
      <img src="images/chef.png"
      onmouseover="this.src='images/chef_over.png'"
      onmouseout="this.src='images/chef.png'" 
      onClick="sendData('id=0', 'chef.html','texte')"
      width="62" height="22"/>
    </li>
    </ul>
     
        <div id="texte">
              <p>
    		Depuis 1980, situé au ...
              </p>
        </div>
     
      </div>
     
    </div> 
     
    </body> 
    </html>

  2. #2
    Membre Expert
    Avatar de emmanuel.remy
    Inscrit en
    Novembre 2005
    Messages
    2 855
    Détails du profil
    Informations personnelles :
    Âge : 56

    Informations forums :
    Inscription : Novembre 2005
    Messages : 2 855
    Par défaut
    Salut,
    Ton code est bon. Par acquis de conscience je viens de le tester sous IE6 et Firefox.
    Es tu certain que tu appelles les bons fichiers (accueil.html, ...) et qu'ils résident dans le même répertoire que ta page chargée ?

    ERE

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    33
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 33
    Par défaut
    Oui mon code parait bon et marchait hier sur un serveur du travail mais la pas moyen de le refaire fonctionner sur ma machine et sur free. Je suis sur d'appeler les bon fichiers...
    De plus ce même code fonctionne sur un autre site que j'avais fait...
    Bref je sais plus trop quoi faire :-)
    Le problème ne peut pas venir de l'encodage de mes fichier par notepad ? question je pense stupide mais la ou j'en suis j'imagine tt ^^ !

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    33
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 33
    Par défaut
    C'est bon ça marche sur ma machine, mais toujours pas sur free.fr, ni sur 1and1... donc pas un problème d'hébergeur

  5. #5
    Membre Expert
    Avatar de emmanuel.remy
    Inscrit en
    Novembre 2005
    Messages
    2 855
    Détails du profil
    Informations personnelles :
    Âge : 56

    Informations forums :
    Inscription : Novembre 2005
    Messages : 2 855
    Par défaut
    Citation Envoyé par tinoudu01 Voir le message
    C'est bon ça marche sur ma machine, mais toujours pas sur free.fr
    Peut-être est ce lié à ces posts précédents ?

    http://www.developpez.net/forums/d69.../ajax-free-fr/

    Que fait ton script appelé via AJAX. Il semblerait que Free bloque régulièrement par exemple la fonction fopen appelé vers un autre site


    ERE

  6. #6
    Membre averti
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    33
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 33
    Par défaut
    mes scripts appelé sont uniquement de ce genre :

    <p>
    bla bla bla
    </p>

    de plus j'ai un autre site qui fait la même chose chez free et ça marche...

  7. #7
    Membre Expert
    Avatar de emmanuel.remy
    Inscrit en
    Novembre 2005
    Messages
    2 855
    Détails du profil
    Informations personnelles :
    Âge : 56

    Informations forums :
    Inscription : Novembre 2005
    Messages : 2 855
    Par défaut
    Tu peux passer l'url d'appel de chez free ? Sauf si le site est sensible ...
    Un petit test intéressant à réaliser.

    ERE

  8. #8
    Membre averti
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    33
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 33
    Par défaut
    http://lekintz.free.fr
    Merci de me dire quel teste tu fais que je me couche moins bète si tu réussis:-)

  9. #9
    Membre Expert
    Avatar de emmanuel.remy
    Inscrit en
    Novembre 2005
    Messages
    2 855
    Détails du profil
    Informations personnelles :
    Âge : 56

    Informations forums :
    Inscription : Novembre 2005
    Messages : 2 855
    Par défaut
    Re-salut,

    Free te renvoie une erreur 405 : method not allowed. Cela veut simplement dire que Free refuse un appel de type POST vers un fichier à l'extension ".html".
    Tu peux renommer tes fichiers avec une extension PHP et cela devrait fonctionner.
    Mais à mon avis 2 réflexions s'imposent.
    pourquoi faire une requete AJAX vers des fichiers html ? Une balise IFrame fait l'affaire. Cela ne sert à rien de mettre en oeuvre de l'Ajax si ce n'est pas nécessaire ! Ce n'est pas une performance en soi.
    Ensuite, à voir ton site, je ne comprends pas pourquoi tu ne fais pas des simples liens avec une balise "a".
    Et si tu t'entêtes (ou si tu trouves légitimes ) à faire un appel Ajax, pourquoi en faire une méthode POST ?


    A toi de voir.

    ERE

  10. #10
    Membre averti
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    33
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 33
    Par défaut
    merci pour ta réponse, je vais essayer.
    Si j'ai choisi l'ajax c'est par ce que mon site va devenir dynamique et donc tt en php.

  11. #11
    Membre Expert
    Avatar de emmanuel.remy
    Inscrit en
    Novembre 2005
    Messages
    2 855
    Détails du profil
    Informations personnelles :
    Âge : 56

    Informations forums :
    Inscription : Novembre 2005
    Messages : 2 855
    Par défaut
    Citation Envoyé par tinoudu01 Voir le message
    merci pour ta réponse, je vais essayer.
    Si j'ai choisi l'ajax c'est par ce que mon site va devenir dynamique et donc tt en php.
    Ceci explique don cela . Dans ce cas mets directement des noms de fichier avec une extension php

    ERE

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

Discussions similaires

  1. [AJAX] Changement de contenu dans un div
    Par VanFanel dans le forum AJAX
    Réponses: 3
    Dernier message: 11/05/2009, 17h41
  2. [DOM] Changement de html dans une div grace à javascript
    Par sebxid dans le forum Général JavaScript
    Réponses: 11
    Dernier message: 27/08/2008, 17h27
  3. [AJAX] Rafraichir le contenu d'une div
    Par lelapinrusse dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 28/04/2008, 17h14
  4. savoir s'il existe un <a href> dans div, elle meme contenue dans une div
    Par poupouille dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 20/02/2008, 20h33
  5. [CSS] Décalage de contenu dans une div
    Par Onyx91 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 25/01/2006, 15h27

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