| 1 | <html xmlns:c="http://www.cegid.fr/xhtml/control">
|
|---|
| 2 | <head>
|
|---|
| 3 | <script language="javascript" src="js/jquery-1.2.1.js"></script>
|
|---|
| 4 | <style>
|
|---|
| 5 | body { margin:0px; padding:0px; font-family:MS Shell Dlg; font-size: 9pt; }
|
|---|
| 6 | table { table-layout:fixed; border-collapse:collapse;}
|
|---|
| 7 | td { border:1px solid black; padding:3px; }
|
|---|
| 8 | #overcell { display:block; position:absolute; background-color:orange; }
|
|---|
| 9 | </style>
|
|---|
| 10 | <script>
|
|---|
| 11 | $(function() {
|
|---|
| 12 | $('#overcell').css({opacity:0.5});
|
|---|
| 13 | $('body').mousemove(function(evt) {
|
|---|
| 14 | if(evt.target.tagName.toLowerCase() == 'td') { // move over a cell
|
|---|
| 15 | var $cell = $(evt.target), pos = $cell.offset();
|
|---|
| 16 | window.status = $('#overcell').css({display:'block', width:$cell.width(), height:$cell.height(), top:pos.top, left:pos.left }).attr('style');
|
|---|
| 17 |
|
|---|
| 18 | }
|
|---|
| 19 | else if(evt.target != $('#overcell')[0])
|
|---|
| 20 | $('#overcell').css({display:'none'})
|
|---|
| 21 | });
|
|---|
| 22 | });
|
|---|
| 23 | </script>
|
|---|
| 24 | </head>
|
|---|
| 25 | <body>
|
|---|
| 26 | <DIV id='overcell'></DIV>
|
|---|
| 27 | <TABLE cellSpacing="0" cellPadding="0" border="0">
|
|---|
| 28 | <TBODY>
|
|---|
| 29 | <TR style='height:50px'>
|
|---|
| 30 | <TD>dsf lsdf lsdjfsd;nf, sd;fn, dlf sfnsd f:sd f,s:nsdnf s:f sd:ns:fnsd:;s f;s</TD>
|
|---|
| 31 | <TD>d fhskfshkfhdf hsksdhlhlsdhsd</TD>
|
|---|
| 32 | <TD>f sdf sdf sdlfjsdlkf jsdlkjlj lkj lj lj lskjf lj lksj flkjsd fs</TD>
|
|---|
| 33 | <TD> sdff sdfsdf sdf sdf sdf sdf sdf s</TD>
|
|---|
| 34 | </TR>
|
|---|
| 35 | <TR>
|
|---|
| 36 | <TD style='background-color:gray'>this one will bug ! uy uyu yuy uy uy uy uy uy yu uy uy uy uy uy u yuy u yu y uy uy uy uy uy uy u u</TD>
|
|---|
| 37 | <TD>fds dfs</TD>
|
|---|
| 38 | <TD> fsd fsdf </TD>
|
|---|
| 39 | <TD>d fsdf sd</TD>
|
|---|
| 40 | </TR>
|
|---|
| 41 | <TR>
|
|---|
| 42 | <TD>f sdf sd </TD>
|
|---|
| 43 | <TD>f sdf sd</TD>
|
|---|
| 44 | <TD>f sdf </TD>
|
|---|
| 45 | <TD>f dsfds fsd </TD>
|
|---|
| 46 | </TR>
|
|---|
| 47 | <TR>
|
|---|
| 48 | <TD> fsdf sdf sd</TD>
|
|---|
| 49 | <TD> fsdf ds</TD>
|
|---|
| 50 | <TD>f f sdf dsfsd </TD>
|
|---|
| 51 | <TD>f sdf sdf sdf </TD>
|
|---|
| 52 | </TR>
|
|---|
| 53 | </TBODY>
|
|---|
| 54 | </TABLE>
|
|---|
| 55 | </BODY>
|
|---|
| 56 | </HTML> |
|---|
