Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Aide | Shop Recherche
2231 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [Javascript] Ouvrir une image dans une popup de même taille

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[Javascript] Ouvrir une image dans une popup de même taille

n°1015772
sire de Bo​tcor
Armorican way of life
Posté le 17-03-2005 à 11:49:11  profilanswer
 

Salut !
 
     Je voudrais juste un petit javascript qui permettrait d'ouvrir, dans une popup aux dimensions calculées, l'image de grande taille en rapport avec l'image cliquable de petite taille.
 
Pour l'instant, j'ai ce script :

Citation :


<SCRIPT language=javascript>
function popupimage(page,largeur,hauteur,options) {  
  var top=(screen.height-hauteur)/2;  
  var left=(screen.width-largeur)/2;  
  window.open(page,"","top="+top+",left="+left+",width="+largeur+",height="+hauteur+","+options);  
}
</SCRIPT>
 
<img src="monimage.gif" name="image" onclick='javascript: popupimage("monimage.jpg",image.width,image.height,"menubar=no,scrollbars=yes,resizable=yes,statusbar=no" )'>


 
Il a l'inconvénient d'ouvrir la petit image dans la popup et non la grande...
 
Alors j'ai remplacé par

Citation :


<IMG src=monimage2.jpg name=image2 height=0 border=0>
 
<img src="monimage.gif" name="image" onclick='javascript: popupimage("monimage2.jpg",image2.width,image2.height,"menubar=no,scrollbars=yes,resizable=yes,statusbar=no" )'>


mais ça ne marche pas... ça ouvre toujours la popup à la taille de la petit image
 
quelqu'un aurait une idée ?


---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
mood
Publicité
Posté le 17-03-2005 à 11:49:11  profilanswer
 

n°1015774
FlorentG
Unité de Masse
Posté le 17-03-2005 à 11:50:04  profilanswer
 

Y'a eu une fluctuation bizzare :heink:

n°1015788
sire de Bo​tcor
Armorican way of life
Posté le 17-03-2005 à 12:03:34  profilanswer
 

le javascript n'a pas beaucoup de succès...


---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
n°1015806
FlorentG
Unité de Masse
Posté le 17-03-2005 à 12:12:39  profilanswer
 

Oui, parce que pour ce genre de choses, il faut ouvrir l'image dans une autre page, et ne pas reposer sur javascript, pour des questions d'accessibilité, etc, etc :D

n°1015910
sire de Bo​tcor
Armorican way of life
Posté le 17-03-2005 à 13:41:17  profilanswer
 

je ne comprends pas bien...
En quoi les images seront moins accessibles dans une popup que dans une page complète ?


---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
n°1015940
FlorentG
Unité de Masse
Posté le 17-03-2005 à 13:58:23  profilanswer
 

Popup = JavaScript = ~9% d'internautes qui n'y auront pas accès

n°1015989
sire de Bo​tcor
Armorican way of life
Posté le 17-03-2005 à 14:25:16  profilanswer
 

quasiment tous les sites en utilisent pourtant...


---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
n°1015990
FlorentG
Unité de Masse
Posté le 17-03-2005 à 14:25:35  profilanswer
 

Parce que 98% des sites sont fait par des incompétents [:itm]

n°1015991
sire de Bo​tcor
Armorican way of life
Posté le 17-03-2005 à 14:26:30  profilanswer
 

FlorentG a écrit :

Parce que 98% des sites sont fait par des incompétents [:itm]


 
qui sont ceux qui n'ont pas accès au javascript ?
msie et mozilla/firefox/netscape l'acceptent


---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
n°1015993
FlorentG
Unité de Masse
Posté le 17-03-2005 à 14:28:13  profilanswer
 

C'est pas le problème. C'est juste que l'information doit être présente sans javascript. Le JS ne doit offrir qu'une valeur ajoutée facultative.
 
Désactive JS. Si t'arrives pas à accéder à 100% de l'information transmise par ton site, c'est qu'il y a un problème. Car telle est la philosophie du web : transmettre l'information avant tout, et cela repose sur l'XHTML, et uniquement l'XHTML ;)

mood
Publicité
Posté le 17-03-2005 à 14:28:13  profilanswer
 

n°1016054
sire de Bo​tcor
Armorican way of life
Posté le 17-03-2005 à 15:01:32  profilanswer
 

l'XHTML, c'est le CSS ?


---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
n°1016056
sire de Bo​tcor
Armorican way of life
Posté le 17-03-2005 à 15:03:47  profilanswer
 

Peut-être qu'il y a moyen de faire en sorte que la page s'affiche dans une popup pour les 91% d'utilisateurs lambda et dans une nouvelle fenêtre pour les autres.


---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
n°1016071
FlorentG
Unité de Masse
Posté le 17-03-2005 à 15:26:01  profilanswer
 

sire de Botcor a écrit :

l'XHTML, c'est le CSS ?


L'XHTML est le langage XML servant à la description de documents. Le CSS est un autre langage qui sert à la mise en page de documents XML.

sire de Botcor a écrit :

Peut-être qu'il y a moyen de faire en sorte que la page s'affiche dans une popup pour les 91% d'utilisateurs lambda et dans une nouvelle fenêtre pour les autres.


:jap: Suffit de mettre quelque chose genre :

<a href="/image-grande.jpeg" onclick="popup('image-grande.jpeg'); return false;"><img src="image-petite.jpeg" alt="pouet" /></a>


n°1016085
sire de Bo​tcor
Armorican way of life
Posté le 17-03-2005 à 15:33:10  profilanswer
 

merci mais ce script ouvre la nouvelle image dans la fenêtre de la petite au lieu de l'ouvrir dans une popup !...


---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
n°1016091
FlorentG
Unité de Masse
Posté le 17-03-2005 à 15:34:39  profilanswer
 

T'as pas recopié tel quel ? ;)

n°1016094
sire de Bo​tcor
Armorican way of life
Posté le 17-03-2005 à 15:37:04  profilanswer
 

J'ai ça :
<a href="b.jpg" onclick="popup('b.jpg'); return false;"><img src="a.jpg" alt="pouet"></a>
 
edit: ferais-je parti des 9% malheureux ?


Message édité par sire de Botcor le 17-03-2005 à 15:37:24

---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
n°1016096
FlorentG
Unité de Masse
Posté le 17-03-2005 à 15:37:27  profilanswer
 

Et ta fonction popup, y'a quoi dedans ?

n°1016109
sire de Bo​tcor
Armorican way of life
Posté le 17-03-2005 à 15:41:41  profilanswer
 

euh... bêtement je pensais que c'était un truc magique qui marchait sans javascript...


---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
n°1016112
FlorentG
Unité de Masse
Posté le 17-03-2005 à 15:43:55  profilanswer
 

Alala :D C'était juste un exemple ;)

n°1016119
sire de Bo​tcor
Armorican way of life
Posté le 17-03-2005 à 15:45:29  profilanswer
 

mais en fait la différence avec mon script de tout en haut c'est juste le " return false;", non ?


---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
n°1016125
FlorentG
Unité de Masse
Posté le 17-03-2005 à 15:47:40  profilanswer
 

Ouais, comme ça quand tu cliques dessus, il va pas visiter le lien spécifié dans le href.

n°1016146
sire de Bo​tcor
Armorican way of life
Posté le 17-03-2005 à 15:57:26  profilanswer
 

[:spikler]


Message édité par sire de Botcor le 17-03-2005 à 16:18:19

---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
n°1017024
sire de Bo​tcor
Armorican way of life
Posté le 18-03-2005 à 10:50:04  profilanswer
 

Alors ça y est, j'ai réussi à faire exactement ce que je voulais hier soir.
Je n'en étais plus très loin.
Il fallait simplement ajouter qq lignes de PHP afin de récupérer les infos sur l'image.

Citation :


list($width, $height, $type, $attr) = getimagesize("img/flag.jpg" );


 
et, dans l'appel de la fonction javascript, mettre <?php echo $width; ?> et <?phg echo $height; ?>
au niveau de la largeur et de la hauteur.
 
et bien sûr, ajouter "; return false;" à la fin du onClick, comme le préconisait FlorentG.
 
je mettrai le code complet et propre la semaine prochaine, je ne l'ai pas avec moi là.


---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [Javascript] Ouvrir une image dans une popup de même taille

 

Sujets relatifs
ne pas ouvrir un fichier doc dans ie[VB6] Ouvrir EXCEL
Fermer un popup quand un DL commenceprobleme de decalage d'un sous menu en javascript avec IE
Ouvrir une nouvelle fenêtreinsérer une image existante dans un fichier Word
Taille des elements d'un BorderLayoutJavascript: deux p'tites questions
[HTML/JS] Ouvrir une fenêtre en pleine page (pas "plein écran" :o )Javascript et message d'avertissement d'Internet Explorer
Plus de sujets relatifs à : [Javascript] Ouvrir une image dans une popup de même taille


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite) / Groupe LDLC / Shop HFR