hokss Posted November 1, 2011 Report Posted November 1, 2011 vai ir iespējams ar pogas palīdzību sakārtot tabulu? un ja ir kads nevarētu lūdzu pateikt priekšā? kods: <title>TinyTable</title> <link rel="stylesheet" href="style.css" /> <style type="text/css"> .style1 { text-align: center; } </style> </head> <body> <div class="style1"> <button name="Abutton1">button</button> <br /> <br /> <table cellpadding="0" cellspacing="0" border="0" id="table" class="sortable"> <thead> <tr> <th><h3 class="style1">Name</h3></th></tr> </thead> <tbody> <tr> <td>Fritz Benton</td> </tr> <tr> <td>Mannix Davidson</td> </tr> <tr> <td>Grant Lawrence</td> </tr> <tr> <td>Katell Crosby</td> </tr> <tr> <td>Eden Burks</td> </tr> </tbody> </table> <div id="controls"> <div id="perpage"> <select onchange="sorter.size(this.value)"> <option value="5">5</option> <option value="10" selected="selected">10</option> <option value="20">20</option> <option value="50">50</option> <option value="100">100</option> </select> <span>Entries Per Page</span> </div> <div id="navigation"> <img src="images/first.gif" width="16" height="16" alt="First Page" onclick="sorter.move(-1,true)" /> <img src="images/previous.gif" width="16" height="16" alt="First Page" onclick="sorter.move(-1)" /> <img src="images/next.gif" width="16" height="16" alt="First Page" onclick="sorter.move(1)" /> <img src="images/last.gif" width="16" height="16" alt="Last Page" onclick="sorter.move(1,true)" /> </div> <div id="text">Displaying Page <span id="currentpage"></span> of <span id="pagelimit"></span></div> </div> <script type="text/javascript" src="script.js"></script> <script type="text/javascript"> var sorter = new TINY.table.sorter("sorter"); sorter.head = "head"; sorter.asc = "asc"; sorter.desc = "desc"; sorter.even = "evenrow"; sorter.odd = "oddrow"; sorter.evensel = "evenselected"; sorter.oddsel = "oddselected"; sorter.paginate = true; sorter.currentid = "currentpage"; sorter.limitid = "pagelimit"; sorter.init("table",1); </script> </div> </body> </html> cik noprotu tad vajag izmantot funkciju onclick ="????????" esmu iesācējs luudzu nenošaujiet uzreiz :D Quote
0 nikidijs Posted November 1, 2011 Report Posted November 1, 2011 Varbūt runa iet par "reset fields" ? Quote
0 indoom Posted November 1, 2011 Report Posted November 1, 2011 http://www.kryogenix.org/code/browser/sorttable/ Quote
0 hokss Posted November 1, 2011 Author Report Posted November 1, 2011 (edited) Laikam neizteicos precizi. man ir skripts kas straadaa un straadaa ljoti labi, probleema ir tajaa ka nesaprotu kaa sakaartot nevis pec tabulas virsraksta bet ar pogu ... JS - var TINY={}; function T$(i){return document.getElementById(i)} function T$$(e,p){return p.getElementsByTagName(e)} TINY.table=function(){ function sorter(n){this.n=n; this.pagesize=20; this.paginate=0} sorter.prototype.init=function(e,f){ var t=ge(e), i=0; this.e=e; this.l=t.r.length; t.a=[]; t.h=T$$('thead',T$(e))[0].rows[0]; t.w=t.h.cells.length; for(i;i<t.w;i++){ var c=t.h.cells; if(c.className!='nosort'){ c.className=this.head; c.onclick=new Function(this.n+'.wk(this.cellIndex)') } } for(i=0;i<this.l;i++){t.a={}} if(f!=null){var a=new Function(this.n+'.wk('+f+')'); a()} if(this.paginate){this.g=1; this.pages()} }; sorter.prototype.wk=function(y){ var t=ge(this.e), x=t.h.cells[y], i=0; for(i;i<this.l;i++){ t.a.o=i; var v=t.r.cells[y]; t.r.style.display=''; while(v.hasChildNodes()){v=v.firstChild} t.a.v=v.nodeValue?v.nodeValue:'' } for(i=0;i<t.w;i++){var c=t.h.cells; if(c.className!='nosort'){c.className=this.head}} if(t.p==y){t.a.reverse(); x.className=t.d?this.asc:this.desc; t.d=t.d?0:1} else{t.p=y; t.a.sort(cp); t.d=0; x.className=this.asc} var n=document.createElement('tbody'); for(i=0;i<this.l;i++){ var r=t.r[t.a.o].cloneNode(true); n.appendChild®; r.className=i%2==0?this.even:this.odd; var cells=T$$('td',r); for(var z=0;z<t.w;z++){cells[z].className=y==z?i%2==0?this.evensel:this.oddsel:''} } t.replaceChild(n,t.b); if(this.paginate){this.size(this.pagesize)} }; sorter.prototype.page=function(s){ var t=ge(this.e), i=0, l=s+parseInt(this.pagesize); if(this.currentid&&this.limitid){T$(this.currentid).innerHTML=this.g} for(i;i<this.l;i++){t.r.style.display=i>=s&&i<l?'':'none'} }; sorter.prototype.move=function(d,m){ var s=d==1?(m?this.d:this.g+1):(m?1:this.g-1); if(s<=this.d&&s>0){this.g=s; this.page((s-1)*this.pagesize)} }; sorter.prototype.size=function(s){ this.pagesize=s; this.g=1; this.pages(); this.page(0); if(this.currentid&&this.limitid){T$(this.limitid).innerHTML=this.d} }; sorter.prototype.pages=function(){this.d=Math.ceil(this.l/this.pagesize)}; function ge(e){var t=T$(e); t.b=T$$('tbody',t)[0]; t.r=t.b.rows; return t}; function cp(f,c){ var g,h; f=g=f.v.toLowerCase(), c=h=c.v.toLowerCase(); var i=parseFloat(f.replace(/(\$|\,)/g,'')), n=parseFloat(c.replace(/(\$|\,)/g,'')); if(!isNaN(i)&&!isNaN(n)){g=i,h=n} i=Date.parse(f); n=Date.parse©; if(!isNaN(i)&&!isNaN(n)){g=i; h=n} return g>h?1:(g<h?-1:0) }; return{sorter:sorter} Edited November 1, 2011 by hokss Quote
0 daGrevis Posted November 1, 2011 Report Posted November 1, 2011 Tu joprojām neizteicies 'precīzi'. Quote
0 hokss Posted November 1, 2011 Author Report Posted November 1, 2011 Tu joprojām neizteicies 'precīzi'. Tā vietai lai spiestu uz pirmās kolonnas (name) gribetos spiest uz pogas (button) lai teksts kas ir salikts tabulā sakārtotos pēc alfabēta. Quote
0 CyHex Posted November 1, 2011 Report Posted November 1, 2011 Hokss, tev attēls ir no saita, ko antivīruss uzskata par vīrusainu. Quote
Question
hokss
vai ir iespējams ar pogas palīdzību sakārtot tabulu? un ja ir kads nevarētu lūdzu pateikt priekšā?
kods:
<title>TinyTable</title>
<link rel="stylesheet" href="style.css" />
<style type="text/css">
.style1 {
text-align: center;
}
</style>
</head>
<body>
<div class="style1">
<button name="Abutton1">button</button>
<br />
<br />
<table cellpadding="0" cellspacing="0" border="0" id="table" class="sortable">
<thead>
<tr>
<th><h3 class="style1">Name</h3></th></tr>
</thead>
<tbody>
<tr>
<td>Fritz Benton</td>
</tr>
<tr>
<td>Mannix Davidson</td>
</tr>
<tr>
<td>Grant Lawrence</td>
</tr>
<tr>
<td>Katell Crosby</td>
</tr>
<tr>
<td>Eden Burks</td>
</tr>
</tbody>
</table>
<div id="controls">
<div id="perpage">
<select onchange="sorter.size(this.value)">
<option value="5">5</option>
<option value="10" selected="selected">10</option>
<option value="20">20</option>
<option value="50">50</option>
<option value="100">100</option>
</select>
<span>Entries Per Page</span>
</div>
<div id="navigation">
<img src="images/first.gif" width="16" height="16" alt="First Page" onclick="sorter.move(-1,true)" />
<img src="images/previous.gif" width="16" height="16" alt="First Page" onclick="sorter.move(-1)" />
<img src="images/next.gif" width="16" height="16" alt="First Page" onclick="sorter.move(1)" />
<img src="images/last.gif" width="16" height="16" alt="Last Page" onclick="sorter.move(1,true)" />
</div>
<div id="text">Displaying Page <span id="currentpage"></span> of <span id="pagelimit"></span></div>
</div>
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript">
var sorter = new TINY.table.sorter("sorter");
sorter.head = "head";
sorter.asc = "asc";
sorter.desc = "desc";
sorter.even = "evenrow";
sorter.odd = "oddrow";
sorter.evensel = "evenselected";
sorter.oddsel = "oddselected";
sorter.paginate = true;
sorter.currentid = "currentpage";
sorter.limitid = "pagelimit";
sorter.init("table",1);
</script>
</div>
</body>
</html>
cik noprotu tad vajag izmantot funkciju onclick ="????????"
esmu iesācējs luudzu nenošaujiet uzreiz :D
7 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.