Forums : Xul, Xbl, JS...

Je crois que pour cacher, tu fais bien le document.getElementById(id).setAttribute("hidden", "true");, mais pour le rendre visible ensuite, il faut supprimer l'attribut plutôt que de le mettre à false, soit :

document.getElementById(id).removeAttribute("hidden");

A tester donc ;)

Salut,

Sans mettre d'attribut hidden sur f0 et en n'appellant pas voir() dans init() ça à l'air de fonctionner !!?

function init()
  {
  //voir("f0");
  }

function voir(id)
  {
  //document.getElementById(id).setAttribute("hidden", "false");
  document.getElementById(id).removeAttribute("hidden");
  }

Supprimer l'attribut hidden

<hbox id="f0">

(pour spécifier la hauteur des éléments utilise flex à la place de style="height: 100%")

Fabrice

Merci de ta réponse.

Effectivement ça a l'air de marcher.

Auparavant j'avais aussi essayé :
document.getElementById(id).hidden = false; quand l'attribut hidden="true" était présent dans le tag <hbox>
puis :
document.getElementById(id).setAttribute("hidden", "false");
et c'est donc :
document.getElementById(id).removeAttribute("hidden");
qui fonctionne.

Trois possibilités apparamment pour faire la même chose ?

Il y aurait besoin de clarification... D'autant que n'importe laquelle des 3 semble fonctionner si on utilise tout autre chose qu'un iframe (hormis aussi <browser>) dans le deuxième hbox.

Merci thefab de ta réponse qui complète celle de chBok

J'ai suivi tes conseils et cela fonctionne.

Mais je reste perplexe... Il semble qu'il y ait néanmoins des 'effets de bord' bizarres lorsqu'on utilise un <iframe>.

Pour ma deuxième question, j'avais déjà essayé flex="1" au lieu de style="height: 100%" mais cela ne fonctionne pas d'avantage...

Je n'arrive pas à faire remplir la totalité de ma fenêtre par l'iframe.

Si tu as d'autres idées que je pourrais explorer, n'hésite pas !

En tout cas merci pour la première solution, ça me débloque déjà pas mal.
Sergio

thefab a écrit:

Salut,

Sans mettre d'attribut hidden sur f0 et en
n'appellant pas voir() dans init() ça à l'air de
fonctionner !!?

function init()
{
//voir("f0");
}

function voir(id)
{

//document.getElementById(id).setAttribute("hidden
", "false");

document.getElementById(id).removeAttribute("hidde
n");
}

Supprimer l'attribut hidden

<hbox id="f0">

(pour spécifier la hauteur des éléments utilise
flex à la place de style="height: 100%")

Fabrice

<hbox id="f1" hidden="true" flex="1">
<description>Écran 1</description>
<tabbox id="f2_onglets" flex="1">
  <tabs>
    <tab label="Iframe" />
  </tabs>
  <tabpanels flex="1"> <== le flex (pour que le panel soit lui aussi flexer)
    <tabpanel id="f2_1">
<iframe flex="1" src="http://www.google.fr" />
    </tabpanel>
  </tabpanels>
</tabbox>

</hbox>

Finalement je viens de trouver la solution pour faire apparaître le contenu de l'iframe sur la totalité de la fenêtre.

Il faut dans mon cas mettre ni plus ni moins, 4 fois l'attribut flex="1" :

<hbox id="f1" hidden="true" flex="1">
<description>Écran 1</description>
<tabbox id="f2_onglets" flex="1">
  <tabs>
    <tab label="Iframe" />
  </tabs>
  <tabpanels flex="1">
    <tabpanel id="f2_1" >
	<iframe flex="1" src="http://www.google.fr" />
    </tabpanel>
  </tabpanels>
</tabbox>
</hbox>

Si j'essaie d'en supprimer un, l'iframe se limite soit horizontalement, soit verticalement.

Ps: je te conseille l'attribute debug="true" dans ta window pour "voir" ou tu as des soucis de flex ;)

Bonjour Zmx,

Visiblement tu viens de poster en même temps que moi la même solution que celle que je viens de trouver !

Merci à toi.

Sergio

Zmx a écrit:

Ps: je te conseille l'attribute debug="true" dans
ta window pour "voir" ou tu as des soucis de flex
;)

J'ai mis l'attribut debug="true" dans ma window, mais on voit où et quoi en suite ?

Un truc qui ressemble a ça :http://zmx.homeip.net/debug.jpg De memoire :

• les zizzag corresponde au parti "flexible"
• les 2 carré avec un traits au parti "Fixe"
• le rouge au box "orienté" verticalement
• le bleur au box "orienté" horizontalement

Tu n'as pas ça avec le debug="true" toi ?

Debug ne semble plus fonctionner avec les dernières versions: http://xulfr.org/forums/read.php?7,4161,(..)

Zmx a écrit:

Un truc qui ressemble a ça
:http://zmx.homeip.net/debug.jpg
De memoire :
- les zizzag corresponde au parti "flexible"
- les 2 carré avec un traits au parti "Fixe"
- le rouge au box "orienté" verticalement
- le bleur au box "orienté" horizontalement

Tu n'as pas ça avec le debug="true" toi ?

Ben non.
Comme thefab le signale :
http://xulfr.org/forums/read.php?7,4161,(..)

Oups, désolé pour ce mauvais conseille alors, je vais garder un vieux firefoxx sous la main alors =)

Visiblement Sergio, tu as un peu de mal avec le modèle de boîte. Je te conseille donc de lire le tuto sur le wiki et de jouer avec la boîte de test ;-)