Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Смена контента при нажатии на ссылку(css) (https://javascript.ru/forum/misc/30053-smena-kontenta-pri-nazhatii-na-ssylku-css.html)

x-miller-x 22.07.2012 16:40

Смена контента при нажатии на ссылку(css)
 
Привет всем! Как реализовать скрипт, который при смене контента стиль ссылки этого контента отображался другим цветом. У меня контент меняется, но не знаю как стили менять(

Deff 22.07.2012 16:58

Цитата:

Сообщение от x-miller-x
Привет всем! Как реализовать скрипт, который при смене контента стиль ссылки этого контента отображался другим цветом. У меня контент меняется, но не знаю как стили менять(

Смене контента чем ? - если скриптом - поменяйте/добавьте класс у элемента - этому классу пропишите нужный стиль

x-miller-x 22.07.2012 17:43

Цитата:

Сообщение от Deff (Сообщение 190727)
Смене контента чем ? - если скриптом - поменяйте/добавьте класс у элемента - этому классу пропишите нужный стиль

да скриптом. Как ? можете помочь ?

Deff 22.07.2012 18:12

Цитата:

Сообщение от x-miller-x
Смене контента чем ? - если скриптом -

Выложите HTML код кликабельного элемента
jQuery - есть на страничке ?

lord2kim 22.07.2012 21:36

Цитата:

Сообщение от x-miller-x (Сообщение 190724)
Привет всем! Как реализовать скрипт, который при смене контента стиль ссылки этого контента отображался другим цветом. У меня контент меняется, но не знаю как стили менять(

<html>
<head>
<title></title>
<style>
a.class1 {
    color: blue;
}

a.class2 {
    color: red;
}
</style>
</head>
<body>
<a href="#" onClick="change_txt(this)" class="class1">Click</a>
<div id="div"></div>
<script>
var d = document;
function change_txt(a) {
    if (a.className == "class1") {
       a.className = "class2";
       d.getElementById("div").innerHTML = "второй класс";
    }
    else {
       a.className = "class1";
       d.getElementById("div").innerHTML = "первый класс";
    }
}
</script>
</body>
</html>

x-miller-x 23.07.2012 06:04

<script type="text/javascript" src="js/jquery.js"></script>
<script>
$(function(){
$("#button2").css({
opacity: 0.3
});
$("#button3").css({
opacity: 0.3
});
$("#button4").css({
opacity: 0.3
});
<head>
<script>

$(function(){
$("#cont1").show();
$("#cont2").hide();
$("#cont3").hide();
$("#cont4").hide();
$("#button2").click(function(){
$("#cont2").show();
$("#cont1").hide();
$("#cont3").hide();
$("#cont4").hide();
});
$("#button1").click(function(){
$("#cont1").show();
$("#cont2").hide();
$("#cont3").hide();
$("#cont4").hide();
});
$("#button3").click(function(){
$("#cont3").show();
$("#cont1").hide();
$("#cont2").hide();
$("#cont4").hide();
});
$("#button4").click(function(){
$("#cont4").show();
$("#cont1").hide();
$("#cont2").hide();
$("#cont3").hide();
});
});
</script>
</head>
<body>
<div class="popular">
<div id="cont1">
<div class="leftside">
<div class="want"></div>
<h1>Начните работать с SMLOUD!</h1><br />
<div><b>SMLOUD</b> - это широкий спектр услуг для продвижения вашей группы/приложения Вконтакте</div>
</div>
<div class="rightside">
<div class="podpiska">
</div>
</div>
</div>
<div id="cont2">
<div class="content2">
</div>
</div>
<div id="cont3">
<div class="content3">
</div>
</div>
<div id="cont4">
<div class="content4">
<a href="#" class="registred"></a>
</div>
</div>
</div>
<div class="popbot">
<ul>
<li id="button1">Что такое SMLOUD<div class="border"></div></li>
<li id="button2">Как это работает?<div class="border"></div></li>
<li id="button3">Какие плюcы системы<div class="border"></div></li>
<li id="button4">Как начать?</li>
</ul>
<div class="linkreg"><a href="#">Зарегистрироваться</a>
</div>
</div>
</body>
</html>

вот скрипт

rus71 24.05.2014 11:31

смена стиля ссылки
 
Добрый день, подскажите пожалуйста, есть скрипт смены контента
<script>
var OBJ;

function myFunc (x)
{
var t = document.getElementById (x);
if (OBJ != t)
{
if (OBJ) OBJ.style.display = 'none';
t.style.display = 'block';
OBJ = t;
}

}
window.onload = function(){myFunc ('strahCompany')}
</script>


Сам контент

<div id="compani"><div><a href=”#1” onclick="myFunc ('strahCompany'); return false" class="dot">Страховые компании
</a></div></div>
<div id="cintr1"><div><a href=”#2” onclick="myFunc ('strahBroker'); return false" class="dot">Страховые брокеры
</a></div></div>

</div>
<img src="images/strahcompany.png" width="965" height="385" id="strahCompany">
<img src="images/strahbroker.png" width="965" height="385" id="strahBroker" style="display: none">


Как реализовать, смену класса у ссылки на которой сейчас находимся?


Часовой пояс GMT +3, время: 14:17.