Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> динамическая подгрузка image и текста, появляющийся текст 
:(
    Опции темы
almen
Дата 25.4.2007, 16:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 21
Регистрация: 25.4.2007

Репутация: нет
Всего: нет



при наведении курсора на 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.

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

все тоже самое плюс вывод отформатированного техта, описывающего зту картинку также в строго определенном месте страницы.

PM MAIL   Вверх
NightmareZ
Дата 25.4.2007, 16:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


[хакер]
**


Профиль
Группа: Участник
Сообщений: 699
Регистрация: 10.8.2006

Репутация: нет
Всего: 13



Ну, а в чём, собственно проблема?


--------------------
NightmareZ.net - мой блог и сайт, мои проекты и прочий трэш
Ely-Art.ru - наша маленькая домашняя арт-студия
mugcraft.ru - кружки на любой вкус
PM WWW ICQ Skype GTalk AOL YIM   Вверх
almen
Дата 25.4.2007, 17:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 21
Регистрация: 25.4.2007

Репутация: нет
Всего: нет



не знаю как это сделать для текста
PM MAIL   Вверх
pirrat
Дата 25.4.2007, 18:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 38
Регистрация: 21.2.2007

Репутация: нет
Всего: нет



если я правильно понял задачу,то что то типа того:
Код

<html>
<head>
<title></title>
<style  type="text/css">
.tip            {display: none; padding-top: 3px; text-decoration: none;}
-->
</style>
</head>
<script>
<!--
www = (document.getElementById) ? true : false;
var opened=0;
function list(idname){
var div;
if(!(www||ie4))return;
if(www){
    div=document.getElementById(idname);
}else{
    div=document.all[idname];
}
if(opened){
    opened.style.display='none';
    if(opened==div){opened=0;return false;}
}
div.style.display='block';
div.style.position='absolute';
div.style.left='100';
div.style.top='100';
opened=div;
return false;
}
//-->
</script>
<body bgcolor="#FFFFFF">

<a href="#" onmouseover="return list('info1')" onmouseout="return list('info1')">наведи курсор</a><div id="info1" class=tip ><table width="300" border="0" cellpadding="5" cellspacing="1"><tr><td >
<p align=justify>
<img src="1.gif" width="60" height="60" border="1" alt="" align="left"><b>БЛОК 1</b><br> Текст первой подсказки. Текст первой подсказки. Текст первой подсказки. Текст первой подсказки. Текст первой подсказки. Текст первой подсказки. Текст первой подсказки.
</td></tr></table></div>

</body>
</html>


Это сообщение отредактировал(а) pirrat - 25.4.2007, 18:50
PM MAIL   Вверх
almen
Дата 25.4.2007, 19:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 21
Регистрация: 25.4.2007

Репутация: нет
Всего: нет



спасибо за помощь, все так и не совсем так. 

На страничке несколько батонов, каждый при наведении курсора высвечивает свою картинку при наведении на него курсора в левом нижнем углу layoutа (т.е. в своей тбл.) 

Теперь необходимо высветить одновременно текст в другой таблице в правом нижнем углу layoutа. Как сделать это разделение?

Добавлено через 9 минут и 30 секунд
вот код смены картинки

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

как мне сюда добавить ваш 

onmouseover="return list('info1')" onmouseout="return list('info1')"
 
PM MAIL   Вверх
pirrat
Дата 25.4.2007, 19:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 38
Регистрация: 21.2.2007

Репутация: нет
Всего: нет



функции MM_swapImage и MM_swapImageRestore дайте посмотреть!!!!
PM MAIL   Вверх
almen
Дата 25.4.2007, 19:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 21
Регистрация: 25.4.2007

Репутация: нет
Всего: нет



function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

Добавлено через 37 секунд
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
PM MAIL   Вверх
pirrat
Дата 25.4.2007, 19:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 38
Регистрация: 21.2.2007

Репутация: нет
Всего: нет



кхм,зря я попросил функции ))
кароче предлагаю так:
ссылку изменить на 
Код

 <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" а отформатировать текст можно без проблем через css...

Это сообщение отредактировал(а) pirrat - 25.4.2007, 19:55
PM MAIL   Вверх
almen
Дата 25.4.2007, 20:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 21
Регистрация: 25.4.2007

Репутация: нет
Всего: нет



Респект и наилучшие пожелания

Добавлено через 14 минут и 30 секунд
при тестировании старый текст исчезает, а новый не появляется
PM MAIL   Вверх
pirrat
Дата 25.4.2007, 20:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 38
Регистрация: 21.2.2007

Репутация: нет
Всего: нет



 smile всмысле? не понял в чём проблема?

PM MAIL   Вверх
almen
Дата 25.4.2007, 20:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 21
Регистрация: 25.4.2007

Репутация: нет
Всего: нет



исправил ошибку
теперь текст появляется, но после того, как курсор уходит с баттона не загружается предыдущий текст
PM MAIL   Вверх
almen
Дата 25.4.2007, 21:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 21
Регистрация: 25.4.2007

Репутация: нет
Всего: нет



И как правильно отформатировать текст?
Допустим в ячейке я задал класс, а как ввести брухи или курсив?
Понимаю, что вопросов слишком много sorry!
PM MAIL   Вверх
pirrat
Дата 25.4.2007, 21:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 38
Регистрация: 21.2.2007

Репутация: нет
Всего: нет



ну это уже совсем к JS не относиться!
учим матчасть http://htmlbook.ru/content/?id=55

Код

.text {
font-style: italic; /*курсив*/
font-weight: bold; /*жирный*/
}


Это сообщение отредактировал(а) pirrat - 25.4.2007, 21:38
PM MAIL   Вверх
almen
Дата 26.4.2007, 08:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 21
Регистрация: 25.4.2007

Репутация: нет
Всего: нет



да нет, стайлшиты я знаю, речь идет о тексте, который расположен здесь change_text('ТУТ ТЕКСТ')

И все таки, есть ли возможность вернуть предыдущий текст?

Если в change_text  в

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

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

Для картинки работает функция MM_swapImgRestore(), а для текста?

PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0537 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.