2009-04-20 16 views
11

J'ai une question. Premièrement, je ne vais pas prétendre que je sais de quoi je parle ici. Je suis un débutant à http et JavaScript.Variable pour img src =

Je pense que ma question peut répondre à ce post IMG SRC tags and JavaScript mais je pensais expliquer la chose exacte que je suis en train de réaliser dans le cas où il existe un moyen plus facile.

J'ai une page Web, je veux afficher une image là-dessus. La seule chose est, l'image provient d'un moniteur de système automatisé, l'image est générée automatiquement chaque jour et placé dans un nouveau répertoire en fonction de la date.

par exemple. Le 4 avril = "http://host/partition/2009/apr/04/cpu.gif"
par exemple. Le 5 avril = "http://host/partition/2009/apr/05/cpu.gif"

Pour faciliter cela, j'ai créé du JavaScript de base pour me donner la date au format dont j'ai besoin. J'ai tout ce travail. Maintenant, je veux juste utiliser cette variable que j'ai créée pour montrer l'image. J'ai le code JavaScript stocké dans une fonction appelée displaydate() Si je fais cela <script language="JavaScript"> displaydate() </script> je vois "http://host/partition/2009/apr/05/cpu.gif" et c'est correct.

Comment puis-je afficher ceci sur le site correctement?

<a href="displaydate()"><img src="displaydate()" </a></td> //This does not work. I am just adding it to show where I have been heading. 

P.S. J'ai lu beaucoup de pages à ce sujet et essayé beaucoup de choses, mais je n'ai pas eu de chance jusqu'ici. Toute aide serait très appréciée.

+1

vous mentionnez Java - est votre question comment sortir la variable dans l'attribut src? Utilisez-vous quelque chose comme JSP? – harto

+2

Javascript n'a aucun lien avec Java. Je pense que vous avez confondu les deux. – Artelius

Répondre

14

Oui, cette page répond sans doute à votre question. En gros, vous voulez que ce javascript:

<script type="text/javascript"> 
document.getElementById('image').src = "yourpicture.png"; 
</script> 

Sauf que vous voulez remplacer le « yourpicture.png » avec la fonction que vous avez écrit pour générer le chemin correct à l'image sur le disque, ...

<script type="text/javascript"> 
document.getElementById('image').src = displaydate(); 
</script> 

Bien sûr, vous devrez peut-être modifier cela un peu pour vos propres besoins, le getElementById prendra comme argument quel que soit l'attribut id de votre balise < img>. Vous voulez probablement exécuter le javascript ci-dessus après votre page chargée, à savoir:

<html> 
<head> 
<script type="text/javascript"> 
function load() 
{ 
document.getElementById('image').src = displaydate(); 
} 

function displaydate() 
{ 
//your displaydate() function here 
} 
</script> 
</head> 

<body onload="load()"> 

<img src="nothing.jpg" id="image" name="image"/> 
</body> 
</html> 
+3

Au loin, merci pour la réponse. Je ne m'attendais pas à une réponse aussi rapide. C'est la première fois que je pose une question sur un forum. Merci, je vais essayer ça. –

+2

Bienvenue, juste fait une autre modification que j'ai réellement testé et cela a fonctionné pour moi. J'espère que vous pourrez obtenir le vôtre. Bonne chance! –

+0

votre code est très agréable, les chars –

1

Vous devez juste besoin de changer cette ligne

document.write("http://host1/Shared/" + year + "/" + month + "/" + day + "/cpu_abs.gif"); 

à

return "http://host1/Shared/" + year + "/" + month + "/" + day + "/cpu_abs.gif"; 
Questions connexes