link - Kody, triki, sztuczki

8 kwi 2009

Link na całego diva

<HTML>
 <HEAD>
  <TITLE> link na całego diva </TITLE>
 <style>
  
  .test {
   background-color:#ffe592;
   height: 30px;
   margin: 10px 0;
  }
  .test a {
   background-color:#ffe592;
   display:block; width:100%;
   height: 30px;
  }
  .test a:hover {
   background-color:#a6b6cc;
  }

</style>
 </HEAD>

<BODY>
 <div class="test"><a href="">link na całego diva 1</a></div>
 <div class="test"><a href="">link na całego diva 2</a></div>
 </BODY>
</HTML>

5 wrz 2008

Sprawdzenie typu zdarzenia oraz title linku

<head>
  <script type="text/javascript">
    window.onload = function () {
      document.getElementById('link').onclick = Info;
    }
    function Info() {
      alert(window.event.type);
      alert(this.getAttribute('title'));
    }
  </script>

</head>

<body>
  <a href="#" id="link" title="Miasto Warszawa, Lublin, Chełm, Zamość">zobacz miasta z title linku</a>
</body>