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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> при наведении на ссылку информация меняется 
:(
    Опции темы
dembel14
Дата 6.8.2008, 14:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Всем доброго времени суток, не подскажите как возможно сделать следующее: есть блок например <div>текст</div> , под ним есть ссылки, нужно сделать что бы при наведении на эти ссылки информация в блоке менялась, в зависимости от ссылки. Если возможно то с примерами, в javaScript я  
новичок. 

Это сообщение отредактировал(а) dembel14 - 6.8.2008, 14:55
PM MAIL   Вверх
bars80080
Дата 6.8.2008, 15:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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



Код

<div id="help"></div>
<a href="adres" onmouseover="document.getElementById('help').innerHTML='это первая ссылка'">link</a>

PM MAIL WWW   Вверх
vitalina
Дата 6.8.2008, 15:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

Репутация: -1
Всего: -4



Допустим в диве по ссылке открывается картинка, а как сделать, чтобы при наведении на нее мышкой всплывал див с большой картинкой?
--------------------
kornienko.ru - мой настоящий проект.
PM MAIL WWW Skype   Вверх
bars80080
Дата 6.8.2008, 16:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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



Код

<div id="bigfoto" style="display: none;"><img src="foto.jpg" /></div>
<a href="adres" onmouseover="document.getElementById('bigfoto').style.display='block';">link</a>

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


Бывалый
*


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

Репутация: -1
Всего: -4



Foto dolzhno pojavitjsja pri klike na link, pri navedenii na eto foto dolzhna pokazatjsja boljsha kartinka!


--------------------
kornienko.ru - мой настоящий проект.
PM MAIL WWW Skype   Вверх
vitalina
Дата 6.8.2008, 16:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

Репутация: -1
Всего: -4



Spasibo! Ja razobralasj sama!
--------------------
kornienko.ru - мой настоящий проект.
PM MAIL WWW Skype   Вверх
MNDRK
Дата 6.8.2008, 17:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Понятно, что для того, чтобы картинка пряталась после показа надо добавить "onmouseout"
Код

<div id="bigfoto" style="display: none;"><img src="foto.jpg" /></div>
<a href="adres" onmouseover="document.getElementById('bigfoto').style.display='block';" onmouseout="document.getElementById('bigfoto').style.display='none';">link</a>

Но вот как сделать задержку перед исчезновением? Например на 3 сек?
PM MAIL   Вверх
bars80080
Дата 6.8.2008, 18:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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



тогда лучше вынести в отдельную функцию:
Код

<script>
function hide() {
document.getElementById('bigfoto').style.display='none';
}
</script>
<a href="" onmouseout="setTimeout('hide()', 3000);">


Это сообщение отредактировал(а) bars80080 - 6.8.2008, 18:05
PM MAIL WWW   Вверх
dembel14
Дата 7.8.2008, 13:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



а не подскажите как сделать перезагрузку страницы, например у меня выполняется устловие <?php if($a==0)  ?> как сделать что бы при выполнение этого условия страница обновилась?
PM MAIL   Вверх
bars80080
Дата 7.8.2008, 13:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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



где у тебя выполняется условие? на сервере понятие "перезагрузка страницы" бессмысленно, ты её ещё не сгенерировала



Это сообщение отредактировал(а) bars80080 - 7.8.2008, 13:54
PM MAIL WWW   Вверх
Ockonal
Дата 7.8.2008, 14:34 (ссылка) |    (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Smile
*


Профиль
Группа: Участник
Сообщений: 219
Регистрация: 9.7.2007
Где: Ukraine::Nikolaev ;

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



Цитата

а не подскажите как сделать перезагрузку страницы, например у меня выполняется устловие <?php if($a==0)  ?> как сделать что бы при выполнение этого условия страница обновилась?

A php не прокатит?
Код

echo "<META HTTP-EQUIV=\"Refresh\" CONTENT=\"0; URL=http://your.site \ ">";

--------------------
Ум заключается не только в знании, но и в умении прилагать знание на деле.Самое лучшее из всех доказательств есть опыт.Каждому человеку свойственно ошибаться, но никому, кроме глупца, несвойственно упорствовать в ошибке.
PM MAIL WWW ICQ Skype GTalk Jabber MSN   Вверх
dembel14
Дата 10.8.2008, 11:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



и еще такой вопрос есть, возможно ли как нибудь получить из адресной строки ссылку на страницу?
PM MAIL   Вверх
Ockonal
Дата 10.8.2008, 11:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Smile
*


Профиль
Группа: Участник
Сообщений: 219
Регистрация: 9.7.2007
Где: Ukraine::Nikolaev ;

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



document.url ?
--------------------
Ум заключается не только в знании, но и в умении прилагать знание на деле.Самое лучшее из всех доказательств есть опыт.Каждому человеку свойственно ошибаться, но никому, кроме глупца, несвойственно упорствовать в ошибке.
PM MAIL WWW ICQ Skype GTalk Jabber MSN   Вверх
dembel14
Дата 10.8.2008, 13:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Ockonal, да
PM MAIL   Вверх
Ockonal
Дата 10.8.2008, 14:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Smile
*


Профиль
Группа: Участник
Сообщений: 219
Регистрация: 9.7.2007
Где: Ukraine::Nikolaev ;

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



Цитата

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

Можете объяснить, а то я не понял, что вам нужно.
--------------------
Ум заключается не только в знании, но и в умении прилагать знание на деле.Самое лучшее из всех доказательств есть опыт.Каждому человеку свойственно ошибаться, но никому, кроме глупца, несвойственно упорствовать в ошибке.
PM MAIL WWW ICQ Skype GTalk Jabber MSN   Вверх
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »


 




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


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

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