2009-04-20 17 views
11

Ho una domanda. In primo luogo, non ho intenzione di fingere di sapere di cosa sto parlando qui. Sono un principiante di http e JavaScript.Variabile per imr src =

Credo che la mia domanda si può rispondere in questo post IMG SRC tags and JavaScript ma ho pensato di spiegare la cosa esatta che sto cercando di realizzare nel caso ci sia un modo più semplice.

Ho una pagina web, voglio mostrarvi un'immagine. L'unica cosa è che l'immagine proviene da un monitor di sistema automatizzato, l'immagine viene generata automaticamente ogni giorno e inserita in una nuova directory in base alla data.

ad es. 4 aprile = "http://host/partition/2009/apr/04/cpu.gif"
ad es. 5 aprile = "http://host/partition/2009/apr/05/cpu.gif"

Per facilitare questo, ho creato alcuni JavaScript di base per darmi la data nel formato che mi serve. Ho tutto questo lavoro. Ora voglio solo usare quella variabile che ho creato per mostrare l'immagine. Ho il codice JavaScript memorizzato in una funzione chiamata displaydate() Se faccio questo <script language="JavaScript"> displaydate() </script> Vedo "http://host/partition/2009/apr/05/cpu.gif" e questo è corretto.

Ora come faccio a visualizzarlo correttamente sul sito?

<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. Ho letto molte pagine su questo e ho provato un sacco di cose, ma finora non ho avuto fortuna. Qualsiasi aiuto sarebbe molto apprezzato.

+1

si parla di Java - è la tua domanda su come esportare la variabile nell'attributo src? Stai usando qualcosa come JSP? – harto

+2

Javascript non ha nulla a che fare con Java. Penso che tu abbia confuso i due. – Artelius

risposta

14

Sì, quella pagina probabilmente risponde alla tua domanda. In sostanza, si desidera che questo javascript:

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

Tranne che si desidera sostituire il "yourpicture.png" con la funzione che avete scritto per generare il percorso corretto per l'immagine sul disco, quindi ...

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

Ovviamente, potrebbe essere necessario modificarlo un po 'per i propri usi, il getElementById prenderà come argomento qualunque sia l'attributo id del tag < img. Probabilmente si desidera eseguire il javascript sopra dopo la pagina è stata caricata, vale a dire:

<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

Lontano, grazie per la risposta. Non mi aspettavo una risposta così rapida. Questa è la prima volta che faccio una domanda su qualsiasi forum. Grazie, lo proverò. –

+2

Benvenuto, ho appena fatto un'altra modifica che ho effettivamente testato e ha funzionato per me. Spero che tu possa far funzionare la tua. In bocca al lupo! –

+0

il tuo codice è molto carino, serbatoi –

1

Dovreste solo bisogno di cambiare questa linea

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

a

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