Új hozzászólás Aktív témák

• #1506 fordfairlane veterán ktg3 #1505

  Új Válasz 2009-11-23 23:04:55 #1506

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  fordfairlane

  veterán

  válasz ktg3 #1505 üzenetére

  Hát attól függ, hogy egyetlen cellát akarsz anchorosítani, vagy egy egész táblázatsort.

  Ha csak egy cellát, akkor a legegyszerűbb módja jelen esetben az, ha az anchor (<a>) elemet blokkelemnek definiálod style beállítással. Ezután egyből 100% széles lesz, ami az adott cella szélessége, magasságot meg esetleg be lehet külön állítani, ha szükség van rá.

  Valahogy úgy, hogy:

  <style type="text/css">
  td a {
  display: block;
  }
  </style>

  Ha egy egész sorból, ami több cellából áll, akarsz linket csinálni, ahhoz scriptezni kell, de végül is az sem bonyolult.

  <script type="text/javascript">
  function insRow() {
  var x=document.getElementById('menu').insertRow(0);
  var y=x.insertCell(0);
  y.innerHTML="<a href='http://www.facebook.com'>xxx</a>";
  x.onmouseover = function () {this.style.backgroundColor='#FFD700';}
  x.onmouseout = function () {this.style.backgroundColor='#839CBF';}
  x.onclick = function () {window.location="http://www.facebook.com";}
  }
  </script>

  Ez működik, viszont az a baja, hogy az egérkurzor nem vált át a táblacella fölött, ezért ezt még hozzá kell csapni:

  <style type="text/css">
  td {
  cursor: hand;
  }
  </style>

Új hozzászólás Aktív témák