Я пытаюсь создать меню CSS и Javascript с текущим классом

#php #javascript #css #menu

#php #javascript #css #меню

Вопрос:

Я хочу создать приложение, созданное на javascript, PHP и CSS, но я застрял в тупом месте. Я хочу создать меню для загрузки ссылок в iframe с именем «ноль». И это работает, теперь я хочу сделать так, чтобы при нажатии на ссылку фон ссылки становился синим, а когда вы нажимаете на другую, фон снова становился белым, и эта ссылка становилась синей, и так далее. Сложность в том, что у меня есть все ссылки, подобные этой:

index.php?act=имя_страницы, так что на самом деле это одна и та же страница, разные ее части, загруженные в другой iframe.

и у меня есть Javascript для этого :

     function grafice() {
        document.getElementById("grafice").setAttribute("class", "current");
        window.open('index.php?act=grafice_comenzi','zero');
    }
  

где «текущий» выглядит так :

     #menucase ul.vert-one li a.current,ul.vert-one li a.current:hover 
    {
        background:#80BFFF;
        color:#333333;
        border-top:solid 1px #0099FF;
        border-bottom:solid 1px #0099FF;

    }
  

Как мне поступить дальше, я хочу, чтобы при нажатии на другую ссылку что-то в Javascript указывало предыдущей ссылке снова стать белой.

вот ссылка на мою страницу до сих пор :

http://www.guku.byethost31.com/temp/

кто-нибудь может мне помочь, пожалуйста?

Ответ №1:

Я бы сделал это: после нажатия на ссылку измените цвет фона на синий, а цвет фона остальных ссылок на странице измените на белый. (имяэлемЕнта.style.background: ….)

Другим и менее рекомендуемым вариантом является создание скрытого поля ввода, в котором вы сохраняете идентификатор ссылки, по которой вы нажали. После нажатия на другую ссылку вы можете получить идентификатор, который хранится в скрытом поле, и изменить его цвет фона на белый.

Удачи с этим.

Комментарии:

1. Хорошо, первая идея, что это лучше, потому что я хочу, чтобы эта страница была легкой, меньше 85 КБ, но… у меня очень ограниченные знания о Javascipt, я лучше разбираюсь в CSS и PHP. Как я могу это сделать? Что такое ElementName.style.background? Можете ли вы помочь мне с кодом, например, добавить его к моему собственному, чтобы я мог разобраться? Кроме того, я проделал еще кое-какую работу на своей странице, проверьте это, посмотрите исходный код, теперь каждая ссылка меняет цвет при нажатии. Большое спасибо!

2. попробуйте эту страницу, я нашел скрипт в Google, который делает что-то подобное, но я понятия не имею, как он это делает. Можете ли вы помочь мне понять? guku.byethost31.com/temp/tester.php