Форум

zXus · #1 (**permalink**) 01.02.2015, 17:27

Здравствуйте! Мне нужно, чтобы при нажатии на ссылку, она меняла свой класс. Ссылка это весь блок и хочу сделать так, чтобы блок меня свой внешний вид так сказать. Но не могу сообразить где тут ошибка. В этом языке я новичок.

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title></title>
<link href="css/main.css" rel="stylesheet" type="text/css">
</head>

<body>
	<div><a href="#" class="part"></a></div>
<script type="text/javascript" href="js/main.js"></script>
</body>
</html>

$("a").click(function(){
  	$(".part").removeClass("part");
  	$(this).addClass("active");
	});

рони · #2 (**permalink**) 01.02.2015, 17:34

zXus,
jquery где?

zXus · #3 (**permalink**) 01.02.2015, 17:53

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title></title>
<link href="css/main.css" rel="stylesheet" type="text/css">
<script type="text/javascript" href="jquery.js"></script>
</head>

<body>
	<div><a href="#" class="part"></a></div>
<script type="text/javascript" href="main.js"></script>
</body>
</html>

рони · #4 (**permalink**) 01.02.2015, 18:02

zXus,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  body  a{
     color: #FFFFFF;

  }
  .active {
    background: #FFCC00;
  }
  .part{
         background: #339900;
  }
  a {
     cursor: pointer;
  }

  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
     $(function(){
      $("a").click(function(){
  	$(".part").removeClass("part");
  	$(this).addClass("active");
	});

});


  </script>
</head>

<body>
  <div><a href="#" class="part">test</a></div>
</body>

</html>

zXus · #5 (**permalink**) 01.02.2015, 18:06

Спасибо!)

Форум

Справочник

Discord чат

Курсы javascript