ajouter a un ContentPane du code HTML

Version imprimable

Bonjour à tous, voilà ma problématique

J'ai un ContentPane dans lequel j'aimerais ajouter (sans en effacer le contenu) juste après la div idxLogo du code HTML fournit par un script PHP Auth.php. Je souhaite le faire dans le AddOnLoad
Code:

1 2 3 4 5 <div dojoType='dijit.layout.ContentPane' region='top' id='idxHaut' splitter='false' style='height: 145px;'> <div id='idxLogo' name='idxLogo'> <IMG SRC=images/logo.jpg BORDER=0> </div> </div>
j'ai pensé a utiliser la fonction dojo.place() mais je n'obtiens aucun résultat.

si quelqu'un a une ou plusieurs suggestions je suis preneur
merci

01/12/2009, 09h25
Zineb1987_UNI

Bonjour,
l'objet 'dijit.layout.ContentPane' a un attribut content qui permet de modifier le contenu de la contentPane, tu peux l'utiliser pour recuperer le contenu actuel puis lui ajouter les modifications souhaite.
pour recuperer le content >> objetContentPane.attr(‘content’);
pour modifier le content >> objetContentPane.attr(‘content’, ‘new content’);
01/12/2009, 20h55
okilele
Citation:

Envoyé par Zineb1987_UNI

Bonjour,
l'objet 'dijit.layout.ContentPane' a un attribut content qui permet de modifier le contenu de la contentPane, tu peux l'utiliser pour recuperer le contenu actuel puis lui ajouter les modifications souhaite.
pour recuperer le content >> objetContentPane.attr(‘content’);
pour modifier le content >> objetContentPane.attr(‘content’, ‘new content’);

Merci ineb1987_UNI pur ta réponse rapide mais voila je ne sais pas comment ajouter au contenu que j'ai récupérer le code HTML venant de mon script PHP
j'ai tenté ceci pour récupérer
Code:

1 2 var Cp = dijit.byId('idxHaut').attr('content');
mais je ne sais pas comment ajouter à Cp le script faut il utiliser href, innerHTML. Comment obtenir le 'new content'.
Si tu peux m'éclairer sur le sujet ? je débute en javascript et sur dojo.

Merci

Comme ça ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
  <script type="text/javascript">
    function ajouter ()
    {
      var Cp = dijit.byId('contentpane').attr('content');
 
      var NewContent  = "<h1>Rebonjour</h1>\n";
          NewContent += "<p>Nouvelle ligne</p>\n";
 
      dijit.byId('contentpane').attr('content', Cp + NewContent);
    }
 
  </script>
 
 
  <div id="contentpane" jsId="contentpane" dojoType="dijit.layout.ContentPane"  >
    <h1>Bonjour</h1>
    <p>Ligne initiale du ContentPane</p>
  </div>
 
  <button style="margin:5px auto;" dojoType="dijit.form.Button" onClick="ajouter">Ajouter</button>

Il faut intégrer ça avec ton script PHP. Peut être un truc du genre :

Code:

var NewContent = "<?php echo $html ?>";

Eric

Voila un exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script language="JavaScript" type="text/javascript">
 
  dojo.require("dijit.layout.ContentPane");
  dojo.addOnLoad(function () {
 
	  var objetContentPane = dijit.byId('content');
	  console.log(objetContentPane);
	  var contenuPane = objetContentPane.attr('content');
	  var newContenu = "<?php echo "<div id='myDiv' class='myClass' style='background-color: pink'>new contenu </div>" ?>"
	  console.log(contenuPane);
	  alert('vas y !!');
	  objetContentPane.attr('content',contenuPane + newContenu);
  });
 
</script>
 
 
<div dojoType="dijit.layout.ContentPane" region="center" splitter="true" id='content'>
    Contenu initial
</div>

02/12/2009, 12h12
emmanuel.remy

Salut,

@okilele:

Citation:

j'ai pensé a utiliser la fonction dojo.place() mais je n'obtiens aucun résultat.

La fonction dojo.place sert à injecter un DomNode et pas du texte. Note au passage que la fonction objetContentPane.attr('content',contenu); accepte que contenu soit du texte ou un DomNode. :lol:

ERE