Форум

frant32 · #1 (**permalink**) 21.08.2012, 23:06

суть такова возможно ли по клику на обект узнать его id?

lord2kim · #2 (**permalink**) 21.08.2012, 23:17

frant32,

<html>
<head>
<title>...</title>
</head>
<body>
<input type="button" id="but" onClick="alert(this.id)" value="Click">
</body>
</html>

frant32 · #3 (**permalink**) 21.08.2012, 23:29

я имел ввиду чтобы функция узнавала id обекта на который клинули и потом в зависимости от его значения исполняла то что задано.)

Deff · #4 (**permalink**) 21.08.2012, 23:31

frant32,
Приведите пример кода HTML

Достаточно легко это сделать на jQuery,

На js - будет сложней

lord2kim · #5 (**permalink**) 21.08.2012, 23:36

frant32,

<html>
<head>
<title>...</title>
</head>
<body>
<div id="id1" style="background: lightgreen;">asdasd</div>
 
<script>
document.body.onclick = function (e) {
    e = e || event;
    var target = e.target || e.srcElement;
    if (target.tagName == 'DIV') {
      if (target.id == "id1") {
          alert("одно действие");
      }
      else {
          alert("другое действие");
      }
    }
}
</script>
</body>
</html>

frant32 · #6 (**permalink**) 21.08.2012, 23:45

lord2kim · #7 (**permalink**) 21.08.2012, 23:46

frant32,

<style>
#n1,#n2,#n3,#n4,#n5{width:100px;height:100px; margin:1px;background:#000;}
</style>
<script>
function getid(el){
id=el.id;
if(id.slice(1,2)>=3){чёто происходит (не важно) }
}
</script>

<div id='n1' onclick='getid(this);'></div>
<div id='n2' onclick='getid(this);'></div>
<div id='n3' onclick='getid(this);'></div>
<div id='n4' onclick='getid(this);'></div>
<div id='n5' onclick='getid(this);'></div>

Форум

Справочник

Discord чат

Курсы javascript