Помогите найти ошибку

supernet95 · March 16, 2012


<html>
<head>
<script>
function otkr(){
var svertmenu = document.getElementByid("svertmenu");

svertmenu.style.display = "block";
}
function zakr(){
var svertmenu = document.getElementByid("svertmenu");

svertmenu.style.display = "none";
}
</script>
</head>
<body>
<a href="#" onmouseover="otkr()" onmouseout="zakr()">Меню</a>
<div id="svertmenu" style="display: none;">Это меню</div>
</body>
</html>

alexandr_v-vich · March 16, 2012

<html>
<head>

</head>
<body>
<a href="#" onmouseover="otkr()" onmouseout="zakr()">Меню</a>
<div id="svertmenu" style="display: none;">Это меню</div>
</body>

<script>
var svertmenu = document.getElementById("svertmenu");
function otkr(){
svertmenu.style.display = "block";
}
function zakr(){
svertmenu.style.display = "none";
}
</script>

</html>

Во-первых, getElemenyById (I - большая).

Во-вторых, скрипт искал ещё когда не загрузилося DOM. Исправляется, тем (запомните это и применяйте), что вставляется после html, но в теге <html>, всмысле под конец. Или, менее хороший вариант - window.onload

А, ещё определение переменной вынес из функций, не знаю влияло ли на это, ну так лучше оставьте

Edited March 16, 2012 by alexandr_v-vich

supernet95 · March 16, 2012

Спасибо запомню на будущее.

vikver · March 17, 2012

Как вариант - можете написать на JQuery, используя событие .hover()


  $(document).ready(function(){
     $('body > a').hover(function(){
           $('#svertmenu').css('display', 'block');
     }, function(){
           $('#svertmenu').css('display', 'none'); 
});

  });

Конечно, если у вас на странице будет несколько ссылок, правильней будет присвоить этой какой-нить id.

Edited March 17, 2012 by vikver

alexandr_v-vich · March 17, 2012

Как вариант - тут и без js можно...


<html>
<head>
</head>
<body>
<div id="base">
    <a href="#">Меню</a>
    <div id="svertmenu">Это меню</div>
</div>
</body>

<style>
#base #svertmenu {display: none;}
#base:hover #svertmenu {display: block;}
</style>
</html>

Int · March 17, 2012

Во-вторых, скрипт искал ещё когда не загрузилося DOM.

С какого перепуга? Код же в функциях.

alexandr_v-vich · March 17, 2012

Int,

http://jsfiddle.net/RHJ9W/6/

http://jsfiddle.net/RHJ9W/7/

Когда я так делал, мне ответили, как вот я выше, и посоветовали то, что я, вот, выше) Я не программист и не кодер, почему оно так не скажу, но вроде всё к тому идёт...

Edited March 17, 2012 by alexandr_v-vich

Int · March 17, 2012

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
function otkr() {
	var svertmenu = document.getElementById("svertmenu");
	svertmenu.style.display = "block";
}
function zakr() {
	var svertmenu = document.getElementById("svertmenu");
	svertmenu.style.display = "none";
}
</script>
</head>
<body>
<a href="#" onmouseover="otkr()" onmouseout="zakr()">Меню</a>
<div id="svertmenu" style="display: none;">Это меню</div>
</body>
</html>

Ты давай не мухлюй, пиши так, как в оригинале было!

alexandr_v-vich · March 17, 2012

А ну да, всё, понял, приношу извинения. Я же и вынес из функции определение переменной, потому и не успевала, а в функции - да. А так ошибка только в букве была..

Перепутался немного....но суть та же. Лучше всегда скрипты после писать...да и переменные выносить в таких ситуациях.

Спасибо, что поправили)

Sign In

Помогите найти ошибку

Question

supernet95

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

alexandr_v-vich

Link to comment

Share on other sites

supernet95

Link to comment

Share on other sites

vikver

Link to comment

Share on other sites

alexandr_v-vich

Link to comment

Share on other sites

Int

Link to comment

Share on other sites

alexandr_v-vich

Link to comment

Share on other sites

Int

Link to comment

Share on other sites

alexandr_v-vich

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information