Autor | Zpráva | ||
---|---|---|---|
Peta Profil * |
#1 · Zasláno: 5. 5. 2005, 11:51:59
Lze nejak udelat udalost onclick pro celou tabulku? Ale aby to fungovalo i v tech starsich prohlizecich, pokud mozno.
mam <table> <tr> <td onclick="hraj(1)" id="1">.</td> <td onclick="hraj(2)" id="2">.</td> </tr> <tr> <td onclick="hraj(3)" id="3">.</td> <td onclick="hraj(4)" id="4">.</td> </tr> </table> bunek mam ale 400 a vygeneruje mi to asi 20k kod. Sice je to na strane uzivatele, ale i tak nejsem prilis rad. Cili bych to chtel mozna asi nejak takto a to s ID nebo bez. <table onclick="hraj(neco)"> <tr> <td>.</td> <td>.</td> </tr> <tr> <td>.</td> <td>.</td> </tr> </table> |
||
habendorf Profil |
#2 · Zasláno: 5. 5. 2005, 11:55:18
Hm, to asi nepůjde.
|
||
Fred Profil |
#3 · Zasláno: 5. 5. 2005, 17:55:37
Teď nemám moc času, ale níž vkládám princip, jak to udělat. Předělej si to pro tabulku
<style type="text/css"> body{background-color:#cc9;color:#000;margin:20px;text-align:center} div#doc{background-color:#fcfcfc;color:#000;padding:10px;border:2px solid #996;width:400px;margin:10px auto;text-align:center;} .obr{margin:10px auto;} h1{background:transparent;color:#239;} </style> <script type="text/javascript"> <!-- var d=document; function getId(id){return d.getElementById(id);} function innerNaValue(){ var sel=getId('sel'); var opt=sel.getElementsByTagName('option'); for (var i=0;i<opt.length;i++){ var mtype = opt[i].innerHTML; if (mtype != '') { opt[i].setAttribute('value',mtype); }}} function odstr(){ var je=getId('jshlp'); je.removeChild(je.childNodes[0]); } function setsrc(){ var co=getId('sel').options[getId('sel').selectedIndex].value; var cosrc=co+'.jpg' odstr(); var obr = d.createElement('img'); obr.setAttribute('id','obr'); obr.setAttribute('src',cosrc); obr.className='obr'; getId('jshlp').appendChild(obr); } function init(){ getId('sel').onchange=function(){setsrc()} } function addEvent(obj,evType,fn){ if(obj.addEventListener){ obj.addEventListener(evType,fn,true); return true; }else if(obj.attachEvent){ var r = obj.attachEvent("on"+evType,fn); return r; }else{ return false; }} addEvent(window,'load',innerNaValue); addEvent(window,'load',init); //--> </script> </head> <body> <div id="doc"> <select id="sel"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> <option>11</option> <option>12</option> </select> <p id="jshlp"><br /></p> </div> |
||
Fred Profil |
#4 · Zasláno: 6. 5. 2005, 18:58:24
No žádná odpověď , tak jsi to asi nepochopil, mě se taky nedaří rozumět tvým dotazům. A přitom se zabýváš podobnými věcmi jako já. Měl jsem trochu času a předpokládám, že se jedná o ty melodie do mobilů co se tu někde mihnuly. Takže to zkusím srozumitelněji.
<script type="text/javascript"> <!-- var d=document; function getId(id){return d.getElementById(id);} function innerDoFunkce(){ var doc=getId('doc'); var td=doc.getElementsByTagName('td'); for (var i=0;i<td.length;i++){ var obsah = td[i].innerHTML; if (obsah != '') { td[i].setAttribute('rel',obsah); td[i].onclick=function(){alert(this.getAttribute('rel'))}//hraj(this.g etAttribute('rel')) }}} function addEvent(obj,evType,fn){ if(obj.addEventListener){ obj.addEventListener(evType,fn,true); return true; }else if(obj.attachEvent){ var r = obj.attachEvent("on"+evType,fn); return r; }else{ return false; }} addEvent(window,'load',innerDoFunkce); //--> </script> </head> <body> <div id="doc"> <table> <tr> <td>abc.mp3</td> <td>fgh.mp3</td> <td>jutzu.mp3</td> <td>tzbvhn.mp3</td> <td>bvhj.mp3</td> <td>cvbnftg.mp3</td> <td>rfgghjgf.mp3</td> </tr> <tr> <td>vhjc.mp3</td> <td>fghj.mp3</td> <td>cvbn.mp3</td> <td>asdf.mp3</td> <td>jlghj.mp3</td> <td>vrt.mp3</td> <td>tzj.mp3</td> </tr> </table> </div> |
||
Časová prodleva: 16 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0