[javascript]resize

resize [javascript] - HTML/CSS - Programmation

Marsh Posté le 20-01-2003 à 15:02:00    

Salut
j'ouvre une pop up .  
Cette pop up contient une image est du texte qui change a chaque fois.
je connais donc pas la taille que je dois donner pour ouvrir la pop up.
Pour cela je redimensionne la pop up avec le script ci dessous mais il ne fonctionne pas .
vous pouvez voir le prob en cliqaunt sur les vignettes de la partie my work http//moi.independza.com
 
function resizeOuterTo(w,h) {
if (parseInt(navigator.appVersion)>3) {
if (navigator.appName=="Netscape" ) {
top.outerWidth=w;
top.outerHeight=h;
}
else top.resizeTo(w,h);
}
}
<body onload="resizeOuterTo(document.getElementById('montableau';).clientWidth, document.getElementById('montableau';).clientheight);>


Message édité par bol972 le 20-01-2003 à 15:04:09

---------------
http://www.independza.com
Reply

Marsh Posté le 20-01-2003 à 15:02:00   

Reply

Marsh Posté le 20-01-2003 à 15:25:45    

bol972 a écrit :

Salut
j'ouvre une pop up .  
Cette pop up contient une image est du texte qui change a chaque fois.
je connais donc pas la taille que je dois donner pour ouvrir la pop up.
Pour cela je redimensionne la pop up avec le script ci dessous mais il ne fonctionne pas .
vous pouvez voir le prob en cliqaunt sur les vignettes de la partie my work http//moi.independza.com
 
function resizeOuterTo(w,h) {
if (parseInt(navigator.appVersion)>3) {
if (navigator.appName=="Netscape" ) {
top.outerWidth=w;
top.outerHeight=h;
}
else top.resizeTo(w,h);
}
}
<body onload="resizeOuterTo(document.getElementById('montableau';).clientWidth, document.getElementById('montableau';).clientheight);>


 
un tit coup de main


---------------
http://www.independza.com
Reply

Marsh Posté le 20-01-2003 à 15:41:53    

C'est bête de passer par du javascript pour faire ça. En php, ya getimagesize. Toi tu es en asp, il doit y avoir une fonction équivalente qui va te donner la largeur et la hauteur de ton image sur le serveur. Après, il te reste seulement à générer la ligne de javascript pour ouvrir le popup avec les bonnes dimensions. ;)
 
En javascript, c'est plus lourd, et ça passera pas partout.


Message édité par Hermes le Messager le 20-01-2003 à 15:56:32
Reply

Marsh Posté le 20-01-2003 à 15:50:15    

Hermes le Messager a écrit :

C'est bête de passer par du javascript pour faire ça. En php, ya getimagesize. Toi tu es en asp, il doit y avoir une fonction équivalente qui va te donner l'abscisse et l'ordonnée de ton image sur le serveur. Après, il te reste seulement à générer la ligne de javascript pour ouvrir le popup avec les bonnes dimensions. ;)
 
En javascript, c'est plus lourd, et ça passera pas partout.  


 
cette fonction getimagesize ne me donne que les dimensions de l'images comment je fais pour mon commentaire en dessous ?


---------------
http://www.independza.com
Reply

Marsh Posté le 20-01-2003 à 15:55:53    

Tu laisses un espace réservé pour le texte et tu l'additionne à la hauteur de l'image pour obtenir la hauteur du popup. En effet, je ne vois pas comment tu pourrais prévoir la dimension du popup avec le texte. (cela dépend de trop de facteurs).

Reply

Marsh Posté le 20-01-2003 à 16:00:09    

Hermes le Messager a écrit :

Tu laisses un espace réservé pour le texte et tu l'additionne à la hauteur de l'image pour obtenir la hauteur du popup. En effet, je ne vois pas comment tu pourrais prévoir la dimension du popup avec le texte. (cela dépend de trop de facteurs).
 


 
c'est pour ca que je voulais prendre la taille du tableau


---------------
http://www.independza.com
Reply

Marsh Posté le 20-01-2003 à 16:02:09    

Tu ne pourras pas la connaitre à l'avance (la taille du tableau). Tu ne peux connaitre que la taille de l'image. Mais qu'est-ce qui te dérange ?
 
Tu as la taille de l'image + celle que va occuper ton texte = la taille du popup non ?
Il suffit que tu réserves un espace fixe pour ton texte.

Reply

Marsh Posté le 20-01-2003 à 16:08:20    

Hermes le Messager a écrit :

Tu ne pourras pas la connaitre à l'avance (la taille du tableau). Tu ne peux connaitre que la taille de l'image. Mais qu'est-ce qui te dérange ?
 
Tu as la taille de l'image + celle que va occuper ton texte = la taille du popup non ?
Il suffit que tu réserves un espace fixe pour ton texte.


le problème ce que cette gallerie est dynamique.  
la taille de la pop up change a chaque fois pour chaque vignette
La taille de l'image et le commentaire qui l'accompagne sont différent pour chaque vignette
je comprends pas comment je peux allouer la taille pour mon texte car je connais pas la taille a l'avance
pe que je me trompe aussi


---------------
http://www.independza.com
Reply

Marsh Posté le 20-01-2003 à 16:14:38    

Ben tu peux bêtement utiliser un div avec un scroll comme tu l'as fait dans ta page d'accueil. Donc, ta taille pour le texte sera fixe. Ensuite, la taille de l'image, tu peux la connaitre comme je te l'ai déjà dit. Donc une simple addition, et c'est bon. (Faut juste que tu saches comment connaitre les dimensions d'une image avec asp, mais ça doit pas être bien sorcier).

Reply

Marsh Posté le 20-01-2003 à 16:20:44    

Hermes le Messager a écrit :

Ben tu peux bêtement utiliser un div avec un scroll comme tu l'as fait dans ta page d'accueil. Donc, ta taille pour le texte sera fixe. Ensuite, la taille de l'image, tu peux la connaitre comme je te l'ai déjà dit. Donc une simple addition, et c'est bon. (Faut juste que tu saches comment connaitre les dimensions d'une image avec asp, mais ça doit pas être bien sorcier).
 


pour la taille de l'image il y a ce composant qui me permet de la trouver avec le composant  IMAGE SIZE
mais en fait je voulais passer par un javascript pour ne pas avoir a utiliser un calque car je crois qu'il ne fonctionne pas sur tout les navigateurs
ou as tu veux que j'utilisais un calque ?


---------------
http://www.independza.com
Reply

Marsh Posté le 20-01-2003 à 16:20:44   

Reply

Marsh Posté le 20-01-2003 à 16:33:39    

Ben dans ta page d'accueil non ? A moins que ce soit une iframe...  :whistle:

Reply

Marsh Posté le 20-01-2003 à 16:36:21    

Hermes le Messager a écrit :

Ben dans ta page d'accueil non ? A moins que ce soit une iframe...  :whistle:  


ce sont des iframes
si j'ai bien compris je peux pas redimensionner ma page  
selon la taille de mon tableau  
il faut redimensionne ma page avec la taille de mon image + j'alloue un taille pour un texte et d'utiliser un srcoll dans un calque ? c ca
comment fait on scroll dans un claque
 


Message édité par bol972 le 20-01-2003 à 16:39:33

---------------
http://www.independza.com
Reply

Marsh Posté le 20-01-2003 à 16:40:04    

Ben fais une Iframe alors.  :D  
 
De toutes manières, laisser la possibilité à un popup de s'aggrandir démesurément, c'est pas non plus très cool.  :D

Reply

Marsh Posté le 21-01-2003 à 14:12:38    

Hermes le Messager a écrit :

Ben fais une Iframe alors.  :D  
 
De toutes manières, laisser la possibilité à un popup de s'aggrandir démesurément, c'est pas non plus très cool.  :D  


voila j'ai suivis ton conseil j'ai mis une iframe mais maintenant j'ai un prob sous mozilla
la pop ne se redimensionne pas exactement au taille de l'image poutant ca marche sous ie
ca pe du a quoi?
j'ai utilisé un composant pour connaitre la taille de l'image


---------------
http://www.independza.com
Reply

Marsh Posté le 21-01-2003 à 17:34:53    

C'est un bug connu de Mozilla (je me demande d'ailleurs s'il n'a pas été corrigé dans la version 1.2
 
Pour éviter ça, il faut prévoir un popup un peu plus grand à la fois en hauteur et en largeur que nécessaire, avec un fond noir par exemple dans ton cas, et en centrant le future contenu.
 
Mais par contre, je vois que tu n'as pas fait comme je t'ai dit.
 
Je t'ai dit, que le plus pratique est d'utiliser ASP (dans mon cas PHP) pour calculer la taille de ton popup AVANT de l'afficher et non PENDANT avec du javascript qui posera problème avec plein de navigateurs. ;)

Reply

Marsh Posté le 21-01-2003 à 17:39:02    

Hermes le Messager a écrit :

C'est un bug connu de Mozilla (je me demande d'ailleurs s'il n'a pas été corrigé dans la version 1.2
 
Pour éviter ça, il faut prévoir un popup un peu plus grand à la fois en hauteur et en largeur que nécessaire, avec un fond noir par exemple dans ton cas, et en centrant le future contenu.
 
Mais par contre, je vois que tu n'as pas fait comme je t'ai dit.
 
Je t'ai dit, que le plus pratique est d'utiliser ASP (dans mon cas PHP) pour calculer la taille de ton popup AVANT de l'afficher et non PENDANT avec du javascript qui posera problème avec plein de navigateurs. ;)
 


j'ai mal lue :d


---------------
http://www.independza.com
Reply

Marsh Posté le 21-01-2003 à 18:10:30    

enfin j'ai fais comme tu m'a dis ca marche sur ie mac et ie mozilla  
comme tu as l'air de bien t'y connaitre en javascript
j'utilise un scrip pour la section pick of the week
quand tu cliques sur une des vignettes  
le script ne fonctionne que sur ie pc et mozilla pc et mac
ca ne passe pas sous opera et ie mac , ( jai pas safari j'ai pas peu tester dessus)
voila le script que j'utilise

Code :
  1. <script language="JavaScript" type="text/JavaScript">
  2. <!--
  3. function PopupCentrer(page)
  4. {
  5.   imagePOP     = new Image();
  6.   imagePOP.src = page;
  7.   nbf          = 0;
  8.   affiche();
  9. }
  10. function affiche()
  11. {
  12.   if (imagePOP.width != 0) {setTimeout("pop()",0);return;}
  13.   nbf++
  14.   if (nbf<200) {setTimeout("affiche()",20);return;}
  15. }
  16. function pop()
  17. {
  18.   largeur = imagePOP.width;
  19.   hauteur = imagePOP.height;
  20.   ttop=(screen.height-hauteur)/2;
  21.   tleft=(screen.width-largeur)/2;
  22.   POPUP = window.open("","affiche","top="+ttop+",left="+tleft+",width="+largeur+",height="+hauteur+",menubar=no,scrollbars=no,statusbar=no" );
  23.   POPUP.document.write("<head><title>Image de la semaine.....................................</title></head><body onBlur=window.close() MARGINWIDTH=0 MARGINHEIGHT=0><img name='img' style='position:absolute;top:0;left:0;' src='"+imagePOP.src+"' border=0 alt=''></body>" );
  24.   POPUP.document.close();
  25.   POPUP.focus();
  26. }
  27. function aproposde(theURL,winName,features)
  28. {
  29. window.open(theURL,winName,features);
  30. }
  31. //-->
  32. </script>


---------------
http://www.independza.com
Reply

Marsh Posté le 21-01-2003 à 18:57:42    

Il est stupide d'utiliser une fonction en javascript alors que tu disposes d'ASP sur ton serveur.
 
GENERE 3 lignes de JS et d'HTML via ASP pour ça ! C'est mille fois plus pratique et plus simple, et tu n'auras aucun problème de compatibilité. ;)
 

Reply

Marsh Posté le 21-01-2003 à 19:09:11    

Hermes le Messager a écrit :

Il est stupide d'utiliser une fonction en javascript alors que tu disposes d'ASP sur ton serveur.
 
GENERE 3 lignes de JS et d'HTML via ASP pour ça ! C'est mille fois plus pratique et plus simple, et tu n'auras aucun problème de compatibilité. ;)
 
 


ok je cherche la taille de l'image en asp  
mais il est possible d'ouvrir un pop up directement via l'image ?


---------------
http://www.independza.com
Reply

Marsh Posté le 21-01-2003 à 19:52:32    

ok j'ai trouve


---------------
http://www.independza.com
Reply

Sujets relatifs:

Leave a Replay

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