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

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Function & Méthodes

 > 

popup images


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

popup images

jeudi 10 janvier 2008 à 11:15:04 | popup images

meego

Bonjour ,

Debutant je me suis lancé dans l'elaboration d'un script ( Avec l'aide du net ) permattant de creer des popup avec une image a l'interieur. (
Le probleme que j'ai c'est que qund je clique sur l'image en question la fenetre popup s'ouvre mais avec toutes les images qye j'ai en lien.
Ma question est donc :  Comment faire pour que le popup affiche l'immage en question et pas toutes les images mises en lien.

j'ai regarder pas mal de script et je comprend toujours pas mon erreur.
Merci de votre aide
Romain

voici le scrip en question



<html>
<head>
<title></title>

<script type="text/javascript">
<!-- Debut

function ImageMax(chemin)
   {
   html = '<html> <head> <title>ImageMax</title> </head> <body onBlur="top.close()">
   <IMG src="'+chemin+'" BORDER=0 NAME=ImageMax onLoad="window.resizeTo(document.ImageMax.width+10, document.ImageMax.height+30)">
   </body></html>';
   popupImage =    window.open('','_blank','toolbar=0, location=0, directories=0, menuBar=0, scrollbars=0, resizable=1');
   popupImage.document.open();
   popupImage.document.write(html);
   popupImage.document.close()
   };

// fin du script -->
</script>

</head>
<body>
    <a href="#" onclick="ImageMax('photoexplorer/images/xorg-max.jpg');">
    <img src="photoexplorer/images/xorg.jpg"></a>

    <a href="#" onclick="ImageMax('photoexplorer/images/sharksmall.jpg');">
    <img src="photoexplorer/images/sharksmall.jpg"></a>

    <a href="#" onclick="ImageMax('photoexplorer/images/vegetacopy.jpg');">
    <img src="photoexplorer/images/vegetacopy.jpg"></a>


   

</body>
</html>


jeudi 10 janvier 2008 à 12:47:28 | Re : popup images

bultez

Membre Club


Bonjour,

    j'ai probablement mal compris le problème....
    j'ai modifié un peu, car les retours à la ligne gènent,
       et remplacé html par h ( on ne sait jamais )


   var h = '<html> <head> <title>ImageMax</title> </head> <body onBlur="top.close()">'+
   '<IMG src="'+chemin+'" BORDER=0 NAME=ImageMax onLoad="window.resizeTo(document.ImageMax.width+10, document.ImageMax.height+30)">'+
   '</body></html>';
   popupImage =    window.open('','_blank','toolbar=0, location=0, directories=0, menuBar=0, scrollbars=0, resizable=1');
   popupImage.document.open();
   popupImage.document.write(h);
   popupImage.document.close()


    et ça baigne
    ( enfin... aux resize, paramétrage des barres... près
       comme j'oblige tout à s'ouvrir dans un nouvel onglet,
       ça n'a aucun effet, je pense d'ailleurs que quasi tout
       le monde agit comme ça, et refuse aussi les pop-up )



                Cordialement            Bul         «mon Site»     «M'écrire»
jeudi 10 janvier 2008 à 13:43:26 | Re : popup images

meego

desolé je me suis mal expliqué...
j'ai plusieurs images en vigniettes (thumbnail) , quand je clique sur une image je souhaite faire apparaitre cette image dans une nouvelle fenetre popup.
Mon probleme est que quand je clique sur une image , le popup s'ouvre mais avec toutes les images alors que je souhaite en avoir une seul , l'image cliquée au depart...

je pense que le probleme vien du <a href et non de la fonction qui permet de creer le popup.

Merci ,

romain
jeudi 10 janvier 2008 à 14:05:46 | Re : popup images

bultez

Membre Club


si tu me répètes la même chose, je ne peux que te répondre la même chose.

aux rectifications près apportées ( et aux restrictions citées) , avec les navigateurs
dont je dispose ( IE7, Opera, FF, k-meleon, safari ), et avec windows.xp ;o))
tout baigne, et le pop-up n'affiche bien qu'une image.

je pense que tu crois voir la pop-up et en réalité tu vois le même page
    car tu dois avoir une erreur que j'ai peut-être corrigée dans mes
    modifs.

à propos ( ça aide ) :

				
						
¡--------¡----------------------------------------------------------¡
|FireFox |regarder la "console d'erreurs" |
| | Outils / Console d'erreurs |
| | |
| | et mieux, télécharger FireBug |
|--------|----------------------------------------------------------|
|Internet|activer le deboggage : Outils/options Internet/Avancés |
|Explorer| dans la liste, sous "Navigation" : décocher |
| | ° Afficher une notification de chaque erreur de script |
| | ° Désactiver le débogage de Scripts (Internet Explorer) |
| | |
| | et mieux, télécharger le Debogger IE |
|--------|----------------------------------------------------------|
|K-Meleon|regarder la "console d'erreurs" |
| | Outils / Console d'erreurs |
|--------|----------------------------------------------------------|
|Opera |regarder la "console d'erreurs" |
| | Outils / Avancé / Console d'erreurs |
|--------|----------------------------------------------------------|
|Safari |regarder Debug / Show JavaScript Console |
| | |
| |modif Fichier "Support:\Documents and Settings\utilisateur|
| |\Application Data\Apple Computer\Safari\Preferences.plist"|
| | y ajouter <key>IncludeDebugMenu</key> |
| | <true/> |
!--------!----------------------------------------------------------!

    ou alors ne comprends-je rien à rien ?
    mais je répète, avec mes modifs : ça baigne.


                Cordialement            Bul         «mon Site»     «M'écrire»
jeudi 10 janvier 2008 à 14:08:11 | Re : popup images

meego

ok cool
je vais essayer de gerer tous ca.
c'est peut etre firefox qui foire...
Merci de l'info
jeudi 10 janvier 2008 à 14:32:11 | Re : popup images

meego

salut ,

j'ai incoporé tes modifs dans le code javascrip .
quand je clique sur l'image cela  m'ouvre une fenetre pop-up ou j'ai bien l'image en question mais aussi les images de mes autres href .

<a href="#" onclick="ImageMax('photoexplorer/images/xorg.jpg');">
    <img src="photoexplorer/images/xorg.jpg"></a>

    <a href="#" onclick="ImageMax('photoexplorer/images/sharksmall.jpg');">
    <img src="photoexplorer/images/sharksmall.jpg"></a>

    <a href="#" onclick="ImageMax('photoexplorer/images/vegetacopy.jpg');">
    <img src="photoexplorer/images/vegetacopy.jpg"></a>

En gros j'ai ces trois images si dans ma fenetre alors que je ne souhaite que la 1ere ou la seconde etc... en fonction d'ou je clique.
si je clique sur l'image xorg.jpg , je souhaite avoir seulement cette image dans le pop-up et pas les autres.


jeudi 10 janvier 2008 à 14:40:14 | Re : popup images

bultez

Membre Club
>> je souhaite avoir seulement cette image dans le pop-up et pas les autres.
    désolé... mais c'est ce qui se passe.
    tu dois bloquer sur je ne sais quoi ou je ne comprend pas...

                Cordialement            Bul         «mon Site»     «M'écrire»
jeudi 10 janvier 2008 à 14:43:22 | Re : popup images

meego

ouaip c'est bizarre ,j'y comprend rien car quand je clique l'image apparait mais si j'etire la fenetre , je remarque qu'il y a dans la meme fenetre pop-up les autre images.
Mais merci pour l'info c'est cool ,  le scrip fonctionne alors ?.
jeudi 10 janvier 2008 à 14:51:16 | Re : popup images

meego

voila que maintenant j'enleve toutes mes photos du repertoire photo , j'en remet une , je change mon href et la ,   dans la fenetre il n'y a plus d'image....
Vive la prog..
c'est pas facile au debut putain
jeudi 10 janvier 2008 à 14:55:14 | Re : popup images

bultez

Membre Club


>>mais si j'etire la fenetre , je remarque qu'il y a dans la meme fenetre pop-up les autre images.
non....
peut-être éviter ImageMax comme nom à l'image qui est déjà une fonction
     ça ne fonctionnera d'ailleurs probablement qu'avec IE ou Opera, avec les autres
    navigateurs il faudrait un ID sur l'image et utliser document.getElementById


                Cordialement            Bul         «mon Site»     «M'écrire»

1 2 3

Cette discussion est classée dans : images, script, question, popup, popupimage


Répondre à ce message

Sujets en rapport avec ce message

Fonction qui permet de fermer une popup après le chargement de cette popup [ par Nabel ] Bonjour, bonjour,Voilà, j'ai fait un script ASP qui permet de créer un ficheir xls sur le serveur, or, je ne veux pas que ce ficheir reste sur le serv [n00b] Question sur les variables [ par Blutch ] bijour bijournvoila voila, j'ai un probleme je souhaierai mettre en place une page avec dedans un script ^^ qui seré aléatoire, exemple le lundi ce sc Système d'agrandissement d'images [ par MastaKillah ] Salut, je suis en train de concevoir un site et je teste en ce moment plusieurs idées que ce soit pour les images, les menus, les musiques d'arrière-p problème paramétrage popup image javascript [ par roya ] Bon g voulu faire un script ki ouvre une image dans une popup (de la taille de l'image) en cliquant sur une vignette !ça marche mais g des images plus pop up [ par clauddy03 ] Bonjours, je suis novice et j'ai trouvé un script tres bien pour afficherdes popup d'une image en s'adaptant à sa taille. Je voudrais que ces popupse popup et swf [ par ptinul ] voici le script que j'utilise. il marche trés bien pour les images mais je n'arrive pas a lancer des fichier SWF. La balise IMG normalement permet ce Class Defilement auto d'images avec animation [ par MeTh ] Je suis sur d'etre pret du but et je suis également convaincu que ce script peut servir à bcp de personne. Ceci ma première tentative avec la POO ja Enlever le script d'un hébergeur [ par OFX ] Bonjour,J'ai un hébergeur qui ajoute cette ligne de code à toutes les pages de mon site :Et d'après mon antivirus (et celui d'autre vis images [ par sebguess ] j'ai un script qui permet d'ouvrir mes images dans une page popup mais je sia pa comment desactivé le clic droits dans cette page je pense qu'il faut savoir qu'un popup est deja ouverte [ par Atorina ] Bonjour,J'ai fait un script qui ouvre une popup. Le probleme c'est que si je réxécute mon script et que la popup est toujours ouverte, cela me génère


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

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