Autor Zpráva
Peta
Profil *
#1 · Zasláno: 5. 5. 2005, 11:51:59
Odpovědět Citovat
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
Odpovědět Citovat
Hm, to asi nepůjde.
Fred
Profil
#3 · Zasláno: 5. 5. 2005, 17:55:37
Odpovědět Citovat
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
Odpovědět Citovat
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: 15 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0