login  Naam:   Wachtwoord: 
Registreer je!
Scripts > JavaScript > Overige > Drag and Drop


Reacties op het script Drag and Drop

Offline  Ibrahim
Gepost op: 27 oktober 2010 - 00:32
PHP expert



Ik zie dat veel code korter geschreven kan worden. Ook zou je alle $ in je plugin moeten vervangen met het woordje jQuery. Dit is omdat de plugin dan altijd zal werken, ook als je bijvoorbeeld Prototype naast jQuery hebt draaien en je hebt compatibility modus aanstaan.

Offline  pinquin
Gepost op: 27 oktober 2010 - 11:09
HTML interesse



Ibrahim schreef:
Ik zie dat veel code korter geschreven kan worden. Ook zou je alle $ in je plugin moeten vervangen met het woordje jQuery. Dit is omdat de plugin dan altijd zal werken, ook als je bijvoorbeeld Prototype naast jQuery hebt draaien en je hebt compatibility modus aanstaan.


Ik heb de code ingekort en compatibility met andere js plugins toegevoegd.

Offline  Ibrahim
Gepost op: 28 oktober 2010 - 01:40
PHP expert



javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. x = e.pageX - mouseX;
  2. y = e.pageY - mouseY;
  3.  
  4. if( x <= 1 )
  5.    x = 1;
  6.  
  7. if( y <= 1 )
  8.    y = 1;
  9.  
  10. draggable.css("left", x );
  11. draggable.css("top", y );


Dit kan ook zo geschreven worden. Heel wat andere zaken kunnen korter geschreven worden.

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. draggable.css("left", ((e.pageX - mouseX) <= 1 ? 1 : (e.pageX - mouseX)));
  2. draggable.css("top", ((e.pageY - mouseY) <= 1 ? 1 : (e.pageY - mouseY)));


Ook dit kan korter geschreven worden:

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. jQuery("*").css('user-select', 'none'); 
  2. jQuery("*").css('-o-user-select', 'none'); 
  3. jQuery("*").css('-moz-user-select', 'none'); 
  4. jQuery("*").css('-khtml-user-select', 'none'); 
  5. jQuery("*").css('-webkit-user-select', 'none');


Aangezien jQuery bij elke functie zijn eigen object terugstuurt, kun je een chain vormen van functies:

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. jQuery("*").css('user-select', 'none').css('-o-user-select', 'none').etc...

Offline  pinquin
Gepost op: 28 oktober 2010 - 14:33
HTML interesse



Updatet, maar in hoeverre blijft het 'mijn' script als ik hem aan iemands anders zijn programmeer standaarden moet aanpassen?
Persoonlijk vind ik het prettiger om sommige regels niet samen te voegen ook al kost met dat 9 extra regels code.

Offline  Stijn
Gepost op: 29 oktober 2010 - 01:43
PHP expert



pinquin schreef:
Updatet, maar in hoeverre blijft het 'mijn' script als ik hem aan iemands anders zijn programmeer standaarden moet aanpassen?
Persoonlijk vind ik het prettiger om sommige regels niet samen te voegen ook al kost met dat 9 extra regels code.
Eigenlijk mag je dit zelf bepalen. Zelf ben ik voor jou manier omdat je leesbaarheid in je code verhoogd. Alles op 1 lijn is werk voor een compiler.

Verder een heel leuk script maar ik zou het handig vinden moesten de divs hun positie onthouden worden. Stel ik sleep een div en release die, dan zou zijn coordinaten moeten onthouden worden en bij het herladen van de pagina terug naar die coordinaten gezet moeten worden.

Zou het misschien mogelijk zijn om de draggable objecten te kunnen laten droppen in dropable objecten?

Misschien ook een leuke feature is om de zichtbaarheid (transparancy) in te stellen bij het draggen van het object... Als ik een object drag, dan heb ik graag dat die wat doorzichtig is.

Offline  pinquin
Gepost op: 02 november 2010 - 10:37
HTML interesse



Ik zal kijken wanneer ik dat kan toevoegen, had dit voor mijn werk gemaakt en daar zijn de transparancy en het onthouden van de positie (nog) niet aan de orde.

Update:
- Transparency toegevoegd bij slepen
- localStorage voor positie elementen toegevoegd (HTML5 browser req.)

Offline  pinquin
Gepost op: 02 november 2010 - 15:37
HTML interesse



Stijn schreef:
[..quote..]
Zou het misschien mogelijk zijn om de draggable objecten te kunnen laten droppen in dropable objecten?


Ja, dit is mogelijk, maar ik ga dit niet toevoegen als functionaliteit.


Enkel aanvullende informatie, vragen en antwoorden op vragen zijn welkom.
 
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.041s