Aller au contenu

  • Pas encore inscrit ?

    Pourquoi ne pas vous inscrire ? C'est simple, rapide et gratuit.
    Pour en savoir plus, lisez Les avantages de l'inscription... et la Charte de Zébulon.
    De plus, les messages que vous postez en tant qu'invité restent invisibles tant qu'un modérateur ne les a pas validés. Inscrivez-vous, ce sera un gain de temps pour tout le monde, vous, les helpeurs et les modérateurs ! :wink:

ouverture d'une image en grand

dagobert

Par dagobert
dans Programmation

 Partager

Messages recommandés

dagobert Power Member

dagobert

Posté(e)
Posté(e)

Bonjour

J'aimerais savoir quoi mettre comme script pour ouvrir en grand l'image qui s'affiche dans mon script ci-dessous:

<select name="user_flag" onChange="document.images['user_flag'].src = 'flag/' + this.value;">

<option value="afghanistan.gif" >Afghanistan</a></option>

<option value="southafrica.gif">Afrique du Sud</option>

</select>

<img src="" width="32" height="20" name="user_flag">

A coté de chaque nom ( 50 pays ) s'affiche une image différente et j'aimerais que l'on puisse cliquer sur ces images pour qu'elle s'ouvre en version plus grande.

Quelqu'un a t'il une solution je n'arrive pas a resoudre ce probleme tout seul :P ( je suis pas un pro de la programation ).

Merci d'avance

D'Artagnan Godlike Member

D'Artagnan

Posté(e)
Posté(e)

tu peux essayer de rajouter la balise href avant le code src ce qui ferait un lien sur l'image et te donnerai 

<a href="ta_page" target="_blank"><img src="" width="32" height="20" name="user_flag"></a>

de la 2 solutions

1) ca t'ouvres une nouvelle page quand on clic sur l'image 32x20

2) tu peux ouvrir un popup. Pour cela tu rajoutes entre <head>et <head>

 
<script language="JavaScript"> 

function open_window(ta_page.htm)
{
var hauteur_popup= xxx (à definir selon la taille que tu souhaites);
var H = (screen.height - hauteur_popup) / 2;
var largeur_popup=XXx (à definir selon la taille que tu souhaites);
var L = (screen.width - largeur_popup) / 2;
pop_up = window.open(votre_page,"Popup","status=yes,scrollbars=yes,resizable=no,height="+hauteur_popup+",width="+largeur_popup+",top="+H+",left="+L);
}
-->
</script>

et dans le body dans la balise du lien tu rajoutes

onclick="open_window('ta_page.html')"

 

mais bon faudrait voir tout ton script et essayer je t'ai fais ça en 2mn :P

dagobert Power Member

dagobert

Posté(e)
  • Auteur
Posté(e)

Merci pour ton aide d'artagnan ton script est presque ok mais l'image est differente a chaque fois :P j'ais un script qui ouvre une fenetre a la taille de l'image :

<div id="showimage" style="position:absolute;visibility:hidden;border:1px solid black"></div>
<a href="cartenoeletnewan/toit.gif" onClick="return enlarge('cartenoeletnewan/toit.gif',event)">
<img src="cartenoeletnewan/toitb.gif" border="0"></a>

avec le reste qui se trouve dans le head voir page envoiecarte les img nouvelle an sont comme sa mais j'arrive pas a l'integrer dans le code des drapeaux tu peut voir tout le code ici .

Encore merci :-(

D'Artagnan Godlike Member

D'Artagnan

Posté(e)
Posté(e)

c'est bizarre ton truc, avec IE ca ouvre une nouvelle page et avec mozilla un popup

je regarderai ça ce WE si personne t'a repondu avant, j'ai decendu tes pages pour les regarder au calme

@+

Rejoindre la conversation

Vous pouvez publier maintenant et vous inscrire plus tard. Si vous avez un compte, connectez-vous maintenant pour publier avec votre compte.
Remarque : votre message nécessitera l’approbation d’un modérateur avant de pouvoir être visible.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

×
 Partager
Aller sur la liste des sujets

  • En ligne récemment   0 membre est en ligne

    • Aucun utilisateur enregistré regarde cette page.
×
×
  • Créer...