Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / динамическая подгрузка image и текста / 8 сообщений из 8, страница 1 из 1
25.04.2007, 18:26
    #34487579
almen
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
динамическая подгрузка image и текста
при наведении курсора на button в отдельном окне в зтом же layout (без перезагрузки страницы) выводится картинка.

Использовал этот код

<a onmouseover="MM_swapImage('bild','','../images/test.jpg',1)"
onmouseout=MM_swapImgRestore()href="test.htm">Test</a>

а там, где должна появляться картинка, вернее меняться на новую естественно c ID

<img src="../images/test1.jpg" width="142" height="106" id="bild">

все OK.

проблема следующая:

все тоже самое плюс вывод отформатированного техта, описывающего зту картинку также в строго определенном месте страницы. Kак это сделать еще и для текста?
...
Рейтинг: 0 / 0
26.04.2007, 06:54
    #34488349
Green2
Модератор форума
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
динамическая подгрузка image и текста
Вы что, подгружаете отформатированный текст с сервера?
--



Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
26.04.2007, 14:21
    #34489802
LINUXER
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
динамическая подгрузка image и текста
almen
все тоже самое плюс вывод отформатированного техта, описывающего зту картинку также в строго определенном месте страницы. Kак это сделать еще и для текста?
Код: plaintext
1.
<a onmouseover="MM_swapImage('bild','','../images/test.jpg',1);putText();" 
onmouseout=MM_swapImgRestore()href="test.htm">Test</a>
...
Рейтинг: 0 / 0
26.04.2007, 14:29
    #34489857
LINUXER
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
динамическая подгрузка image и текста
almen
все тоже самое плюс вывод отформатированного техта, описывающего зту картинку также в строго определенном месте страницы. Kак это сделать еще и для текста?
что сделать, как также?
преформатированный текст отображается в <pre>
место определяется координатами в css:
left: right: top: bottom:
и способом позиционирования
...
Рейтинг: 0 / 0
26.04.2007, 17:31
    #34490669
almen
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
динамическая подгрузка image и текста
На forum.vingrad подсказали такой вариант решения

<a onmouseover="MM_swapImage('bild','','../images/test.jpg',1); change_text('ТУТ ТЕКСТ')"
onmouseout="MM_swapImgRestore(); change_text('')"href="test.htm">Test</a>

в javascript дописать функцию

function change_text(new_t){
document.getElementById('text').innerHTML = new_t;}

и соответвенно назначить нужной ячейке (там где должен появляться текст) id="text"
Все ОК! Но после того, как курсор уходит с баттона не загружается предыдущий текст.
На страничке несколько батонов, каждый при наведении курсора высвечивает свою картинку и текст при наведении на него курсора в левом и соответственно в правом нижнем углу layoutа (т.е. каждый и картинка и текст в своей тбл.)

Если в change_text в

onmouseout="MM_swapImgRestore(); change_text('предыдущий текст')"

вставить предыдущий, то все играет. Однако это слишком громоздко и неудобно.

Для картинки работает функция MM_swapImgRestore(), а для текста?
...
Рейтинг: 0 / 0
26.04.2007, 18:09
    #34490832
PhoenixNET
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
динамическая подгрузка image и текста
almenвсе тоже самое плюс вывод отформатированного техта, описывающего зту картинку также в строго определенном месте страницы. Kак это сделать еще и для текста?
Ложишь div'ы в нужные тебе места, каким угодно стилем позиционирования.
Дальше играешь с display или visible, в зависимости от нужд.
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
html:
<a name="1" onmouseover="MM_swapImage('bild','','../images/test.jpg',1);show(this.name)"
onmouseout="MM_swapImgRestore();hide(this.name);" href="test.htm">Test</a>

<div id="1">
Отфармадированный тегзд.
</div>
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
javascript:
function show(id) {
document.getElementyById('id').style.display = block;
}
function hide(id) {
document.getElementyById('id').style.display = none;
}
В таком духе...
...
Рейтинг: 0 / 0
26.04.2007, 18:25
    #34490880
PhoenixNET
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
динамическая подгрузка image и текста
PhoenixNETВ таком духе...
Хм, почему-то getElementById хватает Name-элемент.
Вот подрихтовал по-индусски ;)
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
<html>
<head>
<title>testing page</title>
<script language="javascript"><!--
function show(id) {
tmp = id+"a";
document.getElementById(tmp).style.display = "block";
}
function hide(id) {
tmp = id+"a";
document.getElementById(tmp).style.display = "none";
}
//--></script>
</head>
<body>
<a name="b" onmouseover="hide(this.name);"
onmouseout="show(this.name);" href="#">Test</a>

<div id="ba" style="position:absolute;top:0;right:0;">
Отфармадированный тегзд.
</div>
</body>
</html>
...
Рейтинг: 0 / 0
26.04.2007, 18:46
    #34490928
almen
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
динамическая подгрузка image и текста
спасибо, сейчас попробую
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / динамическая подгрузка image и текста / 8 сообщений из 8, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]