Il y a 30 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici

 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet :

Popup javascript

 
n°57336
storm
Posté le 15-04-2007 à 02:31:19  profilanswer
 

Bonjour,  
 
j'utilise un popup en javascript pour afficher une image en plus grand (miniature --> taille réelle) mais je n'arrive pas à mettre un commentaire en dessous de l'image (comme sur les popups image de matbe avec "Pour fermer la fenêtre...." ) dans la fenêtre popup (voir même idéalement au dessus de l'image).  
 
Est-ce que quelqu'un sait comment on fait pour ajouter du texte dans une fenêtre popup?
 
Merci d'avance  :) .


---------------
Better to die on your feet than to live on your knees...
n°57337
LostSoul
Manieur de hache
Posté le 15-04-2007 à 07:47:13  profilanswer
 

ben une fenêtre qu'elle soit de popup ou pas c'est une page HTML ...
 
Je suppose que ce que tu fais c'est ouvrir directement l'image dans ton popup  genre  window.open('machin.jpg","image"," ..." );
 
Deux solutions s'offrent à toi
1. Tu peux utiliser un langage coté serveur (php, asp, machin ou autre)
 
-> window.open("viewer.asp?pic=machin.jpg","image"," ... " );
 
2. Tu es en full statique, auquel cas la solution est de créer une page html pour chaque image
 
-> window.open("machin.jpg.html","image"," ... " );
 
3. Via loe DOM tu écris directement le code html de ton popup
 
->  
newWnd = window.open("blankpage.html","image"," ... " );
newWnd.document.write("<html><head><title> ... </title></head><body><img src=\"machin.jpg\" alt=\"photo machin\"/><br/><a href=\"javascript:self.close();\">Fermer la fenêtre</a></html>" );
 
(blankpage.html est une page totalement vide)


---------------
In Girum Imus Nocte Et Consumimur Igni
In-Wonderland - Blog - Start64
n°57339
Ashe
reenignE esreveR
Posté le 15-04-2007 à 10:42:15  profilanswer
 

Code :
  1. function popup( img, comment )
  2. {
  3.     var wnd = window.open( 'popupimage.html', .. );
  4.     var img = wnd.getElementById( 'limage' );
  5.     var commentaire = wnd.getElementById( 'commentaire' );
  6.     img.src = img;
  7.     commentaire.innerHTML = comment;
  8. }
  9. popup( 'blah.jpg', 'hello world' );
 

<html>
<head><title>..</title></head>
<body>
<img id="limage" src="" alt="" onclick="self.close();" title="Fermer" />
<div id="commentaire"></div>
</body>
</html>


Message édité par Ashe le 15-04-2007 à 10:43:28

---------------
Globe trotter/SDF - Namur, Belgique
Joy, beautiful spark of the gods, Daughter of Elysium, We enter fire imbibed, Heavenly, thy sanctuary.
Trombi Matbe
n°57340
LostSoul
Manieur de hache
Posté le 15-04-2007 à 10:52:17  profilanswer
 

Ah ben voilà 4e solution :p


---------------
In Girum Imus Nocte Et Consumimur Igni
In-Wonderland - Blog - Start64
n°57341
Ashe
reenignE esreveR
Posté le 15-04-2007 à 10:56:20  profilanswer
 

(3,5, c'est un peu pareil que ta 3eme :p)


---------------
Globe trotter/SDF - Namur, Belgique
Joy, beautiful spark of the gods, Daughter of Elysium, We enter fire imbibed, Heavenly, thy sanctuary.
Trombi Matbe

Aller à :
Ajouter une réponse