Toon posts:

[JavaScript] Moveable "window" (aka, table)

Pagina: 1
Acties:

Verwijderd

Topicstarter
Hey,

Ik heb een soort van window gemaakt, in de vorm van een tabel.

Ik heb 2 rows, de 1e is een soort header en de 2e row de body zeg maar. Nu wilde ik iets maken waardoor je als je klikt en sleept op de header je die hele table moved, over je webdocument heen.

Wat ik nu heb is dit:

code:
1
2
3
4
5
6
7
8
9
10
11
12
<table id="testwindow" style="position: relative;">
            <tr>
                <td onclick="DoMove()">
                Test
                </td>
            </tr>
            <tr>
                <td>
                Test
                </td>
            </tr>
        </table>

En in de header deze javascript code:
code:
1
2
3
4
5
function DoMove()
    { 
        var WindowElement = document.getElementById("testwindow");         
        WindowElement.style.left = event.clientX; 
    }


Sowiso weet ik dat ik eigenlijk geen onclick moet gebruiken, maar iets als onmousedown etc werkt ook niet :S, sterker nog, ik krijg gewoonweg niet het gewenste resultaat.

Ik heb gezocht op google naar wat tutorials/scripts, daarbij kwam ik uit op deze:
http://javascript.interne...n/drag-and-drop-menu.html

Wat sterk leek op wat ik aan het doen was... Maar ik snap echt niet waarom het bij mij niet werkt :S
In internet explorer moved ie een beetje als ik click, maar in firefox bijvoorbeeld HELEMAAL niet.

Het is trouwens ook in ASP.net 2.0.. maar niet dat iets moet uitmaken volgensmij...

Heeft iemand een idee hoe ik dit kan bewerkstelligen ? :+ _/-\o_

Greetz,

  • NMe
  • Registratie: Februari 2004
  • Laatst online: 22:07

NMe

Quia Ego Sic Dico.

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.


Verwijderd

Topicstarter
Sorry.. wist ik echt niet.. |:( Anywayz.. heeft iemand een idee over hoe je dit zou kunnen doen?

Verwijderd

Tja, onclick is natuurlijk wat anders dan onmousedown he...

Maargoed, pluis dit maar 'es uit om te beginnen:
http://www.dynamicdrive.com/dynamicindex11/domdrag/index.htm

[ Voor 50% gewijzigd door Verwijderd op 22-01-2006 20:55 ]


Verwijderd

Topicstarter
Precies wat ik zocht :D Thanks!! _/-\o_ :Y)