div и JS
Всем привет.
Нужно чтобы по команде Явы скрипт
например <div id='bla'></div>
поменял свой фоновой рисунок
Спасибо
Нужно чтобы по команде Явы скрипт
например <div id='bla'></div>
поменял свой фоновой рисунок
Спасибо
Код:
<div onclick="document.getElementsByTagName('body')[0].style.backgroundImage='url(http://codenet.ru/images/logo.gif)';">Поставить картинку</div>
;-)
Прошу прощения, не правильно дочитал вопрос :)
[html]<span onclick="document.getElementById('chgBg').style.backgroundImage='url(http://codenet.ru/images/logo.gif)';">Изменить картинку</span>
<div id='chkBg'></div>[/html]
[html]<span onclick="document.getElementById('chgBg').style.backgroundImage='url(http://codenet.ru/images/logo.gif)';">Изменить картинку</span>
<div id='chkBg'></div>[/html]
Вот так прокатило
<script>
function change_img()
{
var obj=document.getElementById('chkBg');
var obj_2=document.getElementById('chk2');
obj.style.backgroundImage = obj_2.style.backgroundImage;
}
</script>
<body>
<div id='chkBg'>as</div>
<div id='chk2' style="background: url(http://codenet.ru/images/logo.gif)">as</div>
<span onclick="change_img()">Изменить картинку</span>
<script>
function change_img()
{
var obj=document.getElementById('chkBg');
var obj_2=document.getElementById('chk2');
obj.style.backgroundImage = obj_2.style.backgroundImage;
}
</script>
<body>
<div id='chkBg'>as</div>
<div id='chk2' style="background: url(http://codenet.ru/images/logo.gif)">as</div>
<span onclick="change_img()">Изменить картинку</span>
и ещё, тут например загруженная картинка будет в кеше храниться, или при клике она заново загружаться будет?
Цитата: zoh
и ещё, тут например загруженная картинка будет в кеше храниться, или при клике она заново загружаться будет?
Зависит от механизма работы браузера. Но обычно в пределах одной сессии работы браузера (до его закрытия) такие данные как JS, CSS и фоновые рисунки кэшируются.