chargement d'images dans div

lors de chargement de page par ajax

Sujet résolu

11 février 2010 à 2:17:20

Salut,

mon souci est que je souhaite lorsque je charge mon contenu en ajax, changer aussi une image dans une div différente, donc, charger 2 contenus différents dans 2 div différentes.
le contenu se charge sans problème mais pas l'image dans la seconde balise.
je suppose que j'ai fait une connerie dans mon code ajax mais si vous pouviez me dire où je me suis trompé, ce serait génial.
merci

voici le code ajax et celui de la page:

function makeObject(){
       var x;
       if (window.ActiveXObject) {
          x = new ActiveXObject("Microsoft.XMLHTTP");
       }else if (window.XMLHttpRequest) {
          x = new XMLHttpRequest();
       }
       return x;
    }
    
	
	var request = makeObject();
	var the_content;
	var the_category;
	
	
function check_contenu(the_content){
       request.open('get', 'page.php?id=' + the_content, true);
       request.onreadystatechange = parseCheck_contenu;
       request.send('');
    }
function parseCheck_contenu(){
       if(request.readyState == 1){
          document.getElementById('contenu').innerHTML = 'Loading...';
       }
       if(request.readyState == 4){
          var answer = request.responseText;
		  document.getElementById('contenu').innerHTML = answer;
		  document.getElementById('ecran').innerHTML = '<img src="images/ecrans/' + the_content + '.png"/>';
		  var allscript = c.getElementsByTagName('script');
                   for(var i=0;i< allscript.length;i++){
                    eval(allscript[i].text);}
		  
       }
    }

<body>

<div id="overall"></div>
<div id="content">
	<div id="menu">
    <a href="index.php?id=infographie" onclick='check_contenu("infographie");return false'><div id="inf"></div></a>
    <a href="index.php?id=contact" onclick='check_contenu("contact");return false'><div id="con"></div></a>
    <a href="index.php?id=accueil" onclick='check_contenu("accueil");return false'><div id="acc"></div></a>
    <a href="index.php?id=biographie" onclick='check_contenu("biographie");return false'><div id="bio"></div></a>
    <a href="index.php?id=portefolio" onclick='check_contenu("portefolio");return false'><div id="por"></div></a>
    </div>
    
  <div id="ecran"><img src="images/ecrans/ecran.png"/></div>
    
<div id="contenu"><?php include('page.php'); ?></div>
<div id="piedpage"><?php include('foot.php'); ?></div>

</div>
</body>

Farangprod

9 avril 2010 à 12:53:20

J'ai réussi en appelant une fonction pour le second rafraichissement.

function check_contenu(the_content){
       request.open('get', 'page.php?id=' + the_content, true);
       request.onreadystatechange = parseCheck_contenu;
       request.send('');
    }
function parseCheck_contenu(){
       if(request.readyState == 1){
          document.getElementById('contenu').innerHTML = 'Loading...';
       }
       if(request.readyState == 4){
          var answer = request.responseText;
		  document.getElementById('contenu').innerHTML = answer;
		  function(){document.images["ecran"].src = 'images/ecrans/' + the_menu + '.png';}
		  var allscript = c.getElementsByTagName('script');
                   for(var i=0;i< allscript.length;i++){
                    eval(allscript[i].text);}
		  
       }
    }