Discussion :

[okilele]

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 :

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

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

[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’);

[okilele]

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 :

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

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

[Eric Pasquier]

Comme ça ?

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
  <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 :

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

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

Eric

[Zineb1987_UNI]

Voila un exemple :

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
<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>

[emmanuel.remy]

Salut,

@okilele:

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.


ERE