JavaScript не работает после внесения изменений

У меня есть скрипт java, который в основном изменяет zindex изображения, когда мышь над ним. хотя это работает, мне пришлось переделать некоторые из параметров и позиционирования в CSS. теперь скрипт не работает для изображений. чтобы увидеть пример, перейдите в http://officialacescottie.co.uk и проверьте, что Home не работает, и все остальные для него работают.JavaScript не работает после внесения изменений

<script> 

A="" 
function mouseover1() { 
document.getElementById(A).style.zIndex="1" 
} 
function mouseoff1() { 
document.getElementById(A).style.zIndex="100" 
} 
</script>

CSS

#HButton { background-image:url(../DefaultPage/Buttons/Home.gif); background-color:#000; height:14.8%; width:100%; color:#FFF; background-size:100%; position:absolute; z-index:90; left:0px; background-repeat:no-repeat;} 

#HButton2 { background-image: url(../DefaultPage/Buttons/HomeP.gif); background-color:#000; height:14.8%; width:100%; color:#FFF; background-size:100%; position:absolute; z-index:89; top:0px; left:0px; background-repeat:no-repeat;}

Вот код CSS, который разбивается

Это один работает:

CSS

#HButton { background-image:url(../DefaultPage/Buttons/Home.gif); background-color:#000; float:left; height:60px; width:350px; color:#FFF; background-size:100%; position:relative; z-index:90;} 

#HButton2 { background-image: url(../DefaultPage/Buttons/HomeP.gif); background-color:#000; float:left; height:60px; width:350px; color:#FFF; background-size:100%; position:relative; z-index:10; top:-60px;}

Оба кода использовать одно Div тег

HTML

<div id="HButton" onmouseover="A='HButton'; mouseover1()" onmouseout="A='HButton'; mouseoff1()"> 
</div> 
<div id="HButton2" onmouseover="A='HButton'; mouseover1()" onmouseout="A='HButton'; mouseoff1()"> 
</div>

источник

2014-02-05 AceScottie

Как я вижу на вашем сайте никто из них не работает, потому что вы Ждут» t закройте свой тег скрипта. Но это наименьшее из ваших проблем. –

Вы не можете использовать теги комментариев HTML внутри тега скрипта. Удалите эти комментарии и поместите свой скрипт с функциями в главном разделе, и все. – Givi

спасибо. Я использовал шаблоны Adobe, поэтому я не заметил. Шаблон не обновлял остальное досадно. извлеченные уроки, не используйте шаблоны. если вы хотите указать мою основную проблему, оцените ее. только делал это около 3 дней, так что все еще нуб. – AceScottie

Есть 2 различия, что я был в состоянии определить:

1) You have google ads on home but not AceWorks (dont think this is causing the issue) 
2) You closed the script tag on AceWorks but missed it on Home

Пожалуйста, измените # 2 ,

источник

2014-02-05 19:31:53 malkassem

Вы забыли запятой? A = ""; Его важное значение в JavaScript Но лучше solutiin проходит переменной А в функции

функция mouseover1 (A)

источник

2014-02-05 19:26:42 LONGMAN

Его внутри html, поэтому нет отдельного JS-файла, и он работает так же, как и не с главной страницы. любая другая страница, которую я еще не редактировал, работает, такой же точный код, кроме CSS. Мне сказали, что ты не кладешь; в html. – AceScottie

Проверьте журнал своей консоли, что функции не определены.

также другой подход может быть таким:

Javascript

function mouseIn(y){ 
    y.style.zIndex = "1"; 
} 

function mouseOut(y){ 
    y.style.zIndex = "100"; 
}

HTML

<div id="HButton" onmouseover="mouseIn(this)" onmouseout="mouseOut(this)"></div>

источник

2014-02-05 19:36:33 AJC

JavaScript не работает после внесения изменений

ответ

Смежные вопросы