• 16.12.2018, 02:39:22 *
  • Добро пожаловать, Гость
Пожалуйста, войдите или зарегистрируйтесь.

Расширенный поиск  
collapse
* Голосование
  • Нравится ли Вам Opera AC?
  • Dot Конечно, она просто супер!
  • 1598 (77%)
  • Dot В целом да, но много лишнего..
  • 366 (17%)
  • Dot Для ознакомительных целей
  • 64 (3%)
  • Dot Нет
  • 24 (1%)
  • Dot А что это такое?
  • 20 (0%)
  • Проголосовало пользователей: 2026
  • Смотреть тему

Реклама:

Автор Тема: javascript Opera и IE, помогите!  (Прочитано 36613 раз)

0 Пользователей и 1 Гость просматривают эту тему.

yeti

javascript Opera и IE, помогите!
« : 19.03.2008, 11:38:39 »
здравствуйте! такая проблема: написал скрипт в html, в IE он работает, а в Opera нет. в чём ошибка?
код:
<html>
<head>
<title>изменение текста</title>
<SCRIPT LANGUAGE="VBScript">
<!--
Sub IM()
DD.STYLE.COLOR="red"
DD.STYLE.fontsize="55px"
End Sub
Sub IM1()
DD.STYLE.COLOR="blue"
DD.STYLE.fontsize="15px"
End Sub
-->
</SCRIPT>
</head>
<body bgcolor=#fafad2>
<span ID="DD" OnMouseMove="IM" OnMouseOut="IM1">текст</span>

</body>
</html>
Записан

Lex1

javascript Opera и IE, помогите!
« Ответ #1, : 19.03.2008, 15:27:14 »
Цитировать
в чём ошибка?
VBScript поддерживает только IE.
Записан

Lex1

javascript Opera и IE, помогите!
« Ответ #2, : 19.03.2008, 16:04:30 »
Используйте css или javascript. Например так
...
<body bgcolor=#fafad2>
<span ID="DD" OnMouseMove="this.style.color='red';this.style.fontSize='55px';" OnMouseOut="this.style.color='blue';this.style.fontSize='15px';">текст</span>
</body>
...

Ну а если бы IE был не таким кривым, можно было бы сделать это нормально, на css
<head>
<title></title>
<style type="text/css">
span#DD{font-size:15px;color:blue;}
span#DD:hover{font-size:55px;color:red;}
</style>
</head>
<body>

<body bgcolor=#fafad2>
<span ID="DD">текст</span>
P.S. Справочники середины девяностых сейчас не слишком актуальны.
Записан

yeti

  • Пользователь
  • **

  • Автор темы
  • Репутация: 0
  • Оффлайн Оффлайн
  • Сообщений: 18
javascript Opera и IE, помогите!
« Ответ #3, : 20.03.2008, 20:10:29 »
ух ты, работает! спасибо! а меню не поможете сделать? надо чтобы при наведении или щелчке мышью по одной ссылке выпадал список из других ссылок.
Цитировать
P.S. Справочники середины девяностых сейчас не слишком актуальны.
в смысле? посоветуете нечто более актуальное?
Записан

Lex1

javascript Opera и IE, помогите!
« Ответ #4, : 20.03.2008, 22:17:19 »
Цитировать
а меню
http://www.webmascon.com/topics/coding/42a.asp
http://js.aceweb.ru/javascript/2/1/js.html

Цитировать
нечто более актуальное?
Ну, например http://www.htmlbook.ru/ почитайте.
Записан

yeti

  • Пользователь
  • **

  • Автор темы
  • Репутация: 0
  • Оффлайн Оффлайн
  • Сообщений: 18
javascript Opera и IE, помогите!
« Ответ #5, : 22.03.2008, 18:02:30 »
спасибо!
Записан

yeti

  • Пользователь
  • **

  • Автор темы
  • Репутация: 0
  • Оффлайн Оффлайн
  • Сообщений: 18
Re: javascript Opera и IE, помогите!
« Ответ #6, : 12.04.2008, 19:14:12 »
Здравствуйте! Проблема такова: в html написан текст, отформатированный с помощью css. Для смыслового выделения требуется разделительная линия
. В Opera всё нормально работает, а вот IE упирается. Код:

<style type="text/css">
p{position:absolute;font-family:Tahoma;font-size:13;color:fuchsia;left:8pt;top:150pt;right:150pt;
bottom:50pt;margin-bottom:50pt;text-align:justify;padding-bottom:100pt}
</style>
</head>
<body bgcolor="black">

текст
   

<hr width="100px">
   

   текст

Записан

Lex1

Re: javascript Opera и IE, помогите!
« Ответ #7, : 13.04.2008, 12:00:54 »
Цитировать
а вот IE упирается
В фоксе и сафари та же проблема, т. ч. видимо стоит использовать div-ы с которыми всё нормально.
Записан

yeti

  • Пользователь
  • **

  • Автор темы
  • Репутация: 0
  • Оффлайн Оффлайн
  • Сообщений: 18
Re: javascript Opera и IE, помогите!
« Ответ #8, : 14.04.2008, 11:15:20 »
стоит использовать div-ы с которыми всё нормально.
в смысле разделительную линию оформить в div`е? если да, то как?
Записан

Lex1

Re: javascript Opera и IE, помогите!
« Ответ #9, : 14.04.2008, 14:09:26 »
Использовать <div> вместо

. Параграф всё же предназначен для текста

.
Записан

yeti

  • Пользователь
  • **

  • Автор темы
  • Репутация: 0
  • Оффлайн Оффлайн
  • Сообщений: 18
Re: javascript Opera и IE, помогите!
« Ответ #10, : 16.04.2008, 14:12:43 »
IE понимает псевдокласс :hover лишь для тега <a>
li:hover ему ни о чём не говорит.
я написал выпадающее меню, а в IE он не работает. Что делать?
Код:
<html>
<head>
<title></title>
</head>
<style type="text/css">
<!--
ul li {position:relative}
li ul {display:none}
li:hover ul {display:block}
ul {margin-left:0;padding:0;list-style:none;width:150px}
-->
</style>
<body>
<span style="position:absolute;left:10pt;top:250pt;font-family:Tahoma;font-size:13;font-weight:bold">

     
  • <a href="#">Home[/url]

  •  
  • <a href="#">About[/url]
       

            <li style="position:relative;padding-left:10pt"><a href="#">History[/url]
            <li style="position:relative;padding-left:10pt"><a href="#">Team[/url]
            <li style="position:relative;padding-left:10pt"><a href="#">Offices[/url]
         

     

  •  
  • <a href="#">Services[/url]
       

            <li style="position:relative;padding-left:10pt"><a href="#">Web Design[/url]
            <li style="position:relative;padding-left:10pt"><a href="#">Internet Marketing[/url]
            <li style="position:relative;padding-left:10pt"><a href="#">Hosting[/url]
            <li style="position:relative;padding-left:10pt"><a href="#">Domain Names[/url]
            <li style="position:relative;padding-left:10pt"><a href="#">Broadband[/url]
         

     

  •  
  • <a href="#">Contact Us[/url]
       

            <li style="position:relative;padding-left:10pt"><a href="#">United Kingdom[/url]
            <li style="position:relative;padding-left:10pt"><a href="#">France[/url]
            <li style="position:relative;padding-left:10pt"><a href="#">USA[/url]
            <li style="position:relative;padding-left:10pt"><a href="#">Australia[/url]
         

     


</span>
</body>
</html>
Записан

Lex1

Re: javascript Opera и IE, помогите!
« Ответ #11, : 16.04.2008, 20:18:31 »
Цитировать
http://www.webmascon.com/topics/coding/42a.asp
http://js.aceweb.ru/javascript/2/1/js.html
По одной из ссылок была js-ка которая добавляет это в IE.
Записан

yeti

  • Пользователь
  • **

  • Автор темы
  • Репутация: 0
  • Оффлайн Оффлайн
  • Сообщений: 18
Re: javascript Opera и IE, помогите!
« Ответ #12, : 19.04.2008, 21:40:17 »
пробовал. либо не совсем то, либо что-то не так сделал. нет ведь разницы? как писать:
как по ссылке (т.е. как на http://www.webmascon.com/topics/coding/42a.asp)
или так:
startList = function() {if (document.all&&document.getElementById) {navRoot = document.getElementById("nav");for (i=0; i<navRoot.childNodes.length; i++) node = navRoot.childNodes; if (node.nodeName=="LI") {   node.onmouseover=function() {
Записан

Lex1

Re: javascript Opera и IE, помогите!
« Ответ #13, : 20.04.2008, 00:46:09 »
Так. Добавляем идентификатор по которому его будет находить скрипт к тегу
    и «li.over ul», имитирующий вместе с js-кодом поведение «:hover», в стили.
<html>
<head>
<title></title>
</head>
<style type="text/css">
<!--
ul li {position:relative}
li ul {display:none}
li:hover ul, li.over ul {display:block}
ul {margin-left:0;padding:0;list-style:none;width:150px}
-->
</style>
<script type="text/javascript">
startList = function() {
      if (document.all&&document.getElementById) {
            navRoot = document.getElementById("nav");
            for (i=0; i<navRoot.childNodes.length; i++) {
                  node = navRoot.childNodes[i];
                  if (node.nodeName=="LI") {
                        node.onmouseover=function() {
                              this.className+=" over";
                        }
                        node.onmouseout=function() {
                              this.className=this.className.replace(" over", "");
                        }
                  }
            }
      }
}
window.onload=startList;
</script>

<body>
<span style="position:absolute;left:10pt;top:250pt;font-family:Tahoma;font-size:13;font-weight:bold">
<ul id="nav">
  <li><a href="#">Home</a></li>
  <li><a href="#">About</a>
    <ul>
      <li style="position:relative;padding-left:10pt"><a href="#">History</a></li>
      <li style="position:relative;padding-left:10pt"><a href="#">Team</a></li>
      <li style="position:relative;padding-left:10pt"><a href="#">Offices</a></li>
    </ul>
  </li>
  <li><a href="#">Services</a>
    <ul>
      <li style="position:relative;padding-left:10pt"><a href="#">Web Design</a></li>
      <li style="position:relative;padding-left:10pt"><a href="#">Internet Marketing</a></li>
      <li style="position:relative;padding-left:10pt"><a href="#">Hosting</a></li>
      <li style="position:relative;padding-left:10pt"><a href="#">Domain Names</a></li>
      <li style="position:relative;padding-left:10pt"><a href="#">Broadband</a></li>
    </ul>
  </li>
  <li><a href="#">Contact Us</a>
    <ul>
      <li style="position:relative;padding-left:10pt"><a href="#">United Kingdom</a></li>
      <li style="position:relative;padding-left:10pt"><a href="#">France</a></li>
      <li style="position:relative;padding-left:10pt"><a href="#">USA</a></li>
      <li style="position:relative;padding-left:10pt"><a href="#">Australia</a></li>
    </ul>
  </li>
</ul>
</span>
</body>
</html>
Записан

yeti

  • Пользователь
  • **

  • Автор темы
  • Репутация: 0
  • Оффлайн Оффлайн
  • Сообщений: 18
Re: javascript Opera и IE, помогите!
« Ответ #14, : 22.04.2008, 12:09:18 »
Спасибо! Работает!
Записан
 




Реклама:

Счетчик

Страница сгенерирована за 0.063 секунд. Запросов: 36.