[Javascript] Ouvrir une image dans une popup de même taille
Ouvrir une image dans une popup de même taille [Javascript] - HTML/CSS - Programmation
Marsh Posté le 17-03-2005 à 12:03:34
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
Marsh Posté le 17-03-2005 à 12:12:39
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 
Marsh Posté le 17-03-2005 à 13:41:17
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
Marsh Posté le 17-03-2005 à 13:58:23
Popup = JavaScript = ~9% d'internautes qui n'y auront pas accès
Marsh Posté le 17-03-2005 à 14:25:16
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
![[:itm]](https://forum-images.hardware.fr/images/perso/itm.gif "[:itm]")
Marsh Posté le 17-03-2005 à 14:26:30
| FlorentG a écrit : Parce que 98% des sites sont fait par des incompétents |
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
Marsh Posté le 17-03-2005 à 14:28:13
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 
Marsh Posté le 17-03-2005 à 15:01:32
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
Marsh Posté le 17-03-2005 à 15:03:47
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
Marsh Posté le 17-03-2005 à 15:26:01
| 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. |
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> |
Marsh Posté le 17-03-2005 à 15:33:10
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
Marsh Posté le 17-03-2005 à 15:37:04
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
Marsh Posté le 17-03-2005 à 15:41:41
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
Marsh Posté le 17-03-2005 à 15:45:29
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
Marsh Posté le 17-03-2005 à 15:47:40
Ouais, comme ça quand tu cliques dessus, il va pas visiter le lien spécifié dans le href.
Marsh Posté le 17-03-2005 à 15:57:26
![[:spikler]](https://forum-images.hardware.fr/images/perso/spikler.gif "[: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
Marsh Posté le 18-03-2005 à 10:50:04
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 : |
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
Sujets relatifs:
- ne pas ouvrir un fichier doc dans ie
- [VB6] Ouvrir EXCEL
- Fermer un popup quand un DL commence
- probleme de decalage d'un sous menu en javascript avec IE
- Ouvrir une nouvelle fenêtre
- insérer une image existante dans un fichier Word
- Taille des elements d'un BorderLayout
- Javascript: 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
Marsh Posté le 17-03-2005 à 11:49:11
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 :
<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
<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