IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Modification d'un script


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Candidat au Club
    Profil pro
    Inscrit en
    Décembre 2008
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2008
    Messages : 2
    Par défaut Modification d'un script
    Bonjour à tous,
    Je souhaiterai mettre un lien hypertexte sur chaque photo et je ne sais pas comment faire? Je pense que ca se trouve au niveau de l'adresse des photos mais je ne sais pas quelle balise mettre ni où Je sais le faire en html mais là je coince...
    Si quelqu'un pouvez me dire comment éditer ce script dans ce sens.
    Merci!

  2. #2
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par défaut
    bonjour,

    quelque chose dans ce genre :
    Code x : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
    
    <head>
    
    <title></title>
    
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="Content-Language" content="fr" />
     
    
    <script type="text/javascript">
    <!-- 
    function changePhoto(objet)
    {
    	var lien = document.getElementById("lienPhoto"); // id de la balise <a>
    	var image = document.getElementById("clicPhoto"); // id de la balise <img>
    	
    	switch (objet.id)
    	{
    		case "photo1":
    			lien.href = "lien_1.htm";
    			img.src = "image_1.jpg";
    			break;
    		case "photo2":
    			lien.href = "lien_2.htm";
    			img.src = "image_2.jpg";
    			break;
    		case "photo3":
    			lien.href = "lien_3.htm";
    			img.src = "image_3.jpg";
    			break;
    		case "photo4":
    			lien.href = "lien_4.htm";
    			img.src = "image_4.jpg";
    			break;
    		default:
    			lien.href = "lien_1.htm";
    			img.src = "image_1.jpg";
    	}
    }
     
    //-->
    </script>
     
    </head>
     
    <body>
     
    <div>
    	<input type="radio" name="photos" id="photo1" onclick="changePhoto(this)" /><label for="photo1">photo 1</label><br />
    	<input type="radio" name="photos" id="photo2" onclick="changePhoto(this)" /><label for="photo2">photo 2</label><br />
    	<input type="radio" name="photos" id="photo3" onclick="changePhoto(this)" /><label for="photo3">photo 3</label><br />
    	<input type="radio" name="photos" id="photo4" onclick="changePhoto(this)" /><label for="photo4">photo 4</label><br />
    </div>
    	
    <div>
    	<a href="page1.htm" id="lienPhoto"><img src="image1.jpg" alt="image" id="clicPhoto" style="border: none"></a>
    </div> 
     
    </body>
    </html>

Discussions similaires

  1. modification d'un script
    Par snoopy59110 dans le forum Général JavaScript
    Réponses: 13
    Dernier message: 26/06/2007, 15h48
  2. modification d'un script
    Par kaukos dans le forum Langage
    Réponses: 3
    Dernier message: 16/05/2007, 11h14
  3. Modification d'un script
    Par tom06440 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 14/09/2006, 16h28
  4. Modification d'un script
    Par renaud26 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 19/08/2006, 11h48

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo