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

• ktg3 őstag

  #1508 2009-11-23 23:56: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

  

  ktg3

  őstag

  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?

• ktg3 őstag

  #1507

  #1506 fordfairlane

  2009-11-23 23:40:04

  Ú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

  

  ktg3

  őstag

  #1506 fordfairlane

  #1506 fordfairlane

  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>

  és olyat nem lehet, hogy y.onclick?
  vájá mindjárt kipróbálom

• ktg3 őstag

  #1505

  #1504 fordfairlane

  2009-11-23 22:47:21

  Ú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

  

  ktg3

  őstag

  #1504 fordfairlane

  #1504 fordfairlane

  vagy mi az ami linkesít javascriptben??

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

  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

• ktg3 őstag

  #1503

  #1502 fordfairlane

  2009-11-23 22:29:48

  Ú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

  

  ktg3

  őstag

  #1502 fordfairlane

  #1502 fordfairlane

  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.

  é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

• ktg3 őstag

  #1501

  #1500 fordfairlane

  2009-11-23 21:06:31

  Ú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

  

  ktg3

  őstag

  #1500 fordfairlane

  #1500 fordfairlane

  <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>

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

• ktg3 őstag

  #1495

  #1488 cucka

  2009-11-23 16:56:22

  Ú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

  

  ktg3

  őstag

  #1488 cucka

  #1488 cucka

  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.

  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>

• ktg3 őstag

  #1487 2009-11-22 22:53:27

  Ú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

  

  ktg3

  őstag

  é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>

• ktg3 őstag

  #1486 2009-11-22 22:38:24

  Ú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

  

  ktg3

  őstag

  sziasztok

  kezdő vagyok nagyon.
  el tudná nekem mondani, hogy ezzel a kóddal mi nem stimmel??
  elvileg táblába akarom listázni a dolgokat, de ő nem akarja és nem tudom, hogy mi lehet a hiba

  <html>
  <head>
  <script language="JavaSript" type="text/javascript">
  pos=1;
  function mir(I, S) {
  if (I==top.amenu) f=" class='sel'"; else f="";
  //document.write("<a"+f+" href='oldal_11.htm?kod="+I+"' target='oldal'> &nbsp; &nbsp; "+S+"</a><br>");
  if (0<I && I<1000)
  {
  var x=document.getElementById('menu');
  var y=x.insertCell(0);
  y.innerHTML="document.write('<a'+f+' href=\"oldal_11.htm?kod='+I+'\" target=\"oldal\"> &nbsp; &nbsp; '+S+'</a><br>')";
  }
  else
  {
  var x=document.getElementById('menu');
  var y=x.insertCell(0);
  y.innerHTML="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>

  sejtem, hogy mi lehet a baj, de nem tudom, hogy hogy kéne javítani

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