[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Обновление информации в диве
solib
допустим у меня есть <div id=1></div>

как мне в этот див загрузить определённый текст или картинку к примеру <img src=img.gif>
через яваскрипт как сделать



Спустя 7 минут, 11 секунд (4.06.2008 - 04:40) kirik написал(а):
ну сначала вы не в ту тему...

а вообще ставим это на какой-нить экшн -
Код
document.getElementById('ID ДИВА').innerHTML = '<img src="img.gif" />';

Спустя 3 часа, 49 минут, 28 секунд (4.06.2008 - 08:29) solib написал(а):
окей спасиба

Спустя 7 минут, 27 секунд (4.06.2008 - 08:37) solib написал(а):
Код
<script language="JavaScript" type="text/javascript">
document.getElementById('img').innerHTML = '<img src="img/go.gif">';
</script>
<div id="img"></div>

эм не работает

Спустя 7 минут, 48 секунд (4.06.2008 - 08:45) md5 написал(а):
когда создается div, а когда ты к нему обращаешься?
думай головой

Спустя 3 часа, 28 минут, 54 секунды (4.06.2008 - 12:14) Timok написал(а):
читать http://pyha.ru/forum/topic/174.0 , в частности конец статьи

Спустя 35 минут, 47 секунд (4.06.2008 - 12:49) n1tr0k1ll3r написал(а):
Цитата(solib @ 4.6.2008, 9:37) [snapback]39864[/snapback]
Код
<script language="JavaScript" type="text/javascript">
document.getElementById('img').innerHTML = '<img src="img/go.gif">';
</script>
<div id="img"></div>

эм не работает

чтобы работало, необходим вызов этого действия после загрузки страницы, т.е.:
Код
<script language="JavaScript" type="text/javascript">
function bubu()
{
  document.getElementById('img').innerHTML = 'bubu';
}
</script>
<body onload="bubu()">
<div id="img"></div>
</body>

Спустя 11 часов, 57 минут, 28 секунд (5.06.2008 - 00:47) solib написал(а):
Код
<script language="JavaScript" type="text/javascript">
function bubu()
{
  document.getElementById('img').innerHTML = 'bubu';
}
</script>
<body onload="bubu()">
<div id="img"></div>
</body>

спасибо пребольшушее.
на счёт того что див должен сначала загрузится я не знал раньше просто с таким не сталкивался. скажем так мой уровень ява скрипт на нуле. теперь буду знать. всё приходит с опытом

Спустя 3 часа, 41 минута, 26 секунд (5.06.2008 - 04:28) kirik написал(а):
Цитата
всё приходит с опытом

+100500..) но и про логику забывать тоже не стоит..) ибо все программирование на этом строится)

Спустя 2 дня, 20 часов, 15 минут, 34 секунды (8.06.2008 - 00:44) solib написал(а):
эм да уж но главное понять как работает а ява скрипт даже не показывает где и в чём ошибка в отличии от пхп изза этого трудней анализировать свои ошибки

Спустя 6 часов, 53 минуты, 33 секунды (8.06.2008 - 07:37) n1tr0k1ll3r написал(а):
Цитата(solib @ 8.6.2008, 1:44) [snapback]40244[/snapback]
эм да уж но главное понять как работает а ява скрипт даже не показывает где и в чём ошибка в отличии от пхп изза этого трудней анализировать свои ошибки

к FireFox есть хороший плагин - FireBug - обрати на него внимание smile.gif

Спустя 2 часа, 50 минут, 2 секунды (8.06.2008 - 10:27) kirik написал(а):
угу..хороший плагинчик..у мозилки есть еще консоль ошибок (error console) там тож пишется, что и где неправильно.. (как в ИЕ примерно)..

Спустя 3 месяца, 29 дней, 1 час, 21 минута, 40 секунд (7.10.2008 - 11:49) netruxa написал(а):
поднимаю тему, необходима помощь в JS
В общем дело такое:
у меня будет массив из 10 элементов. каждый из которых хтмл текст (картинка+описание+ссылка)
мне надо чтобы было
<-- <div блок> -->
при клике <-- в блоке div показывалась предыдущая информация, соответственно при --> следующая
как это реализовать?

Спустя 1 день, 13 часов, 16 минут, 27 секунд (9.10.2008 - 01:06) zona7o написал(а):
почитайте про ajax.

Спустя 12 часов, 54 минуты, 28 секунд (9.10.2008 - 14:00) ARseny написал(а):
вообще метод яваскрипта innerHTML используется для динамической вставки штмл текста в какие-то элементы страницы. есть еще метод innerText, но это уже, как понятно по названию, для динамической вставки текста.

дак что пишемс document.idelement.innerhtml='bla bla bla'

только естественно перед этим надо задать тот самый delement элемента...


_____________
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.