[Javascript]2 Frame, fermer/ouvrir celle de gauche[Résolu]

2 Frame, fermer/ouvrir celle de gauche[Résolu] [Javascript] - HTML/CSS - Programmation

Marsh Posté le 31-10-2005 à 17:40:03    

Salut,
 
voila, j'ai une page web d'une appli qui est composer de 2 frames (droite gauche).
J'aimerais pouvoir fermer/ouvrir celle de gauche en cliquand sur une image.
 
Le pb, c'est que je n'arrive pas a trouver la propriété de l'objet frame qui permet de faire ca...
 
Vous avez une idée?
 
Paquerette.


Message édité par paquerette le 04-11-2005 à 17:17:33
Reply

Marsh Posté le 31-10-2005 à 17:40:03   

Reply

Marsh Posté le 31-10-2005 à 18:18:20    

[:herencia]

Reply

Marsh Posté le 31-10-2005 à 18:40:30    

De nos jours on utilise plus de frames...
Passe aux CSS !!!
Ta solution CSS est :
 
tu remplaces tes frames par deux balises div, tu définis leurs largeur (   #div1 {width: largeur;}    ) et pour faire disparaître sur clic il suffit de rajouter du JavaScript.
 
 
Si tu n'as pas compris va visiter le premier site de ma signature.


Message édité par CNeo le 31-10-2005 à 18:41:05
Reply

Marsh Posté le 02-11-2005 à 14:58:37    

héhé... si y'a des frames c'est que les frames sont adapté dans ce cas présent. C'est pas un site web, mais une grosse applis qui a 4 ans de dev derrière elle, et je ne peux pas changer comme ca...

Reply

Marsh Posté le 02-11-2005 à 17:08:28    

[:heup]


Message édité par paquerette le 03-11-2005 à 12:53:02
Reply

Marsh Posté le 03-11-2005 à 10:22:39    

[:herencia]  [:heup]

Reply

Marsh Posté le 03-11-2005 à 12:52:10    

 [:heup] [:herencia]  [:heup]

Reply

Marsh Posté le 03-11-2005 à 15:53:19    

[:herencia]  [:heup]  [:herencia]  [:heup]

Reply

Marsh Posté le 03-11-2005 à 16:31:36    

[:heup]  [:herencia]  [:heup]  [:herencia]  [:heup]

Reply

Marsh Posté le 03-11-2005 à 17:06:34    

Bon après m'etre bien amusé avec la charmante  [:herencia]  et le rigolo  [:heup]   :D  
 
j'ai fini par trouver la solution :
 
Dans la frame qui reste toujours visible (ie celle de droite dans mon cas) :


<script type="text/javascript">
 
var originalPosition;
function switchMenu()
{
  if(window.parent.document.body.cols!="0,*" )
  {
    originalPosition=window.parent.document.body.cols;
    window.parent.document.body.cols="0,*";
    document.getElementById('foldImg').src="images/right.gif";
 
  }
  else
  {
    window.parent.document.body.cols=originalPosition;
    document.getElementById('foldImg').src="images/left.gif";
  }
}
</script>
 
<img id="foldImg" src="images/left.gif" alt="" onClick="switchMenu()">


 
Avec la définition des frames suivante :  
 
 

<frameset cols="151,639">
  <frame frameborder="YES" border="0" framespacing="0" name="toolbar" src="menu.html" scrolling="auto">
  <frame frameborder="NO" border="0" framespacing="0" name="main" src="queue.html" scrolling="auto">
  <noframes>
    <body>
      <p>Votre navigateur doit supporter les frames pour utiliser Ariane</p>
    </body>
  </noframes>
</frameset>


 
voila voila...
(je sais, div+css c'est top le méga power, mais l'appli a un passé plutot lourd et la frame de gauche met un certain temps a se charger)


Message édité par paquerette le 03-11-2005 à 17:07:35
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed