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

• fordfairlane veterán

  #1509

  #1508 ktg3

  2009-11-24 05:13:25

  Új Válasz

  Ú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

  #1508 ktg3

  #1508 ktg3

  de ahogy te írtad a scriptben nem nagyon működik a linkeknél a target, igazából egyáltalán nem működik,

  azt hogy lehet előszedni így?

  Melyik példában? Kettőt írtam. Igazából ha egyetlen cella van azokban a táblasorokban, akkor nem nagyon kell script, jó az első példa is. Egyébként a window.location helyett window.open-t használva meg lehet nyitni új ablakban.

• fordfairlane veterán

  #1506

  #1505 ktg3

  2009-11-23 23:04:55

  Új Válasz

  Ú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

  #1505 ktg3

  #1505 ktg3

  nincs baj, csak szeretném tudni, hogy hogy kell olyat, hogy az egész cella a link, és nem csak a tartalma.

  bizonyos körülmények között jobban hat ha az egész cella a link nem csak a szöveg benne

  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>

• fordfairlane veterán

  #1504

  #1503 ktg3

  2009-11-23 22:37:51

  Új Válasz

  Ú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

  #1503 ktg3

  #1503 ktg3

  és az is ottvan? hogy hogy lehet megcsinálni azt, hogy onclickre a cella adjon egy linket??
  mert én valahogy így képzelem el.

  var x=document.getElementById('menu').insertRow(i);
  i++;
  var y=x.insertCell(0);
  y.innerHTML="<a"+f+" href='oldal_11.htm?kod="+I+"' target='oldal'> "+S+"</a>";
  x.onmouseover = function () {this.style.backgroundColor='#FFD700';}
  x.onmouseout = function () {this.style.backgroundColor='#839CBF';}
  x.onclick=function () {"<a href='oldal_11.htm?kod="+I+"' target='oldal'> </a>"}

  de persze ez csak az álmaimban
  vagy mi az ami linkesít javascriptben??

  persze így ki lehetne venni a hrefet a cella tartalmából

  vagy mi az ami linkesít javascriptben??

  Mi a baj a te megoldásoddal? (y.innerHTML)

• fordfairlane veterán

  #1502

  #1501 ktg3

  2009-11-23 22:15:17

  Új Válasz

  Ú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

  #1501 ktg3

  #1501 ktg3

  köszi ez jó: )
  de soha nem jöttem volna rá, hogy így lehet javascriptben hozzányúlni a dolgokhoz

  de soha nem jöttem volna rá, hogy így lehet javascriptben hozzányúlni a dolgokhoz

  Erre nem rájönni kell, hanem megnézni a DOM leírásokban.

• fordfairlane veterán

  #1500

  #1495 ktg3

  2009-11-23 17:45:12

  Új Válasz

  Ú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

  #1495 ktg3

  #1495 ktg3

  köszi

  van itt még egy kérdés

  amit így dinamikusan létrehozok , táblázatot, azt hogy tudom formálni?
  mert az egész táblázatot, tudom, de én olyat szeretnék, hogy 1-1 sort is tudjak?

  mert ugye javascripttel hozom létre, de csak a tartalmát tudom formázni, magát a sort meg a cellát nem
  illetve nem tudom, hogy hogy kéne

  mert a vella taartalmát azt tudom formázni de az édes kevés
  olyat szeretnék, hogyha a tábla sora fölé húzom az egeret akkor változzon a backgrond

  ilyesmit szeretnék, csak a táblázat midnen sorára legyen érvényes--->
  a dinamikusan létrehozottakra is

  <html>
  <head>
  <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</br>";
  }
  </script>
  </head>

  <body>
  <table id="menu" border="1">
  <tr onmouseover="style.backgroundColor='#FFD700';" onmouseout="style.backgroundColor='#839CBF'">
  <td><a href="http://w3schools.com/js/js_statements.asp">yyy</a></td>
  </tr>

  </table>
  <br />
  <input type="button" onclick="insRow()" value="Insert row">

  </body>
  </html>

  <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</br>";
  x.onmouseover = function () {this.style.backgroundColor='#FFD700';}
  x.onmouseout = function () {this.style.backgroundColor='#839CBF';}
  }
  </script>

• Sk8erPeter nagyúr

  #1497

  #1495 ktg3

  2009-11-23 17:08:56

  Új Válasz

  Ú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

  

  Sk8erPeter

  nagyúr

  #1495 ktg3

  #1495 ktg3

  köszi

  van itt még egy kérdés

  amit így dinamikusan létrehozok , táblázatot, azt hogy tudom formálni?
  mert az egész táblázatot, tudom, de én olyat szeretnék, hogy 1-1 sort is tudjak?

  mert ugye javascripttel hozom létre, de csak a tartalmát tudom formázni, magát a sort meg a cellát nem
  illetve nem tudom, hogy hogy kéne

  mert a vella taartalmát azt tudom formázni de az édes kevés
  olyat szeretnék, hogyha a tábla sora fölé húzom az egeret akkor változzon a backgrond

  ilyesmit szeretnék, csak a táblázat midnen sorára legyen érvényes--->
  a dinamikusan létrehozottakra is

  <html>
  <head>
  <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</br>";
  }
  </script>
  </head>

  <body>
  <table id="menu" border="1">
  <tr onmouseover="style.backgroundColor='#FFD700';" onmouseout="style.backgroundColor='#839CBF'">
  <td><a href="http://w3schools.com/js/js_statements.asp">yyy</a></td>
  </tr>

  </table>
  <br />
  <input type="button" onclick="insRow()" value="Insert row">

  </body>
  </html>

  "olyat szeretnék, hogyha a tábla sora fölé húzom az egeret akkor változzon a backgrond"
  Ehhez minek Javascript? Bőven elég CSS is, ha a következőt beleteszed a head-be:
  <style type="text/css">
  table tr td:hover
  {
  background-color: yellow;
  }
  </style>

• shev7 veterán

  #1496

  #1495 ktg3

  2009-11-23 17:04:01

  Új Válasz

  Ú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

  

  shev7

  veterán

  #1495 ktg3

  #1495 ktg3

  köszi

  van itt még egy kérdés

  amit így dinamikusan létrehozok , táblázatot, azt hogy tudom formálni?
  mert az egész táblázatot, tudom, de én olyat szeretnék, hogy 1-1 sort is tudjak?

  mert ugye javascripttel hozom létre, de csak a tartalmát tudom formázni, magát a sort meg a cellát nem
  illetve nem tudom, hogy hogy kéne

  mert a vella taartalmát azt tudom formázni de az édes kevés
  olyat szeretnék, hogyha a tábla sora fölé húzom az egeret akkor változzon a backgrond

  ilyesmit szeretnék, csak a táblázat midnen sorára legyen érvényes--->
  a dinamikusan létrehozottakra is

  <html>
  <head>
  <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</br>";
  }
  </script>
  </head>

  <body>
  <table id="menu" border="1">
  <tr onmouseover="style.backgroundColor='#FFD700';" onmouseout="style.backgroundColor='#839CBF'">
  <td><a href="http://w3schools.com/js/js_statements.asp">yyy</a></td>
  </tr>

  </table>
  <br />
  <input type="button" onclick="insRow()" value="Insert row">

  </body>
  </html>

  hat mi lenne, ha az onmouseover property-t mar insertkor beallitanad a megfelelo ertekre.

  x.onmouseover = ...

• cucka addikt

  #1488

  #1487 ktg3

  2009-11-23 11:31:52

  Új Válasz

  Ú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

  

  cucka

  addikt

  #1487 ktg3

  #1487 ktg3

  és még 1 gyors kérdés
  e között a 2 kód közt mi az a különbség ami miatt az egyik rendesen működik és a másik meg nem??

  1. nem működik

  <head>
  <script type="text/javascript">
  function insRow()
  {
  var x=document.getElementById('myTable').insertRow(0);
  var y=x.insertCell(0);
  y.innerHTML=document.write("xy")
  }
  </script>
  </head>

  <body>
  <table id="myTable" border="0">
  <tr>
  </tr>

  </table>
  <br />
  <input type="button" onclick="insRow()" value="Insert row">

  </body>
  </html>

  2. simán jó

  <head>
  <script type="text/javascript">
  function insRow()
  {
  var x=document.getElementById('myTable').insertRow(0);
  var y=x.insertCell(0);
  y.innerHTML="xy"
  }
  </script>
  </head>

  <body>
  <table id="myTable" border="0">
  <tr>
  </tr>

  </table>
  <br />
  <input type="button" onclick="insRow()" value="Insert row">

  </body>
  </html>

  akkor az egész kód most így néz ki, de sem így sem a kikommentelt részekkel nem megy

  <html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  <link rel="stylesheet" href="/css/menu.css" type="text/css" />
  <script language="JavaSript" type="text/javascript">
  pos=1;
  function mir(I, S) {
  if (I==top.amenu) f=" class='sel'"; else f="";

  if (0<I && I<1000)
  {
  var x=document.getElementById('menu').insertRow(0);;
  var y=x.insertCell(0);
  y.innerHTML="xy"//document.write("<a"+f+" href='oldal_11.htm?kod="+I+"' target='oldal'> &nbsp; &nbsp; "+S+"</a><br>");
  }
  else
  {
  var x=document.getElementById('menu').insertRow(0);;
  var y=x.insertCell(0);
  y.innerHTML="yx"//document.write("<a"+f+" href='oldal_11.htm?kod="+I+"' target='oldal'> &nbsp; &nbsp; &nbsp; &nbsp; "+S+"</a><br>");
  }
  }
  </script>
  </head>
  <body>
  <script language="javascript">
  mir('16','01. AKCIÓ');mir('20','02. terek');mir('22','03. megoldások');mir('18','04. kiegészítők');mir('21','05. chicks');mir('23','06. táp');mir('19','07. eszközök');mir('17','08. termékek');mir('14','09. tok-vonó');mir('15','10. többi');</script>
  <table id="menu" border="0">
  <tr>
  </tr>
  </table>
  <br />

  </body>
  </html>

  Még ki is emelted a különbséget.

  A document.write egy függvény, ami azt csinálja, hogy a dokumentum végére írja azt, amit paraméterként kap és nem tér vissza semmivel. (Tehát gyakorlatilag nevezhetjük eljárásnak is).
  y.innerHTML=document.write("xy")
  Ez a sor azt csinálja, hogy
  1. a dokumentum végére írja, hogy "xy"
  2. a document.write metódus nem tér vissza semmivel
  3. az y innerHTML tulajdonságát megpróbálod átírni a document.write visszatérési értékével. Ekkor a document.write visszatérési értéke automatikusan stringgé alakul, vagyis az értéke az lesz, hogy "undefined", ez kerül bele az y tartalmába.

  A második verziód azért működik jól, mert az a helyes megoldás.

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