Probleme avec du javascript

Fermé
misscatas - 1 mars 2008 à 14:53
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 2 mars 2008 à 11:01
Bonjour,
je suis graphiste est je suis en train de monter mon portfolio. j'ai quelque petit souci avec la programmation, je n'avais jamais fais de programmation sauf un peu de action script, mais j'apprends vite. j'avais déjà poster un message concernant un problème de bordure en html heureusement quelqu'un m'a
aidé. La je suis confronté a un nouveau problème avec du javascrip j'ai des vignettes je veux que quand on click une fenêtre pop up s'ouvre centré a une taille défini.

<script language="JavaScript">
<!-- Begin
function fullScreen(theURL) {
window.open(theURL, '', 'fullscreen=yes, scrollbars=auto');
}
// End -->
</script>

puis pour chaque vignette

<a href="javascript:void(0);" onClick="fullScreen('tigre.html');">

le problème c'est que je ne sais pas comment on défini une taille en javascript pour la popup et comment faire pour la centré.
le deuxième problème c'est que ca marche très bien sous firefox, mais sous IE l'utilisateur doit cliquer a chaque fois pour autoriser la popup est ce n'est vraiment pas terrible. est ce qu'il y aurait un moyen pour bloquer cette protection.

je suis prête a vous montrer par mail les fichiers si vous préférez, mais la je suis vraiment perdu lol
merci pour votre aide

sonia

7 réponses

elfilou Messages postés 1091 Date d'inscription mercredi 27 février 2008 Statut Membre Dernière intervention 13 décembre 2008 183
1 mars 2008 à 15:11
l'ouverture des popup est un réglage personnel effectuer par l'utilisateur lui même donc tu ne peux avoir aucune influence sur celle-ci. Si ton visiteur ne donne pas l'autorisation d'ouverture de popup et bien il ne verra pas ton image....
0
internetasso Messages postés 1054 Date d'inscription jeudi 25 octobre 2007 Statut Membre Dernière intervention 30 juin 2013 177
Modifié le 2 mars 2008 à 11:01
Le script est fait pour afficher une image dans une popup centrée (avec le clic droit neutralisé...ca évite de se faire piquer les photos...)

On clique sur la vignette et l'image s'ouvre en grand dans la popup centrée, on clique sur la popup, elle se ferme, ou on clique sur une seconde vignette et la popup précédente se ferme...la on peut pas faire mieux !

Code à insérer dans l'entête de la page index (entre <head> et </head>

<SCRIPT language="JavaScript">
//PLF- http://www.lenomdetonsite.truc/
var fois=0
function AfficheImage(petiteImage,grandeImage,texteImage)
{
document.write('<A HREF="(script removed)Affichegrande(\''+grandeImage+'\',\''+texteImage+'\')"><IMG SRC="'+petiteImage+'" HSPACE=0 VSPACE=0 BORDER=0 ALT="cliquez ici pour afficher en grand"></A>');
}
function Affichegrande(cheminImage,texte)
{
newImage = new Image;
newImage.src = cheminImage;
html = '<HTML><HEAD><TITLE>Image</TITLE><meta http-equiv="Pragma" content="no-cache"></HEAD><BODY leftmargin=0 marginwidth=0 topmargin=0 marginheigth=0 oncontextmenu="return false"><CENTER>'+
'<a href="#" onClick="window.close()"><IMG SRC="'+cheminImage+'" BORDER=0 NAME=monImage alt="'+texte+'"border="0" onLoad="window.resizeTo(document.monImage.width+20,document.monImage.height+80); window.moveTo((screen.width-document.monImage.width)/2,5)"> </a></CENTER></BODY></HTML>';
if (fois == 1 ) ouvrirImage.close();
ouvrirImage = window.open('','_blank','toolbar=0,location=0,menuBar=0,scrollbars=0,resizable=0');
ouvrirImage.document.write(html);
fois=1;
}
</SCRIPT>

Code à placer dans ton document ou tu vas installer ta vignette (cliquable...):

<script language=JavaScript>AfficheImage("chemin/vignette.gif","chemin/image.gif","Texte sur Image");</script>

sachant que :
- chemin/vignette.gif : Indique le chemin et le fichier de la vignette (je suppose qu'il sera plus long, mais ca tu sais faire...)
- chemin/image.gif : Indique le chemin et le fichier de l'image en taille normale (ca tu connais aussi...)
- Texte sur Image : Indique le texte qui apparaîtra au passage de la souris sur l'image (pas d'apostrophe et autres...sinon ca fiche le bazar...et tu n'est pas non plus obligé d'en mettre...)


Voilà, avec ce principe, tu peux installer autant de vignettes que tu veux dans autant de page que tu veux...

La création d'un site commence par la réflexion de son devenir...
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
1 mars 2008 à 15:36
salut,

avec le clic droit neutralisé...ca évite de se faire piquer les photos...
• ça ne sert strictement à rien.
• c'est une potentielle source d'erreur supplémentaire.
• ça alourdit le script
0
internetasso Messages postés 1054 Date d'inscription jeudi 25 octobre 2007 Statut Membre Dernière intervention 30 juin 2013 177
Modifié le 2 mars 2008 à 11:01
Le script est fait pour afficher une image dans une popup centrée (avec le clic droit neutralisé...ca évite de se faire piquer les photos...)

On clique sur la vignette et l'image s'ouvre en grand dans la popup centrée, on clique sur la popup, elle se ferme, ou on clique sur une seconde vignette et la popup précédente se ferme...la on peut pas faire mieux !

Code à insérer dans l'entête de la page index (entre <head> et </head>

<SCRIPT language="JavaScript">
//PLF- http://www.lenomdetonsite.truc/
var fois=0
function AfficheImage(petiteImage,grandeImage,texteImage)
{
document.write('<A HREF="(script removed)Affichegrande(\''+grandeImage+'\',\''+texteImage+'\')"><IMG SRC="'+petiteImage+'" HSPACE=0 VSPACE=0 BORDER=0 ALT="cliquez ici pour afficher en grand"></A>');
}
function Affichegrande(cheminImage,texte)
{
newImage = new Image;
newImage.src = cheminImage;
html = '<HTML><HEAD><TITLE>Image</TITLE><meta http-equiv="Pragma" content="no-cache"></HEAD><BODY leftmargin=0 marginwidth=0 topmargin=0 marginheigth=0 oncontextmenu="return false"><CENTER>'+
'<a href="#" onClick="window.close()"><IMG SRC="'+cheminImage+'" BORDER=0 NAME=monImage alt="'+texte+'"border="0" onLoad="window.resizeTo(document.monImage.width+20,document.monImage.height+80); window.moveTo((screen.width-document.monImage.width)/2,5)"> </a></CENTER></BODY></HTML>';
if (fois == 1 ) ouvrirImage.close();
ouvrirImage = window.open('','_blank','toolbar=0,location=0,menuBar=0,scrollbars=0,resizable=0');
ouvrirImage.document.write(html);
fois=1;
}
</SCRIPT>

Code à placer dans ton document ou tu vas installer ta vignette (cliquable...):

<script language=JavaScript>AfficheImage("chemin/vignette.gif","chemin/image.gif","Texte sur Image");</script>

sachant que :
- chemin/vignette.gif : Indique le chemin et le fichier de la vignette (je suppose qu'il sera plus long, mais ca tu sais faire...)
- chemin/image.gif : Indique le chemin et le fichier de l'image en taille normale (ca tu connais aussi...)
- Texte sur Image : Indique le texte qui apparaîtra au passage de la souris sur l'image (pas d'apostrophe et autres...sinon ca fiche le bazar...et tu n'est pas non plus obligé d'en mettre...)


Voilà, avec ce principe, tu peux installer autant de vignettes que tu veux dans autant de page que tu veux...

La création d'un site commence par la réflexion de son devenir...
0
merci, ca a l'air bien comme script mais c bien compliqué lol
enfaite je n'ouvre pas une image mais un fichier html d'ailleur c peut etre pour ca que c bloqué sous IE?
je travaille avec des CSS donc je place mes images que je peux visualiser et habiller comme je veux pour moi c'est plus simple. la je ne peux rien visualiser c'est un peu dure pour moi mais merci de ton aide
est ce qu'on ne peux pas faire plus simple ?
pour répondre a Elphilou j'ai fais différent teste avec plusieurs site qui propose des ouvertures de popup et selon le site je n'ai pas se bloquage c pour ca que je posais la question
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
1 mars 2008 à 22:10
salut,

pourquoi ne pas utiliser une lightbox, ou une de ses petites sœurs ?
comme ça pas de soucis avec le code et pour une grapheuse, tu auras un meilleur rendu…
0
Je ne veux pas utiliser des modules deja existant, ils sont trop utilisé justement par les graphistes et je trouve que la création fait partie de notre travaille de graphiste je prefere apprendre, me casser la tête pour trouver ce que je voulais réellement réaliser mais merci pour le tuyau c gentil.
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
2 mars 2008 à 11:01
salut,

du Javascript avancé c'est pas du travail de graphiste, mais ça c'est mon avis !
sur ces bibliothèques tu peux définir la feuille de style et ça c'est de la compétence d'un graphiste !

tu peux changer entièrement l'apparence et enlever les effets de dimensionnement, m'enfin c'est toujours que mon avis.
0