Hello, I have a big table. It has a header on the right side (dates) and on the top (names of persons). Each date has an ID (tid) and each person an user-id (uid). This table is generated in PHP:
http://img117.imageshack.us/img117/7624/zwischenablage02ow0.jpg (Table Layout) Each user can set for himself a preference (Yes, No, Perhaps) to a date. Therefor, he hovers in his column a row and the following html-code comes up (marked pink): http://img373.imageshack.us/img373/7711/zwischenablage04aa7.jpg To achieve that, I do the following: I use an ID ($cell_id = $tid . $uid) for each cell and print-out something like that: <div onmouseover="toggleOn($cell_id)" onmouseout="toggleOff($cell_id)"> show here the actual status symbol ... </div> <div id="$cell_id"> Edit: ...the 3 links to change status to with their symbols as link </div> You can imagine that it's a lot of code. The filesize is about 1.3MB and takes ages to load (the person that "runs" the date-planer wants it like that; to show up all dates and persons on ONE page). Now I removed the code that makes the hover and the hidden-div with the change-links and get only about 177Kbyte. Now I ask myself if it would be possible with jQuery to manage it somehow ... Any ideas? Thanks!!!!
