Форум

raffx · #1 (**permalink**) 16.10.2012, 12:08

Привет. Помогите плиз разобраться с кодом. Есть такой html:

<a href="#" onclick="showWork(GTL)">GTL</a>

Вот код JS:

function showWork(name){
	alert('work name is '+name);
}

Надо чтобы при клике написал: work name is GTL.
Помогите пожалуйста правильно написать скрипт.

Hekumok · #2 (**permalink**) 16.10.2012, 14:04

ну GTL в кавычки возьмите

<a href="#" onclick="showWork('GTL')">GTL</a>
<script>
function showWork(name) {
alert("work name is "+name) ;
return false ;
} ;
</script>

raffx · #3 (**permalink**) 16.10.2012, 15:04

Hekumok,
Спасибо

cyber · #4 (**permalink**) 16.10.2012, 15:23

не хватает

return false;

что бы отметить переход по ссылке.

Hekumok · #5 (**permalink**) 16.10.2012, 15:30

cyber, оке

raffx · #6 (**permalink**) 16.10.2012, 16:02

cyber, понял, добавлю, спасибо.
А можно ли вдобавок к этому поменять класс тега <a>, с которого делался клик? Вроде должно быть что-то такое

this.className="active";

но чего-то не работает

cyber · #7 (**permalink**) 16.10.2012, 16:11

raffx,

<!DOCTYPE HTML>
<html>
  <head> 
  <style>
    .red{
      color:red;
    }
    .green{
      color:green;
    }
    
    </style>
  </head>
  <body>
   
    <a href="#" class="red" >link</a>
    
    <script>

 var link = document.body.children[0];
      
      link.onclick = function () {
      
        this.className = "green";
       
      return false;
      };    


    </script>

  </body>
</html>

lord2kim · #8 (**permalink**) 16.10.2012, 16:13

Сообщение от raffx

cyber, понял, добавлю, спасибо.
А можно ли вдобавок к этому поменять класс тега <a>, с которого делался клик? Вроде должно быть что-то такое

this.className="active";

но чего-то не работает

<a href="#" onclick="alert(this.className); showWork('GTL', this); alert(this.className);">GTL</a>
<script>
function showWork(name, href) {
    href.className = "abc";
    alert("work name is "+name);
    return false;
}
</script>

cyber · #9 (**permalink**) 16.10.2012, 16:24

lord2kim, не очень хорошо писать Js в атрибуте onclick

raffx · #10 (**permalink**) 16.10.2012, 16:27

cyber, вроде также делаю, но не работает.
Прошу прощения за назойливость, не могли бы указать на ошибку в полном коде.
html

<ul><li class="leftmenu" onclick="showWork('gtl')">
	<a class="passive" href="#">GTL</a>
</li>
<li class="leftmenu" onclick="showWork('sotrudnichestvo')">
	<a class="passive" href="#">Сотрудничество</a>
</li>
</ul>

js

function showWork(name){
	var previous=document.getElementsByClassName('active'); 
        for (var i = 0; i < previous.length; i++) { 
            previous[i].className="passive"; 
        }
	this.className = 'active';
}

При клике на ссылку класс должен меняться на active, а при клике на другую ссылку, должен обратно меняться на passive.

Форум

Справочник

Discord чат

Курсы javascript