begin process at 2010 03 21 03:32:08
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Effets

 > 3 PETITES FONCTIONS POUR GERER VOS FRAME FRAMES

3 PETITES FONCTIONS POUR GERER VOS FRAME FRAMES


 Information sur la source

Note :
6 / 10 - par 3 personnes
6,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Effets Niveau :Initié Date de création :09/07/2004 Vu :11 666

Auteur : piedpierre

Ecrire un message privé
Commentaire sur cette source (5)
Ajouter un commentaire et/ou une note

 Description

Afficher / Cacher une FRAME avec tempo possible, récup la taille d'une FRAME et Définir la taille d'une FRAME IE, Mozilla,... compatible

Source

  • // 4 Fonctions (dont 1 ne sert qu'à la 1ere) pour gérer la taille de ses frames
  • // fonction FrameModif(frame) (utile pour faire un bouton cache / affiche frame jumelle)
  • // où frame doit être à 0 ou à 1 selon qu'on appelle la fonction de la frame de gauche ou de droite
  • // Met à 0 la taille de la fenètre jumelle ou à screen.width selon qu'on l'appelle de la frame gauche ou droite
  • // Et la remet à son état initial si on rappelle la fonctions
  • // fonction FrameSize(taille) met la frame de gauche à (taille) pixels.
  • // fonction FrameGetSize() retourne la taille de la frame de gauche en pixel
  • // Fonctions libres de tout droit crée par PiedPierre compatible IE et mozilla
  • //wcol=FrameGetSize();// ca c'est pour avoir la taille de la frame au départ mais il semblerait que wcol soit globale tout de meme;
  • vit=(screen.width)/6;// ici on paramètre la vitesse de scroll en pixel.
  • function FrameModif(frame){
  • w=FrameGetSize();vit2=vit;if(w!=0 && w!=screen.width){wcol=w;col=wcol-1;}else{col=wcol;}//col=eval(wcol);document.write(col);
  • if(frame==0){if(w<screen.width){w=col;vit2=-vit2;}} // on agrandit ou on reduit
  • else if(frame==1){if(w>col){w=col;}else{vit2=-vit2;}}else{document.write("Erreur FrameModif() n'accepte que 0 ou 1 comme argument");return false;}
  • moFrame(w,col,frame,vit2);return w;}
  • function moFrame(w,col,frame,vit2){
  • w=w-vit2;if(w<col && frame==0 || w>col && frame==1){w=col;}
  • if(w>screen.width){w=screen.width;}else if(w<0){w=0;}
  • window.parent.document.body.cols=w+",*";if(w>=screen.width || w==col || w<=0){return;}
  • setTimeout("moFrame("+w+","+col+","+frame+","+vit2+")",0)}
  • function FrameSize(taille){window.parent.document.body.cols=taille+",*";return true;}
  • function FrameGetSize(){wp=window.parent.document.body.cols;po=wp.indexOf(",");w=wp.substr(0,po);return w;}
// 4 Fonctions (dont 1 ne sert qu'à la 1ere) pour gérer la taille de ses frames
// fonction FrameModif(frame) (utile pour faire un bouton cache / affiche frame jumelle)
//		où frame doit être à 0 ou à 1 selon qu'on appelle la fonction de la frame de gauche ou de droite
// 		Met à 0 la taille de la fenètre jumelle ou à screen.width selon qu'on l'appelle de la frame gauche ou droite
//		Et la remet à son état initial si on rappelle la fonctions 
// fonction FrameSize(taille) met la frame de gauche à (taille) pixels.
// fonction FrameGetSize() retourne la taille de la frame de gauche en pixel

// Fonctions libres de tout droit crée par PiedPierre compatible IE et mozilla

//wcol=FrameGetSize();// ca c'est pour avoir la taille de la frame au départ mais il semblerait que wcol soit globale tout de meme;
vit=(screen.width)/6;// ici on paramètre la vitesse de scroll en pixel.
function FrameModif(frame){
 w=FrameGetSize();vit2=vit;if(w!=0 && w!=screen.width){wcol=w;col=wcol-1;}else{col=wcol;}//col=eval(wcol);document.write(col);
 if(frame==0){if(w<screen.width){w=col;vit2=-vit2;}} // on agrandit ou on reduit
 else if(frame==1){if(w>col){w=col;}else{vit2=-vit2;}}else{document.write("Erreur FrameModif() n'accepte que 0 ou 1 comme argument");return false;}
 moFrame(w,col,frame,vit2);return w;}
function moFrame(w,col,frame,vit2){
 w=w-vit2;if(w<col && frame==0 || w>col && frame==1){w=col;}
 if(w>screen.width){w=screen.width;}else if(w<0){w=0;}
 window.parent.document.body.cols=w+",*";if(w>=screen.width || w==col || w<=0){return;}
 setTimeout("moFrame("+w+","+col+","+frame+","+vit2+")",0)}
function FrameSize(taille){window.parent.document.body.cols=taille+",*";return true;}
function FrameGetSize(){wp=window.parent.document.body.cols;po=wp.indexOf(",");w=wp.substr(0,po);return w;}

 Conclusion

On peut par exemple créer un bouton sur lequel en cliquant on masque ou affiche la frame jumelle :
<a href='#'onClick='FrameModif(1);'><img src='base2.gif'></a>


 Sources du même auteur

Source avec Zip MENU POUR CLICK DROIT COMPATIBLE MOZILLA & IE
Source avec une capture SELECTEUR DE FICHIER SIMPLE

 Sources de la même categorie

AFFICHER OU CACHER UN COMPOSANT AVEC JAVASCRIPT V1.0 par xloadx
Source avec Zip MOOLOUPE - EFFET DE LOUPE VIA LE FRAMEWORK MOOTOOLS par Miky76
Source avec Zip MOOTOOLTIP par Miky76
Source avec Zip Source avec une capture PAINTPIX (VERSION TESTE. EXPORTATION IMAGE POUR SITE WEB) par sitajony
FONCTION BLINK ( TESTÉE SOUS FF ) PORTABILITÉ IE OP ET GC EN... par xloadx

Commentaires et avis

Commentaire de Med307 le 05/12/2005 22:47:45

Je comprends pas trop où placer ce morceau de script, de plus il me semble que certaines parties sont incorrectes à cause des commentaires mais je suis pas sûr. Pourriez vous donner plus de précisions voire meme un fichier source car ce script à l'air très utile.Merci!

Commentaire de piedpierre le 06/12/2005 18:39:54

d'abord on crée un jeux de cadres :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
</head>

<frameset rows="80,*" cols="*" frameborder="no" border="0" framespacing="0">
  <frame src="/top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
  <frameset cols="80,*" frameborder="no" border="0" framespacing="0">
    <frame src="gauche.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
    <frame src="centrale.html" name="mainFrame" id="mainFrame" title="mainFrame" />
  </frameset>
</frameset>
<noframes><body>
</body>
</noframes></html>
Ensuite 3 fichier html : top.html, gauche.html, centrale.html qui vont se loger dans les cadres, tu met le script ci dessus dans centrale.html <head><script type="text/javascript" language="javascript">
// Ici le script
</script></head>

Commentaire de ziconez le 05/05/2006 12:21:03


piedpierre
Ton script m'interrese beaucoup, mais j'ai beau essayer ton exemple, je n'arrive pas à le faire marcher.

Voilà, j'ai trois frames verticales et j'aimerai faire un effet de rideau avec les deux frames droite et gauche à l'aide d'un bouton afin d'agrandir la frame centrale. Tu dis qu'il faut copier le script dans centrale.html. j'ai essayé en mettant un bouton et le script dans les trois fenetre et cela m'envoie une insulte du genre erreur (inconnue) sur la page.

Commentaire de gaffe_82 le 22/08/2007 14:46:39

Bonjour,
j'ai essayé ton exemple, je n'arrive pas à la faire marcher moi non plus.
Qqun sait où est le problème ?
Bonne journée !

Commentaire de pipouz le 20/10/2007 00:20:39

vieux script , c bete , c'est ce que je cherche....

 Ajouter un commentaire




Nos sponsors


Sondage...

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,794 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales