EOMY.NET
Хостинг EOMY.NET: Форум поддержки
 
 FAQFAQ   ПоискПоиск   ПользователиПользователи   ГруппыГруппы   РегистрацияРегистрация 
 ПрофильПрофиль   Войти и проверить личные сообщенияВойти и проверить личные сообщения   ВходВход 
RSS Feed  

DIV который меняет цвет

 
Начать новую тему   Ответить на тему    Список форумов EOMY.NET -> JavaScript, AJAX
DIV который меняет цвет
Автор Сообщение
Dr.Bodja
Хостинг — это наше всё!
Хостинг — это наше всё!


Зарегистрирован: 24.07.2007
Сообщения: 146
Откуда: Украина
1702 Монеты

СообщениеДобавлено: Пт, 17 Июл, 2009 15:52    Заголовок сообщения: DIV который меняет цвет Ответить с цитатой

Есть несколько слоев, они служат как кнопки. И нужно чтобы когда на них нажимают, и переходит на нужную страницу слой менял фон. Я догадываюсь как сделать, но увы в javascript очень плохо разбираюсь. 1. Проверяем урл страници на которой находимся если page1.html, то меняем фон в у слоя ИД 1, если page2.html, то меняем фон в у слоя ИД 2, и т.д. Спасибо!
_________________
База знаний Lineage 2
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Yahoo Messenger
madhamster
Согнул ложку
Согнул ложку


Зарегистрирован: 09.10.2006
Сообщения: 902

460 Монеты

СообщениеДобавлено: Пт, 17 Июл, 2009 16:52    Заголовок сообщения: Ответить с цитатой

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Dconnect.info</title>

        <style type="text/css">
        /*<![CDATA[*/

            body{
                font-family: Arial;
                font-size: 14px;
            }


            #menu{
                margin: 0px;
                padding: 0px;
            }

            #menu li{
                display: inline;
                list-style: none;
                background: #FF6633;
                padding: 10px;
            }

            #menu a{
                text-decoration: none;
                color: #FFF;
                outline: none;
            }


        /*]]>*/
        </style>

    </head>

    <body>


        <ul id="menu">
            <li><a href="index.html">Home</a></li>
            <li><a href="articles.html">Articles</a></li>
            <li><a href="downloads.html">Downloads</a></li>
            <li><a href="guestbook.html">GuestBook</a></li>
            <li><a href="about.html">About me</a></li>
        </ul>

    </body>



</html>
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/


    var menu  = document.getElementById('menu');
    var a     = menu.getElementsByTagName('a');

    var size  = a.length;
    var page  = location.pathname;
    var regex = new RegExp(page);



    for(var i=0;i<size;i++){


        if(regex.test(a[i].href)){

            a[i].parentNode.style.background = '#FFF';
            a[i].style.color = '#777777';

            break;
        }


    }



/*]]>*/
</script>

_________________
NextStage - live music competition
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
Dr.Bodja
Хостинг — это наше всё!
Хостинг — это наше всё!


Зарегистрирован: 24.07.2007
Сообщения: 146
Откуда: Украина
1702 Монеты

СообщениеДобавлено: Пт, 17 Июл, 2009 18:07    Заголовок сообщения: Ответить с цитатой

madhamster, спасибо, как раз то, что мне нужно.
_________________
База знаний Lineage 2
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Yahoo Messenger
Показать сообщения:   
Начать новую тему   Ответить на тему    Список форумов EOMY.NET -> JavaScript, AJAX Часовой пояс: GMT
Страница 1 из 1

 


Rambler's Top100   Рейтинг@Mail.ru    



Powered by phpBB © 2001, 2005 phpBB Group