Salut,
je voudrais comme le titre l'indique afficher le contenu d'un page php dans un div qui se dépli grâce à du javascript. Voici le code js qui agrandi le div lorsqu'on clique sur le boutton spécifié.

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
 
function Suite(lien,affiche)
{
var objet = document.getElementById(affiche); // entre id div que tu veux faire apparaître !
if(objet.style.display == "none" || !objet.style.display)
{
    objet.style.display = "block";
	objet.style.overflow = "hidden"; 
	lien.innerHTML = "<img src='../img/Up.png'>";
 
	var hFinal      =     100;  //Hauteur finale (la hauteur une fois que ça aura fini de déplier !)
	var hActuel     =     100;	 	//Hauteur initiale (la hauteur dès le début !)
	var timer;
	var fct = 	function ()
					{
					  hActuel  +=       20;     //Augmente la hauteur de 20px (tu peux modifier) tous les 40ms !
 
					  objet.style.height     =	 hActuel      +     'px';
 
					  if( hActuel > hFinal)
					  {
						  clearInterval(timer);   //Arrête le timer
						  //objet.style.overflow    =   'inherit';
					  }
				};
	fct();
	timer = setInterval(fct,40);    //Toute les 40 ms
 
        }else if(objet.style.display == "block")
	{
	        var hFinal      =     50;  //Hauteur finale (la hauteur une fois que ça aura fini de déplier !)
	        var hActuel     =     100;	 	//Hauteur initiale (la hauteur dès le début !)
	        var timer;
	        var fct =        function ()
	        {
	                hActuel  -=   20;     //Augmente la hauteur de -20px (tu peux modifier) tous les 40ms !
	                objet.style.height     =	 hActuel      +     'px';
 
	                if( hActuel == 20)
	                {
	                        clearInterval(timer);   //Arrête le timer
	                        //objet.style.overflow    =   'inherit';
							objet.style.display     =   "none";
	                }
	        };
	        fct();     
			timer = setInterval(fct,40);    //Toute les 40 ms
			lien.innerHTML = "<img src='../img/import_csv.png'>";
		}
}
j'appel cette fonction grace au code html suivant:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
 
<tr>
<td><script>var popup2="popup2";</script><a href="javascript:;" onclick="Suite(this,popup2,'.$data['ID_CONTACT'].')"id="pop2"><img src="../img/import_csv.png"></td>
</tr>
<tr>
						<td colspan=10>
							<div id="popup2" name="popup2" style="text-align:center;overflow:hidden;border: #000000 1px solid;">
							</div>
						</td>
					</tr>
et j'ai récupéré sur le net un code qui me permettrai d'afficher ma page.php dans un div

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
 
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); 
 
}
J'ai donc logiquement toutes le carte en main pour faire ce que je veux mais je ne sais pas comment adapter cela je voudrais tt mettre dans ma fonction Suite mais ou dois-je copier le contenu de ma fonction envoi requete?