Eric, you really need to put up a test page so we can try actually loading it. Otherwise it's too hard to tell what might be wrong. I'm not even sure what the problem is we're supposed to be looking at!
-Mike On Mon, Dec 7, 2009 at 11:44 PM, Eric Zhong <ericiszhongwen...@gmail.com>wrote: > i have modified the code , but the result is the same, even if i write this > in one line !!! Help !!! > > one line version: > ==================================================================== > > > <html> > <head> > <script src=" > http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script> > <SCRIPT LANGUAGE="JavaScript"> > <!-- > $(function(){ > // /* > var html_video ='<table id="tb_all" width="724px"><tr><td > valign="top"><table id="tb_video" class="tb_width"><tr > class="tb_head"><td> </td><td>filename</td><td>len(s)</td><td>size(KB)</td></tr></table></td></tr></table>'; > > $("body").append( html_video ); > > var data = > [ > {name: "1", len: "432", size: "321"}, > {name: "2", len: "54543", size: "432"}, > {name: "3", len: "3243", size: "432"}, > {name: "4", len: "543", size: "432"}, > {name: "5", len: "543", size: "654"}, > {name: "6", len: "654", size: "654"}, > {name: "7", len: "765", size: "654"}, > {name: "8", len: "765", size: "765"}, > {name: "9", len: "53", size: "654"} > ]; > > var a = data; > if ( a != null ){ > for(var i=0; i<a.length; i++){ > var d = a[i]; > $("#tb_video").append('<tr><td><input type="checkbox" > /></td><td>' + d.name + '</td><td>' + d.len + '</td><td>' + d.size + > '</td><tr>'); > } > } > > $("#tb_video").closest("tr").append('<td width="80px" > align="center" style="vertical-align:top"><input id="pl_bt_up" type="button" > value="↑" /><input id="pl_bt_down" type="button" value="↓" /></td>'); > // */ > $("#pl_bt_up").click(function() { > var $all = $("#tb_video tr"); > var $trs = $("#tb_video tr:has(input:checked)"); > if( $all.index($trs.get(0)) != 1 ){ > $trs.each(function(){ > $(this).prev().before($(this)); > }); > } > }); > > $("#pl_bt_down").click(function() { > var $all = $("#tb_video tr"); > var $trs = $("#tb_video tr:has(input:checked)"); > > if( $all.index( $trs.get($trs.length-1) ) != $all.length-1 > ){ > for( i = $trs.length-1; i>=0; i-- ) { > var $item = $( $trs.get(i) ); > $item.insertAfter($item.next()); > } > } > }); > }); > --> > </SCRIPT> > </head> > <body> > <!-- > <table id="tb_all" width="724px"> > <tr> > <td valign="top"> > <table id="tb_video" class="tb_width"> > <tr class="tb_head"> > <td> </td> > <td>filename</td> > <td>len(s)</td> > <td>size(KB)</td> > </tr> > <tr><td><input type="checkbox" > /></td><td>1</td><td>222</td><td>432</td></tr> > <tr><td><input type="checkbox" > /></td><td>2</td><td>333</td><td>543</td></tr> > <tr><td><input type="checkbox" > /></td><td>3</td><td>444</td><td>654</td></tr> > <tr><td><input type="checkbox" > /></td><td>4</td><td>555</td><td>765</td></tr> > <tr><td><input type="checkbox" > /></td><td>5</td><td>666</td><td>876</td></tr> > <tr><td><input type="checkbox" > /></td><td>6</td><td>777</td><td>432</td></tr> > <tr><td><input type="checkbox" > /></td><td>7</td><td>888</td><td>543</td></tr> > <tr><td><input type="checkbox" > /></td><td>8</td><td>999</td><td>265</td></tr> > </table> > </td> > <td width="80px" align="center" style="vertical-align:top"> > <input id="pl_bt_up" type="button" value="↑" /> > <input id="pl_bt_down" type="button" value="↓" /> > </td> > </tr> > </table> > --> > </body> > </html> > > ==================================================================== > > > > 2009/12/8 seasoup <seas...@gmail.com> > > javascript cant read strings over line breaks. >> >> $("#tb_video").append(' \ >> > <tr> \ >> > <td><input >> > type="checkbox" /></td> \ >> > <td>' + d.name + '</td> \ >> > <td>' + d.len + '</td> \ >> > <td>' + d.size + '</td> \ >> > <tr> '); >> >> must be >> >> $("#tb_video").append('<tr>'+ >> > '<td><input type="checkbox" >> /></td>'+ >> > '<td>' + d.name + '</td>'+ >> > '<td>' + d.len + '</td>'+ >> > '<td>' + d.size + '</td>'+ >> > '<tr> '); >> >> On Dec 7, 6:30 pm, Eric Zhong <ericiszhongwen...@gmail.com> wrote: >> > <html> >> > <head> >> > <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/ >> > jquery.js"></script> >> > <SCRIPT LANGUAGE="JavaScript"> >> > <!-- >> > $(function(){ >> > // /* >> > var html_video = ' \ >> > <table id="tb_all" width="724px"> \ >> > <tr> \ >> > <td valign="top"> \ >> > <table id="tb_video" >> > class="tb_width"> \ >> > <tr class="tb_head"> \ >> > <td> </td> \ >> > <td>filename</td> \ >> > <td>len(s)</td> \ >> > <td>size(KB)</td> \ >> > </tr> \ >> > </table> \ >> > </td> \ >> > </tr> \ >> > </table>' >> > >> > $("body").append( html_video ); >> > >> > var data = >> > [ >> > {name: "1", len: "432", size: "321"}, >> > {name: "2", len: "54543", size: "432"}, >> > {name: "3", len: "3243", size: "432"}, >> > {name: "4", len: "543", size: "432"}, >> > {name: "5", len: "543", size: "654"}, >> > {name: "6", len: "654", size: "654"}, >> > {name: "7", len: "765", size: "654"}, >> > {name: "8", len: "765", size: "765"}, >> > {name: "9", len: "53", size: "654"} >> > ]; >> > >> > var a = data; >> > if ( a != null ){ >> > for(var i=0; i<a.length; i++){ >> > var d = a[i]; >> > $("#tb_video").append(' \ >> > <tr> \ >> > <td><input >> > type="checkbox" /></td> \ >> > <td>' + d.name + '</td> \ >> > <td>' + d.len + '</td> \ >> > <td>' + d.size + '</td> \ >> > <tr> '); >> > } >> > } >> > >> > $("#tb_video").closest("tr").append(' \ >> > <td width="80px" align="center" >> > style="vertical-align:top"> \ >> > >> <input id="pl_bt_up" type="button" value="↑" /> \ >> > >> <input id="pl_bt_down" type="button" value="↓" /> >> > \ >> > </td> '); >> > // */ >> > $("#pl_bt_up").click(function() { >> > var $all = $("#tb_video tr"); >> > var $trs = $("#tb_video tr:has(input:checked)"); >> > if( $all.index($trs.get(0)) != 1 ){ >> > $trs.each(function(){ >> > $(this).prev().before($(this)); >> > }); >> > } >> > }); >> > >> > $("#pl_bt_down").click(function() { >> > var $all = $("#tb_video tr"); >> > var $trs = $("#tb_video tr:has(input:checked)"); >> > >> > if( $all.index( $trs.get($trs.length-1) ) != >> > $all.length-1 ){ >> > for( i = $trs.length-1; i>=0; i-- ) { >> > var $item = $( $trs.get(i) ); >> > $item.insertAfter($item.next()); >> > } >> > } >> > }); >> > }); >> > --> >> > >> > </SCRIPT> >> > </head> >> > <body> >> > <!-- >> > <table id="tb_all" width="724px"> >> > <tr> >> > <td valign="top"> >> > <table id="tb_video" class="tb_width"> >> > <tr class="tb_head"> >> > <td> </td> >> > <td>filename</td> >> > <td>len(s)</td> >> > <td>size(KB)</td> >> > </tr> >> > <tr><td><input type="checkbox" /></td><td>1</ >> > td><td>222</td><td>432</td></tr> >> > <tr><td><input type="checkbox" /></td><td>2</ >> > td><td>333</td><td>543</td></tr> >> > <tr><td><input type="checkbox" /></td><td>3</ >> > td><td>444</td><td>654</td></tr> >> > <tr><td><input type="checkbox" /></td><td>4</ >> > td><td>555</td><td>765</td></tr> >> > <tr><td><input type="checkbox" /></td><td>5</ >> > td><td>666</td><td>876</td></tr> >> > <tr><td><input type="checkbox" /></td><td>6</ >> > td><td>777</td><td>432</td></tr> >> > <tr><td><input type="checkbox" /></td><td>7</ >> > td><td>888</td><td>543</td></tr> >> > <tr><td><input type="checkbox" /></td><td>8</ >> > td><td>999</td><td>265</td></tr> >> > </table> >> > </td> >> > <td width="80px" align="center" style="vertical- >> > align:top"> >> > <input id="pl_bt_up" type="button" value="↑" /> >> > <input id="pl_bt_down" type="button" value="↓" /> >> > </td> >> > </tr> >> > </table> >> > --> >> > </body> >> > </html> >> > >