begin process at 2012 05 29 19:06:20
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

AU SECOURS !!!

 > 

Obtenir l'évenement de fin de redimensionnement d'une fenêtre


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Obtenir l'évenement de fin de redimensionnement d'une fenêtre

jeudi 1 juillet 2004 à 11:15:11 | Obtenir l'évenement de fin de redimensionnement d'une fenêtre

lacouine


Bonjour,

Cela fait plusieurs jours que je penche là dessus pour savoir si il est possible d'obtenir l'évenement de fin de redimensionnement d'une fenêtre.

J'ai essayé avec la fonction resizeend du body... mais cela ne marche pas... et ce, même sous IE 6.0

Quelqu'un aurait-il un suggestion ?!?

D'avance merci...

Anthony
jeudi 1 juillet 2004 à 12:03:46 | Re : Obtenir l'évenement de fin de redimensionnement d'une fenêtre

bultez

Membre Club
Bonjour,
onresize="fonction();"
définition dans selfhtml.com.fr :
On utilise, pour la surveillance de la taille de la fenêtre le
gestionnaire d'événement onResize. Ce gestionnaire
d'événement entre en action quand l'utilisateur modifie la
taille de la fenêtre. Vous pouvez affecter une fonction, qui
est exécutée lors des modifications de taille, à ce
gestionnaire d'événement .
est-ce réellement en fin de resize ?
et est-ce si important ?
que faut-il faire de particulier ?
Cordialement Bul. [Site] [Mail]
jeudi 1 juillet 2004 à 15:40:32 | Re : Obtenir l'évenement de fin de redimensionnement d'une fenêtre

lacouine

Bon, je ne me suis pas bien expliqué à mon premier post. Bien entendu, cela va de soi que j'ai déjà essayé avec le onresize...

Mon problème est que je souhaiterais fixer la taille d'une fenetre dans la fonction du resize est le même. (et ce proportionnelement selon les dimensions initiales de la fenêtre.)

Le problème est qu'avec Onresize, j'ai un appel récursif à cette fonction lorsque je fais un setsizeto()... Jusque là vous allez me dire NORMAL... et je vous répond oui... du coup, j'ai essayé de me dépatouiller avec un boolean... et là, c'est le drame.... je comprend rien à ce qu'il se passe... Mon code a un comportement assez bizarre... Il rentre malgré tout dans le resize après avoir cependant forcé à un le boolean qui devrait m'empêcher de y aller...

Voici mon code... simplifié pour plus de clarté... C une fenêtre type pop up appelé d'une autre page... sans menu, sans task bar... sans scroll... juste contenant une applet...

<HTML>

<HEAD>

<TITLE>Resizable Applet Demo</TITLE>
</HEAD>
<BODY onLoad="start()" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" onblur="self.focus();" >

<SCRIPT LANGUAGE="JavaScript">
var normalWidth=0;
var normalHeight=0;
var bResizeWidth=new Boolean(true);

function start(){
normalWidth=document.body.clientWidth;
normalHeight=document.body.clientHeight;
resize();
}

window.onresize = function resize0() {
if(!bResizeWidth){
bResizeWidth=true;
}else {
bResizeWidth=false;
resize();
}
}

function resize(){
w_newWidth=document.body.clientWidth;
w_newHeight=document.body.clientHeight;

var ratio=w_newHeight/normalHeight;
document.myApplet.setSize(normalWidth*ratio,w_newHeight);
self.window.resizeTo(normalWidth*ratio,document.body.clientHeight);
</SCRIPT>

<APPLET>....myApplet </APPLET>

</BODY>


</HTML>

D'ou l'idée d'avoir le onresizeend... a priori il devrait marché selon la MSDN... (Cf. http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/objects/body.asp) mais niet... que dalle, ca ne veut pas... Il définit la fonction... mais le browser ne semble pas la connaitre et prtt je suis en IE 6.0

Si quelqu'un a quelconque suggestion, merci d'avance...

Anthony

jeudi 1 juillet 2004 à 15:54:44 | Re : Obtenir l'évenement de fin de redimensionnement d'une fenêtre

lacouine


Le même code que précédement avec des commentaires pour illustrer le probleme... A faire fonctionner en lancant la page à partir d'un window.open... (nom de la page.html...)

<HTML>

<HEAD>

<TITLE>Resizable Applet Demo</TITLE>
</HEAD>
<BODY onLoad="start()" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" onblur="self.focus();" >

<SCRIPT LANGUAGE="JavaScript">
var normalWidth=0;
var normalHeight=0;
var bResizeWidth=new Boolean(true);

function start(){
normalWidth=document.body.clientWidth;
normalHeight=document.body.clientHeight;
resize();
}

window.onresize = function resize0() {
if(!bResizeWidth){
alert("PENDANT RESIZE -"+document.body.scrollWidth+" - "+document.body.clientHeight);
bResizeWidth=true;
}else {
bResizeWidth=false;
resize();
}
}

function resize(){
w_newWidth=document.body.clientWidth;
w_newHeight=document.body.clientHeight;

var ratio=w_newHeight/normalHeight;
alert("AVANT RESIZE -"+document.body.scrollWidth+" - "+document.body.clientHeight+" RATIO -> "+ratio);
<!-- document.myApplet.setSize(normalWidth*ratio,w_newHeight);-->
self.window.resizeTo(normalWidth*ratio,document.body.clientHeight);
alert("APRES RESIZE -"+document.body.scrollWidth+" - "+document.body.clientHeight+" RATIO -> "+ratio);
}
</SCRIPT>
<!--
<APPLET NAME="myApplet" CODE="Applet_SIATEL.class" width="100%" height="100%">
<param name="lang" value="en">
<param name="url" value="http://localhost/java/Applet_SIATEL_1.09/classes/example1.xml">
</APPLET>
-->

</BODY>

</HTML>
jeudi 1 juillet 2004 à 15:56:10 | Re : Obtenir l'évenement de fin de redimensionnement d'une fenêtre

lacouine


Sorry... celui là plutot... :

<HTML>

<HEAD>

<TITLE>Resizable Applet Demo</TITLE>
</HEAD>
<BODY onLoad="start()" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" onblur="self.focus();" >

<SCRIPT LANGUAGE="JavaScript">
var normalWidth=0;
var normalHeight=0;
var bResizeWidth=new Boolean(true);

function start(){
normalWidth=document.body.clientWidth;
normalHeight=document.body.clientHeight;
resize();
}

window.onresize = function resize0() {
if(!bResizeWidth){
alert("PENDANT RESIZE -"+document.body.clientWidth+" - "+document.body.clientHeight);
bResizeWidth=true;
}else {
bResizeWidth=false;
resize();
}
}

function resize(){
w_newWidth=document.body.clientWidth;
w_newHeight=document.body.clientHeight;

var ratio=w_newHeight/normalHeight;
alert("AVANT RESIZE -"+document.body.clientWidth+" - "+document.body.clientHeight+" RATIO -> "+ratio);
document.myApplet.setSize(normalWidth*ratio,w_newHeight);
self.window.resizeTo(normalWidth*ratio,document.body.clientHeight);
alert("APRES RESIZE -"+document.body.clientWidth+" - "+document.body.clientHeight+" RATIO -> "+ratio);
}
</SCRIPT>

<APPLET NAME="myApplet" CODE="Applet_SIATEL.class" width="100%" height="100%">
<param name="lang" value="en">
<param name="url" value="http://localhost/java/Applet_SIATEL_1.09/classes/example1.xml">
</APPLET>


</BODY>

</HTML>
jeudi 1 juillet 2004 à 15:56:34 | Re : Obtenir l'évenement de fin de redimensionnement d'une fenêtre

lacouine


Sorry... celui là plutot... :

<HTML>

<HEAD>

<TITLE>Resizable Applet Demo</TITLE>
</HEAD>
<BODY onLoad="start()" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" onblur="self.focus();" >

<SCRIPT LANGUAGE="JavaScript">
var normalWidth=0;
var normalHeight=0;
var bResizeWidth=new Boolean(true);

function start(){
normalWidth=document.body.clientWidth;
normalHeight=document.body.clientHeight;
resize();
}

window.onresize = function resize0() {
if(!bResizeWidth){
alert("PENDANT RESIZE -"+document.body.clientWidth+" - "+document.body.clientHeight);
bResizeWidth=true;
}else {
bResizeWidth=false;
resize();
}
}

function resize(){
w_newWidth=document.body.clientWidth;
w_newHeight=document.body.clientHeight;

var ratio=w_newHeight/normalHeight;
alert("AVANT RESIZE -"+document.body.clientWidth+" - "+document.body.clientHeight+" RATIO -> "+ratio);
<!--document.myApplet.setSize(normalWidth*ratio,w_newHeight);-->
self.window.resizeTo(normalWidth*ratio,document.body.clientHeight);
alert("APRES RESIZE -"+document.body.clientWidth+" - "+document.body.clientHeight+" RATIO -> "+ratio);
}
</SCRIPT>
<!--
<APPLET NAME="myApplet" CODE="Applet_SIATEL.class" width="100%" height="100%">
<param name="lang" value="en">
<param name="url" value="http://localhost/java/Applet_SIATEL_1.09/classes/example1.xml">
</APPLET>

-->
</BODY>

</HTML>
jeudi 1 juillet 2004 à 16:39:31 | Re : Obtenir l'évenement de fin de redimensionnement d'une fenêtre

bultez

Membre Club
_alors déjà, ne pas appeller la fonction resize
mais redim par exemple, sinon boucle do
infernale.
_ window.onresize = function resize0() {
if(!bResizeWidth){ ...
ça ne vas pas : faire par exemple
<body onresize="redim();">
ou window.onresize=redim(); pas sûr que
les ( ) soit à mettre.
puis
var variable_globale=false;
function redim()
{ if (!variable_globale)
{ variable_globale=true;
faire le travail ....
variable_globale=false; } }
Cordialement Bul. [Site] [Mail]
vendredi 2 juillet 2004 à 09:42:19 | Re : Obtenir l'évenement de fin de redimensionnement d'une fenêtre

lacouine

Ca ne fonctionne pas non plus...

Pourrais-tu essayer de ton côté s'il te plaît... (avec le code ci dessus...) ainsi tu pourrais mieux te rendre compte du comportement bizarre de ce code... avec les appels intempestifs de resize...

Merci d'avance de m'aider car là, je suis vraiment bloqué avec ce satané ggggggrrrrrrrrr... Cela m'enleverait vraiment une épine du pied...

Anthony
vendredi 2 juillet 2004 à 10:27:20 | Re : Obtenir l'évenement de fin de redimensionnement d'une fenêtre

bultez

Membre Club

<HTML>
<HEAD>
<TITLE></TITLE>
<script type="text/javascript">
function redim()
{ if (!encours)
{ encours=true;
self.resizeTo(500,300);
encours=false; } }
</script>
</HEAD>
<BODY onload="redim();">
<script type="text/javascript">
var encours=false;
window.onresize=redim;
</script>
</BODY></HTML>

fonctionne sans souci,
taille 500,300 pour exemple,
à adapter ....
Cordialement Bul. [Site] [Mail]


Cette discussion est classée dans : fin, fenêtre, obtenir, redimensionnement, évenement


Répondre à ce message

Sujets en rapport avec ce message

Largeur de la fenêtre [ par iwaweb ] J'ai crée un script où j'utilise document.body.clientWidth pour obtenir la largeur de la fenêtre. Cela marche sous Netscape 7.0 mais pas sous Netscape Redimensionnement auto de fenêtre popup [ par khroh ] Bonjour, Voici donc mon problème : J'ai une page, avec une image (carte) mappée, qui envoi sur différentes pages. Pour les éléments nécéssitant pas ma Comment obtenir le focus? [ par Tanaka56 ] Bonjour.J'aimerais obtenir le focus au chargement de ma page sur le premier champ.   <font face="Verdana" Focus sur l'appelant depuis l'appelé [ par RegVB ] Bonjour à tous,Voilà ma situation : j'ai une page (asp.net) depuis laquelle j'ouvre une nouvelle fenêtre afin que l'utilisateur puisse effectuer un tr propriétés fenêtre principale [ par rinascimento ] je débute et donc je cherche une chose qui semble assez basique... Comment supprimer la barre d'adresse de la fenêtre principale? J'ai déjà fait un "r Passage variable Popup à fenêtre mère. [ par Shenron42000 ] 'Soir à tous...Voila, j'ai un petit souci pour le passage d'une variable provenant d'une popup, à sa fenêtre mère...Je commence par le début, j'ai une Fermeture d'une fenêtre au bout de x secondes [ par Flux__ ] Bonjour,Pourriez-vous m'aider sur la façon de procéder pour créer une fonction qui prend en paramètre le temp d'affichage d'un popup puis le ferme ?Ex Redirection vers une autre fenêtre [ par skit ] Hellow tous Ca fait 2 jours que je butte sur un p'tit quelque chose... Je ne sais pas le résoudre ni en html ni en php ni en js et window.opener.frames....etc, etc... [ par sylvebarbe ] Bonjour à tous, Je suis tombé sur un truc inextricable avec des frames et une fenêtre popup que je n'arrive pas à résoudre. J'ai beau chercher dans to Fermer avec window.open [ par lavm01 ] Bonjour,J'ouvre une fenetre à partir de ma page principal (index.htm) qui est sur un serveur, comme ceci:entre et


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
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 : 3,463 sec (3)

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