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 :

Affichage dynamique d'une image


Sujet :

JavaScript

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Décembre 2004
    Messages
    101
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2004
    Messages : 101
    Points : 54
    Points
    54
    Par défaut Affichage dynamique d'une image
    Bonjour,
    Comme je tourne en rond depuis 2 jours, je sollicite vos lumières sur un problème qui me parait tout simple mais n'étant pas un spécialiste de html/javascript ...

    Je cherche un moyen d'afficher une image en fonction d'un paramètre que je retrouve dans moin url (pages.hta?site=xxxx&etage=y)

    J'ai une liste de jpg formattés comme y faut pour trouver le bon en concaténant site + etage mais je n'arrive pas à sélectionner dynamiquement la page.

    Je n'ai pas de serveur web, j'utilise juste un partage réseau et tous mes navigateurs sont IE 6 ou 7.

    J'ai essayé avec la propriété document.namejpg.src mais sans aucun effet.

    A force de tester dans tous les sens, je pense que mon code est maintenant tout pourri mais bon ...

    Code : 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
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
     
    <script language="JavaScript" type="text/javascript">
    function init(){
    	if(location.search.substring(1)) {		
    		jshp_arg = location.search.substring(1).split('&');		//On récupère le nombre d'argument et on coupe les différents arguments dans un tableau
    		jshp_nbrarg = jshp_arg.length;							//On recherche la longueur du tableau
    		jshp = new Array();										//On créé le tableau get qui permettra de récupérer les variables Site et Etage
    		for(i=0;i<=jshp_nbrarg;i++) {							
    			jshp_tpeg = (jshp_arg[i].indexOf("=",0));			//Recherche du signe egal
    			jshp_tpname = jshp_arg[i].substring(0,jshp_tpeg);	//Récupératon du nom de la variable
    			jshp_tpvar = jshp_arg[i].substring(jshp_tpeg+1,jshp_arg[i].length); //Récupération de la valeur de la variable
    			jshp[jshp_tpname] = jshp_tpvar;						//Stockage dans le tableau final
    			vbMsg (jshp[jshp_tpname]);
    		}
    	}
    }
     
    function GetFileName() {
    	var reponse = "";
    	if(jshp_nbrarg == 1) 
    		jshp_file = jshp["site"]
    	else
    		jshp_file = jshp["site"] + jshp["etage"]
    	reponse += ".bmp";
    	return reponse
    }
     
    function GetSite () {
    	return jshp["Site"]
    }
     
    function GetEtage() {
    	var reponse = "";
    	if(jshp_nbrarg == 1) 
    		reponse = ""
    	else {
    		if (jshp["Etage"] =="1")
    			reponse = "1er"
    		else
    			reponse =  jshp["Etage"] & "ème"
    		reponse += " étage du ";
    		}
    	return reponse
    }
    </Script>
     
    </head>
    <body style="width: 1024px;" onload="Init()">
     
    	<table style="text-align: left; width: 1030px;" border="1" cellpadding="2" cellspacing="2">
    		<tbody>
    			<tr>
    				<td style="width: 25%;">&nbsp</td>
    				<td style="width: 25%;">&nbsp</td>
    				<td style="width: 25%;">&nbsp</td>
    				<td style="width: 25%;">&nbsp</td>
    			</tr>
    		</tbody>
    	</table>
     
    	<br>
     
    	<MAP NAME="Printer">
    		<AREA SHAPE="Circle" COORDS="170,290,60" onclick="vbMsg('PRT-AIS-XXYYY')" >
    	</MAP>
    	<img id="PlanSite" name="PlanSite" style="width: 1024px; height: 554px;" alt="Plan du site "
    	src="file:///G:/Ingenierie/Etudes%20Ing/Poste%20de%20Travail/Plans/INFO3.bmp" usemap="#Printer"><br>
     
    	<script language="JavaScript" type="text/javascript">
    		document.PlanSite.alt = "Plan du " + GetEtage() + "site de " & GetSite();
    		document.PlanSite.src = GetFileName();
    	</Script
     
    </body>
    </html>

    D'avance merci pour votre aide.

    M.

  2. #2
    Membre du Club
    Profil pro
    Inscrit en
    Décembre 2004
    Messages
    101
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2004
    Messages : 101
    Points : 54
    Points
    54
    Par défaut
    Grace à un collègue plus expérimenté sur javascript, heureka.
    Après avoir réglé quelques pbs dans mes scripts, LA chose à savoir était que le onload se déclanche à la fin du chargement ... et pas au début.

    Donc toutes mes variables étaient vides ...

    Merci quand même.

    M

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. chargement et affichage dynamique d'une image
    Par developer5 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 29/03/2011, 17h01
  2. Affichage dynamique d'une image (logo)
    Par ramaro dans le forum Reports
    Réponses: 2
    Dernier message: 23/04/2008, 12h46
  3. Affichage dynamique d'une image
    Par snooze dans le forum Langage
    Réponses: 2
    Dernier message: 24/03/2008, 15h41
  4. javascript sous IE 7 pour un affichage dynamique d'une image
    Par ohhh.gringo dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 31/05/2007, 16h43
  5. [Tableaux] Ajouter l'affichage dynamique d'une image
    Par leloup84 dans le forum Langage
    Réponses: 3
    Dernier message: 16/02/2006, 09h14

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