Модераторы: Illuminaty

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> вопрос Монстрам JavaScript, можно ли сделать так... 
:(
    Опции темы
Foxx
  Дата 24.3.2003, 23:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

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



Чтобы при наведении на слово (да и неважно куда) чтобы скрипт в определенном месте дописывал инфу. То есть сделать что-то вроде меняющийхся картинок, но только с помощью текста.
PM MAIL ICQ   Вверх
[xoodo]
Дата 25.3.2003, 07:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Вроде, ничего монстрического...

Код
<script>
function change1(){
   document.getElementById("span2").style.display="none";
   document.getElementById("span3").style.display="";
}
function change2(){
   document.getElementById("span3").style.display="none";
   document.getElementById("span2").style.display="";
}
</script>

<span id="span1" onMouseover="change1()" onMouseout="change2()">SPAN1</span>
<span id="span2" style="display:">SPAN2</span>
<span id="span3" style="display:none">SPAN3</span>


Это, правда, только для Эксплорера 5+ и Оперы 6+. Для Нетскейпа вместо display придется пользоваться visibility (visible/hidden), и там теряется красота задумки. Хотя, возможно, устроит и подобный вариант.

Что-то добавлять в документ другим способом (кроме показывания/скрывания уже написанного) Яваскрипт вроде неспособен. Еще варианты - фреймы и обновление всего содержания (document.write()), но это уже зависит от смысла проекта. Дерзай, создатель!
PM   Вверх
Foxx
Дата 25.3.2003, 18:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

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



спасибо smile.gif
правда пока не работает, но для чего нужна голова и руки ? smile.gif
PM MAIL ICQ   Вверх
Guest_DeathStorm
Дата 25.3.2003, 18:39 (ссылка)    |    (голосов: 0) Загрузка ... Загрузка ... Быстрая цитата Цитата


Unregistered











document.getElementById("span3").innerText

document.getElementById("span3").innerHTML
  Вверх
Alex101
Дата 25.3.2003, 18:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник Клуба
Сообщений: 891
Регистрация: 8.4.2002
Где: Москва

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



Для нетшкафа можно использовать LAYER, с мозилой похуже все обстоит...


--------------------
С уважением, А. Фролов.
PM MAIL ICQ   Вверх
Foxx
Дата 25.3.2003, 20:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

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



Цитата
document.getElementById("span3").innerText
document.getElementById("span3").innerHTML

куда это сувать? smile.gif
PM MAIL ICQ   Вверх
Foxx
Дата 25.3.2003, 20:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

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



Цитата
Вроде, ничего монстрического...

Код
<script>
function change1(){
   document.getElementById("span2").style.display="none";
   document.getElementById("span3").style.display="";
}
function change2(){
   document.getElementById("span3").style.display="none";
   document.getElementById("span2").style.display="";
}
</script>

<span id="span1" onMouseover="change1()" onMouseout="change2()">SPAN1</span>
<span id="span2" style="display:">SPAN2</span>
<span id="span3" style="display:none">SPAN3</span>


Это, правда, только для Эксплорера 5+ и Оперы 6+. Для Нетскейпа вместо display придется пользоваться visibility (visible/hidden), и там теряется красота задумки. Хотя, возможно, устроит и подобный вариант.

Что-то добавлять в документ другим способом (кроме показывания/скрывания уже написанного) Яваскрипт вроде неспособен. Еще варианты - фреймы и обновление всего содержания (document.write()), но это уже зависит от смысла проекта. Дерзай, создатель!

слушай, а у тебя это работает?
у меня вообще не хотит. говорит что такого обьекта не существует sad.gif
PM MAIL ICQ   Вверх
[xoodo]
Дата 26.3.2003, 06:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



В Эксплорере 5+ не работает getElementById()?!
О Боги, Страшный Суд настал!!!

Только что перепроверил свой код - пашет без ошибок. Если что менял - проверяй изменения. У тебя браузер который?
PM   Вверх
Foxx
Дата 26.3.2003, 13:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

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



IE5, Opera7, и ни в одном sad.gif
Щас его раз счаться попытаю...
PM MAIL ICQ   Вверх
Foxx
  Дата 26.3.2003, 13:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

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



Цитата
В Эксплорере 5+ не работает getElementById()?!
О Боги, Страшный Суд настал!!!

ага... именно в этой строчке где находиться etElementById() и выдаются ошибки
PM MAIL ICQ   Вверх
[xoodo]
Дата 27.3.2003, 05:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



В Эксплорере:

document.getElementById("crap")=document.all("crap")

Opera 7 вроде поймет, хотя теперь я ни в чем не уверен. У меня работают без ошибок оба варианта в обоих браузерах. Парадокс? Может, я особенный како-то? smile.gif
PM   Вверх
Foxx
Дата 27.3.2003, 12:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

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



может быть smile.gif
PM MAIL ICQ   Вверх
Cepera
Дата 27.3.2003, 15:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


PHPexp
****


Профиль
Группа: Экс. модератор
Сообщений: 2146
Регистрация: 25.3.2002
Где: Russia, Samara

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



[xoodo], по идее Опера еще в версии 6.01 анонсировала возможность поддержки метода getElementById()...


--------------------
I know it is heavy for reading, but I know you will read it anyway...
PM MAIL WWW ICQ   Вверх
[xoodo]
Дата 28.3.2003, 06:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Cepera Опера с 5-й версии "анонсировала" нормальную поддержку CSS и Яваскрипта а-ля W3C. И что? Если бы! Нагрели, буржуи! Только с 7-й хоть что-то работает...
PM   Вверх
Foxx
Дата 8.4.2003, 13:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

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



в общем я сделал что хотелось, но немного другим способом smile.gif


Код

<script language="JavaScript">
function fg()
{
objHead1 = document.all["Heading1"];
objHead1.innerText = "А это новый заголовок";
}
</script>
<form>
<input type="Button" onclick="fg();">
<h3 id=Heading1 onmousemover="asd()">Это старый заголовок</h3>

PM MAIL ICQ   Вверх
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




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


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

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