iframe au milieu du contentPane

**devkaty** · 05/06/2009, 15h07

salut à tous;

j'ai un iframe au milieu d'un contentPane

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<div dojoType="dijit.layout.ContentPane" region="center" id="zone" >
    <iframe   id="iframe"  src="" scrolling="no" width=900 height=900 >
   </iframe>
</div>

j'ai besoin de recuperer id du iframe avec javascript pour que je puisse lui affecter le resultat de la response d'une requette ajax qui fait l'appel d'une autre page , j'ai fait comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
document.getElementById("iframe").contentWindow.document.body.innerHTML = response;

le probleme c'est qu'il recupere pas le iframe il me donne null , et si je met la balise iframe dehors de la contentPane , il connu le iframe .
Alors comment je peux utiliser le iframe au milieu d'un contentPane ?

Merci d'avance.

**emmanuel.remy** · 05/06/2009, 19h06

Salut,

Pourquoi mettre un iframe dans un contentPane alors que le contentPane fait la même chose ?

Et en plus il gère sa propre mise à jour AJAX.

Tu as un impératif ?

ERE

**devkaty** · 06/06/2009, 23h12

Salut ;

Merci pour votre réponse.
En fait, au début j'ai utilisé seulement un contentPane mais j'ai pas arrivé à se que je souhaite , pour ça j'ai utilisé iFrame .
Se que je veux faire c'est appeler une page dans une autre et grader les styles de la page appelé sur tout le body , et quand j'utilise seulement contentPane je trouve pas cette résultat , par ce que peuvent pas écraser le body de la page mére (j'ai pensé au solution de iFrame car j'ai pas trouvé un autre) .

**emmanuel.remy** · 06/06/2009, 23h30

Envoyé par devkaty

Salut ;

Merci pour votre réponse.
En fait, au début j'ai utilisé seulement un contentPane mais j'ai pas arrivé à se que je souhaite , pour ça j'ai utilisé iFrame .
Se que je veux faire c'est appeler une page dans une autre et grader les styles de la page appelé sur tout le body , et quand j'utilise seulement contentPane je trouve pas cette résultat , par ce que peuvent pas écraser le body de la page mére (j'ai pensé au solution de iFrame car j'ai pas trouvé un autre) .

Normalement en utilisant un dojox.layout.ContentPane cela doit fonctionner.

ERE

**devkaty** · 08/06/2009, 10h44

Envoyé par emmanuel.remy

Normalement en utilisant un dojox.layout.ContentPane cela doit fonctionner.

ERE

A la place de

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div dojoType="dijit.layout.ContentPane" region="center" id="zoneCentral">

j'ai fait

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div dojoType="dojox.layout.ContentPane" region="center" id="zoneCentral" 
  adjustPaths="true"
    renderStyles="true"
    executeScripts="true">

mais toujours le meme probleme , il me récupere pas le style du body de la page appelé

**emmanuel.remy** · 08/06/2009, 10h59

Désolé devkaty mais là sans le code des deux parties c'est difficile de te donner une solution.

ERE

**devkaty** · 08/06/2009, 11h11

Envoyé par emmanuel.remy

Désolé devkaty mais là sans le code des deux parties c'est difficile de te donner une solution.

ERE

Voila le code de la page appelé :

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
 
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<title>Le front</title>
	 <link rel="stylesheet" type="text/css" media="screen"
             href="<?php echo $this->BaseUrl(); ?>/../../style.css" />
</head>
    <body>
    <div id="frontBody">
        <div id="zoneHaut">
            <?php ..................  ?>
        </div>
        <div id="zoneGauche">
                <?php ........................ ?>
        	</div>
        <div id="content">
            <?php ........................ ?>
        </div>
		<div id="zoneDroite">
                <?php ....................... ?>
        </div>
    </div>
    </body>
</html>

ici le code de la page appelant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
<div dojoType="dojox.layout.ContentPane" splitter="true" region="left">
   <?php .................... ?>
</div>
<div dojoType="dojox.layout.ContentPane" region="center" id="zoneCentral" 
  adjustPaths="true"
    renderStyles="true"
    executeScripts="true"         
>
</div>

ici le code de la methode javascript qui fait l'appel de l'autre page avec une requette ajax

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
 
function getPage()
{
 dojo.xhrGet({
    	url :"getPage"
        handleAs :"text",
        timeout :5000,
        load : function(response) {
        document.getElementById("zoneCentral").innerHTML = response;
  },
        error : function(error) {
            alert('Probleme requete ajax \n ' + error);
        }
    })  
}

**devkaty** · 09/06/2009, 16h42

salut,

Est ce que c'est possible d'injecter une page dans une div ? en fait ce que je veux faire c'est appeler une autre page dans une div (contentPane).

**emmanuel.remy** · 09/06/2009, 21h35

Salut devkaty,

ici le code de la methode javascript qui fait l'appel de l'autre page avec une requette ajax

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 (...) document.getElementById("zoneCentral").innerHTML = response;

Tu ne peux pas faire ainsi: le innerHTML ne permet pas à Dojo de parser tes données...

Plus simplement:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
function getPage(){
    dijit.byId("zoneCentral").attr("href", "getPage");
}

Cela fait tout:téléchargement, parse...

ERE

iframe au milieu du contentPane

Bibliothèques & Frameworks

Vue hybride

Discussions similaires

Partager

Partager