login  Naam:   Wachtwoord: 
Registreer je!
 Forum

X en Y

Offline avickum - 28/09/2010 16:24
Avatar van avickumNieuw lid Hallo,
Momenteel gebruik ik het volgende script waarmee leden een afbeelding kunnen verplaatsen:

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. Wholething = (document.all) ? 0 : 1;
  2. var objectone;
  3.  
  4. function MouseMovement(e) {
  5. if (objectone) {
  6. if (Wholething) {
  7. objectone.moveTo((e.pageX-X), (e.pageY-Y));
  8. }
  9. else 
  10. {
  11. objectone.pixelLeft = event.clientX-X + document.body.scrollLeft;
  12. objectone.pixelTop = event.clientY-Y + document.body.scrollTop;
  13. return false;
  14. }
  15. }
  16. }
  17.  
  18. function MouseClickUp() {
  19. objectone = null;
  20. }
  21.  
  22. if (Wholething) {
  23. document.captureEvents(Event.mousedown | Event.mousemove | Event.mouseup);
  24. }
  25.  
  26. function MouseClickDown(e) {
  27. if (Wholething) {
  28. objectone = document.layers[e.target.name];
  29. X=e.x;
  30. Y=e.y;
  31. return false;
  32. }
  33. else 
  34. {
  35. objectone = event.srcElement.parentElement.style;
  36. X=event.offsetX;
  37. Y=event.offsetY;
  38. }
  39. }
  40.  
  41. document.onmouseup = MouseClickUp;
  42. document.onmousedown = MouseClickDown;
  43. document.onmousemove = MouseMovement;


Deze functies roep ik op deze manier aan:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="1" style="position:absolute;left:50;top:50;"><img src="http://avickum.nl/layout/afbeeldingen/speler/speler.php?kleur=4&hoed=0""name="1"></div>


Maar nu wil ik de X en Y as van de versleepbare div graag opslaan in de database, maar hoe doe ik dat?

9 antwoorden

Gesponsorde links
Offline Ontani - 28/09/2010 16:26
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 In uw MouseClickUp doe je een ajax request met de X en Y positie van objectone.
Offline cx1213 - 28/09/2010 16:27
Avatar van cx1213 Lid wat voor een database?
Offline avickum - 28/09/2010 16:27 (laatste wijziging 28/09/2010 16:28)
Avatar van avickum Nieuw lid Hoe moet dat? (ik heb nog nooit met ajax gewerkt (en werk ook nauwlijks met javascript))

Een MySQL database
Offline Ontani - 28/09/2010 16:31
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 Een ajax request doet gewoon een verzoekje verzenden naar een php pagina met bijvoorbeeld x=10&y=50 in de url (test.php?x=10&y=50). de rest handelt je php script af. Instructies hoe je ajax requests doet vind je terug in de tutorials of de scripts.
Offline avickum - 28/09/2010 16:37
Avatar van avickum Nieuw lid Ik snap het nog steeds niet echt.. HOE kom ik aan de X en Y as..?
Offline valles10 - 28/09/2010 16:55 (laatste wijziging 28/09/2010 16:56)
Avatar van valles10 HTML interesse
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. function posInDatabase(x, y){
  2. $.ajax({
  3.    type: "POST",
  4.    url: "verwerk.php",
  5.    data: "x="+x+"&y="+y,
  6.    success: function(msg){
  7.      //verplaatsen voltooid. msg retourneert de tekst op verwerk.php
  8.    }
  9.  });
  10. }

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <?php
  2. #verwerk.php
  3. $x = $_POST['x'];
  4. $y = $_POST['y'];
  5. mysql_query("UPDATE tabel SET x =".$x.", y =".$y."") or die(mysql_error());
  6. ?>

je moet dan nu gewoon een onMouseUp bind plaatsen en dan de functie posInDatabase(xwaarde, ywaarde);
Offline avickum - 28/09/2010 16:58 (laatste wijziging 28/09/2010 17:01)
Avatar van avickum Nieuw lid op de plaats van X en Y moet je die assen zetten, maar hoe(!!) kom ik aan die X en Y as?

Je hebt een div, die kun je verplaatsen naar een bepaalde positie op je scherm. Dan moet de computer bij het klikken (nadat je op een opslaan-knop likt) de x en y as van die div opslaan in de database.

Ik wil dus weten hoe ik de X en Y as weergeef
Offline valles10 - 28/09/2010 17:04
Avatar van valles10 HTML interesse event.clientX
event.clientY
Offline avickum - 28/09/2010 17:08
Avatar van avickum Nieuw lid waar moet ik dat nou neerzetten in het script dan? zodat hij die X en Y laat zien van die div? (ben echt noob in Javascript)
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.182s