Как сделать, чтобы скрипт работал на одной странице?

Question

Как сделать, чтобы скрипт работал на одной странице?

Рейтинг: 0Ответов: 2Опубликовано: 07.03.2011

Здравствуйте.

Возникла следующая проблема: нужно, чтобы при наведении курсора на картинку, она менялась на другую. Это нужно сделать в статической странице на DLE. Всего 2 фото. Читал что надо применить hover, но что-то не получается (может не туда вставляю, надо именно на определённую страницу вставить). Пробовал применить "JavaScript", всё работает, но только на первой странице, а как перенести её в статическую, не могу понять. (Прописывал ява скрипт в head и в body, поэтому и работает на первой странице, а когда пытался вставить в новость или в статическую страницу, ничего не происходило или вообще ничего не было видно). Необходимо вставить только на одну определенную страницу.

Объясните пожалуйста, если можно очень подробно, что и куда надо вставить. Буду благодарен за помощь!

javascript html

Источник: Stack Overflow на русском

Answer 1

▲ 2

Пример с hover:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hover</title>
<style>
 /* картинки в папке в корне сайта nyanyanya.nya/images/nya.ico */
 #myimage {
     /* http://nya.sh/favicon.ico */
     background:url(images/nya.ico) no-repeat 0px 0px;
     width: 16px;
     height: 16px;
 }
 #myimage:hover {
     /* http://hashcode.ru/upfiles/favicon.ico */
     background:url(images/hash.ico) no-repeat 0px 0px;
 }
</style>
</head>

<body>
    <img id="myimage" />
</body>
</html>

Пример с javascript:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Javascript</title>
</head>

<body>
    <img id="myimage" src="images/nya.ico"
                     
                      />
</body>
</html>

Answer 2

▲ 2

Прописывал ява скрипт в head и в body, поэтому и работает на первой странице, а когда пытался вставить в новость или в статическую страницу, ничего не происходило или вообще ничего не было видно

Вы через добавление новости/статической страницы скрипт вставляли? Если да, то DLE вырезает скрипты, поэтому у вас ничего и не работало.

Вариант 1

Вставить скрипт в статическую страницу напрямую через phpmyadmin

Вариант 2

В саму статическую страницу вставляем

<img id="myimage" src="images/image1.jpg" />

И в шаблоне main.tpl перед закрывающим элементом </body> дописываем

[aviable=static]<script>
document.getElementById('myimage').onmouseover = function() {
     this.src='image2.jpg';
}
document.getElementById('myimage').onmouseout = function() {
     this.src='image1.jpg';
}
</script>[/aviable]

Как сделать, чтобы скрипт работал на одной странице?

Ответы