Переменная для img src=
У меня есть вопрос.
Во-первых, я не собираюсь притворяться, что знаю, о чем я говорю. Я новичок в http и JavaScript.
Я думаю, на мой вопрос можно ответить в этом сообщении
IMG SRC теги и JavaScript
но я думал, что объясню то, чего я пытаюсь достичь, если есть более простой способ.
У меня есть веб-страница, я хочу отобразить на ней изображение. Единственное, что происходит, изображение поступает с автоматизированного системного монитора, изображение автоматически генерируется каждый день и помещается в новый каталог в зависимости от даты.
например. 4 апреля = " http://host/partition/2009/apr/04/cpu.gif
например 5 апреля = " http://host/partition/2009/apr/05/cpu.gif"
Чтобы облегчить это, я создал базовый JavaScript, чтобы дать мне дату в формате, в котором я нуждаюсь. У меня есть все, что работает. Теперь я просто хочу использовать эту переменную, созданную для показа изображения.
У меня есть код JavaScript, хранящийся в функции, называемой displaydate()
Если я сделаю это <script language="JavaScript"> displaydate() </script>
, я вижу
" http://host/partition/2009/apr/05/cpu.gif", и это правильно.
Теперь, как правильно отобразить это на сайте?
<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. Я прочитал много страниц об этом и много чего пытался, но до сих пор не повезло. Любая помощь была бы очень оценена.
Ответы
Ответ 1
Да, эта страница, вероятно, ответит на ваш вопрос. В принципе, вам нужен этот javascript:
<script type="text/javascript">
document.getElementById('image').src = "yourpicture.png";
</script>
За исключением того, что вы хотите заменить "yourpicture.png" на написанную вами функцию, чтобы создать правильный путь к изображению на диске, так что...
<script type="text/javascript">
document.getElementById('image').src = displaydate();
</script>
Конечно, вам может потребоваться немного изменить это для ваших собственных целей, getElementById примет в качестве аргумента любой атрибут id вашего <img> есть. Вероятно, вы захотите выполнить вышеупомянутый javascript после загрузки вашей страницы, то есть:
<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>
Ответ 2
Вам просто нужно изменить эту строку
document.write("http://host1/Shared/" + year + "/" + month + "/" + day + "/cpu_abs.gif");
к
return "http://host1/Shared/" + year + "/" + month + "/" + day + "/cpu_abs.gif";