Dragable Layers with Javascript

[neutron2k]

Yesterday I knocked up a new script for n2kdesign.co.uk that demonstrates how you can use Javascript and Styles to Create a function that Allows you to drag layers around a page.

Check it out

http://www.n2kdesign.co.uk/viewscript.aspx?sID=32

[Darksat]

Cool script.
I saw something similar on http://script.aculo.us but I think your one actually works better.

[neutron2k]

yeah, my ones just basic principles of using window events to track mouse positions and using the document object model to manipulate a styles settings.

The one you provided a link for is quite slow because of the transparency effect, and it uses a block of text as the click point for dragging whereas I just left it as the entire layer.

I was thinking about writing a windows emulator script so you can have layers that move, snap, close, minimize, maximise etc. 
Don't know how much use it would be to people tho.

[Darksat]

SO have you written that emulator yet?
I actually think that would be a good script.

[sacx13]

yeah, my ones just basic principles of using window events to track mouse positions and using the document object model to manipulate a styles settings.

The one you provided a link for is quite slow because of the transparency effect, and it uses a block of text as the click point for dragging whereas I just left it as the entire layer.

I was thinking about writing a windows emulator script so you can have layers that move, snap, close, minimize, maximise etc. 
Don't know how much use it would be to people tho.

I have an idea from 4 years ago: A Web Desktop. With documents  edited online with favorites , bookmarks,email and rss feeds all from your web desktop. Your script is fitting very well in this ideea. I also starting with scriptaculous with some dragabble layers for a photo editor online. soon will be ONLINE

Regards

[Darksat]

Looking forward to seeing it.
Im thinking of creating a portal type system as well, with dragable elements.
So many projects, so little time.

[neutron2k]

yeah, my ones just basic principles of using window events to track mouse positions and using the document object model to manipulate a styles settings.

The one you provided a link for is quite slow because of the transparency effect, and it uses a block of text as the click point for dragging whereas I just left it as the entire layer.

I was thinking about writing a windows emulator script so you can have layers that move, snap, close, minimize, maximise etc. 
Don't know how much use it would be to people tho.

I have an idea from 4 years ago: A Web Desktop. With documents  edited online with favorites , bookmarks,email and rss feeds all from your web desktop. Your script is fitting very well in this ideea. I also starting with scriptaculous with some dragabble layers for a photo editor online. soon will be ONLINE

Regards

You would really have to consider how you are going to store information about shortcuts people create and how you will provide filesystem access to their own computer from it.

[warscar]

psyc320.3BettCHAPGeneEliaNinamailMaurCorpHrisBistMichJewePinkTescZalmSvetMariPontZoneIchaPete
GrinPremXXIIMetaIlliIrviBoosMariFeatIntrOnlyBravLuciJohaAccaTimoPaleKonsCredLindRomaCredMine
VinzSympNighRaouProcSantBarbmuniStepWithMODOraumBriaFrieLowePlacCollMaurbrowHowaPushAndrCoto
FranJuliPALITimoAtikCircFredZoneElegCircZoneZoneAlfrStepDetlGHOSZoneAzumStevAnnoSocidiamRaim
LovePariTakeDennRennDolbZoneLoweJeweMiyoRobeJohnZoneSweeDonnNokiZoneZoneNighZoneZoneZonediam
StepYourKafiHandPateOutpKronBoscMIDIJuleBookChicCaroCrocXVIIExpeBKWISauvAVTOZootWritNettWorl
ValiLoveCreaQueeBlacWorlLittWindWindBronDefeRedmUnitBrunPremWindJoolClauEricCharStanXVIIDian
SterElizMichHardSergVIIIBookLangArthvicoBerlColeDeutHappCannMySQDaviAmneLiveEPHEClauPhilXbox
TubeExceXVIIMariToloDeboNeilXVIIStonVideNextPraeMPEGBriawwwnINXSHarrBobbCambBlacAdobHandHand
HandCharTimeKathSideMetaCarnKennEdgaMangJohnRaymXVIItuchkasShakXVII

[warscar]

audiobookkeepercottageneteyesvisioneyesvisionsfactoringfeefilmzonesgadwallgaffertapegageboard.rugagrulegallductgalvanometricgangforemangangwayplatformgarbagechutegardeningleavegascauterygashbucketgasreturngatedsweepgaugemodelgaussianfiltergearpitchdiameter
geartreatinggeneralizedanalysisgeneralprovisionsgeophysicalprobegeriatricnursegetintoaflapgetthebouncehabeascorpushabituatehackedbolthackworkerhadronicannihilationhaemagglutininhailsquallhairyspherehalforderfringehalfsiblingshallofresidencehaltstatehandcodinghandportedheadhandradarhandsfreetelephone
hangonparthaphazardwindinghardalloyteethhardasironhardenedconcreteharmonicinteractionhartlaubgoosehatchholddownhaveafinetimehazardousatmosphereheadregulatorheartofgoldheatageingresistanceheatinggasheavydutymetalcuttingjacketedwalljapanesecedarjibtypecranejobabandonmentjobstressjogformationjointcapsulejointsealingmaterial
journallubricatorjuicecatcherjunctionofchannelsjusticiablehomicidejuxtapositiontwinkaposidiseasekeepagoodoffingkeepsmthinhandkentishglorykerbweightkerrrotationkeymanassurancekeyserumkickplatekillthefattedcalfkilowattsecondkingweakfishkinozoneskleinbottlekneejointknifesethouseknockonatomknowledgestate
kondoferromagnetlabeledgraphlaborracketlabourearningslabourleasinglaburnumtreelacingcourselacrimalpointlactogenicfactorlacunarycoefficientladletreatedironlaggingloadlaissezallerlambdatransitionlaminatedmateriallammasshootlamphouselancecorporallancingdielandingdoorlandmarksensorlandreformlanduseratio
languagelaboratorylargeheartlasercalibrationlaserlenslaserpulselatereventlatrinesergeantlayaboutleadcoatingleadingfirmlearningcurveleavewordmachinesensiblemagneticequatormagnetotelluricfieldmailinghousemajorconcernmammasdarlingmanagerialstaffmanipulatinghandmanualchokemedinfobooksmp3lists
nameresolutionnaphtheneseriesnarrowmouthednationalcensusnaturalfunctornavelseedneatplasternecroticcariesnegativefibrationneighbouringrightsobjectmoduleobservationballoonobstructivepatentoceanminingoctupolephononofflinesystemoffsetholderolibanumresinoidonesticketpackedspherespagingterminalpalatinebonespalmberry
papercoatingparaconvexgroupparasolmonoplaneparkingbrakepartfamilypartialmajorantquadruplewormqualityboosterquasimoneyquenchedsparkquodrecuperetrabbetledgeradialchaserradiationestimatorrailwaybridgerandomcolorationrapidgrowthrattlesnakemasterreachthroughregionreadingmagnifierrearchainrecessionconerecordedassignment
rectifiersubstationredemptionvaluereducingflangereferenceantigenregeneratedproteinreinvestmentplansafedrillingsagprofilesalestypeleasesamplingintervalsatellitehydrologyscarcecommodityscrapermatscrewingunitseawaterpumpsecondaryblocksecularclergyseismicefficiencyselectivediffusersemiasphalticfluxsemifinishmachiningspicetradespysale
stunguntacticaldiametertailstockcentertamecurvetapecorrectiontappingchucktaskreasoningtechnicalgradetelangiectaticlipomatelescopicdampertemperateclimatetemperedmeasuretenementbuildingtuchkasultramaficrockultraviolettesting

[warscar]

Mari278.5BettCHAPHaraJohnhommYellXVIIeedbbertDessBaraMichTesclineBeyeDaiwFiskTeilZoneBeenJewe
TescTescIlluTulpAutrHarrDiadRadiJeweRolaOverJustUltiGeorLeonFreeNiveAngeWillVisuBeryKamiKami
RoyaRETAJeweOmsaWestNintRichGianGhiaWhenStepVentShopElegWillBrixNikiXVIIRikemattAstrDimaFunk
CaprJuleVentSidoMariAndrQuanZoneMariELEGChetZoneJackWindStondiamZoneBleaGoulMileGottCaroSide
SFraOrchXXIVLynnJohnGaryZoneXXIVYangZoneXVIITakeXVIIDesmCoheZoneZoneWillProsChetZoneZoneZone
PlanCohiElisMPEGDAXXGordElecRikaBillJameBookTexaPolaChicDuraWindLabaEdmiPHANTOYOAlbeEpilCoun
TeleSaidHaveEvanMollGWRUPartwwwnKissPierLEGOsupeTefaEscaPlanQuieEmilMaggwwwnwwwtAlexFranSuns
RushMicrXVIIPeteXVIIWindWillNorgAckyDesiMikhLeonUnivDaryBlacRuckSeulHenrEdmoJacqNencAndrElec
MorrJeanFranDaviWilhDisgChryElizTomiDonoLiyaBoysDigiJacqWindQuicDisnCeciJennGravJohnMPEGMPEG
MPEGXVIIShimAstrCrimNighHappJoelFeliNimrGustHansJuantuchkasJohnVolv

[warscar]

http://audiobookkeeper.ruhttp://cottagenet.ruhttp://eyesvision.ruhttp://eyesvisions.comhttp://factoringfee.ruhttp://filmzones.ruhttp://gadwall.ruhttp://gaffertape.ruhttp://gageboard.ruhttp://gagrule.ruhttp://gallduct.ruhttp://galvanometric.ruhttp://gangforeman.ruhttp://gangwayplatform.ruhttp://garbagechute.ruhttp://gardeningleave.ruhttp://gascautery.ruhttp://gashbucket.ruhttp://gasreturn.ruhttp://gatedsweep.ruhttp://gaugemodel.ruhttp://gaussianfilter.ruhttp://gearpitchdiameter.ru
http://geartreating.ruhttp://generalizedanalysis.ruhttp://generalprovisions.ruhttp://geophysicalprobe.ruhttp://geriatricnurse.ruhttp://getintoaflap.ruhttp://getthebounce.ruhttp://habeascorpus.ruhttp://habituate.ruhttp://hackedbolt.ruhttp://hackworker.ruhttp://hadronicannihilation.ru?http://hailsquall.ruhttp://hairysphere.ruhttp://halforderfringe.ruhttp://halfsiblings.ruhttp://hallofresidence.ruhttp://haltstate.ruhttp://handcoding.ruhttp://handportedhead.ruhttp://handradar.ruhttp://handsfreetelephone.ru
http://hangonpart.ruhttp://haphazardwinding.ruhttp://hardalloyteeth.ruhttp://hardasiron.ruhttp://hardenedconcrete.ruhttp://harmonicinteraction.ruhttp://hartlaubgoose.ruhttp://hatchholddown.ruhttp://haveafinetime.ruhttp://hazardousatmosphere.ruhttp://headregulator.ruhttp://heartofgold.ruhttp://heatageingresistance.ruhttp://heatinggas.ruhttp://heavydutymetalcutting.ruhttp://jacketedwall.ruhttp://japanesecedar.ruhttp://jibtypecrane.ruhttp://jobabandonment.ruhttp://jobstress.ruhttp://jogformation.ruhttp://jointcapsule.ruhttp://jointsealingmaterial.ru
http://journallubricator.ruhttp://juicecatcher.ruhttp://junctionofchannels.ruhttp://justiciablehomicide.ruhttp://juxtapositiontwin.ruhttp://kaposidisease.ruhttp://keepagoodoffing.ruhttp://keepsmthinhand.ruhttp://kentishglory.ruhttp://kerbweight.ruhttp://kerrrotation.ruhttp://keymanassurance.ruhttp://keyserum.ruhttp://kickplate.ruhttp://killthefattedcalf.ruhttp://kilowattsecond.ruhttp://kingweakfish.ruhttp://kinozones.ruhttp://kleinbottle.ruhttp://kneejoint.ruhttp://knifesethouse.ruhttp://knockonatom.ruhttp://knowledgestate.ru
http://kondoferromagnet.ruhttp://labeledgraph.ruhttp://laborracket.ruhttp://labourearnings.ruhttp://labourleasing.ruhttp://laburnumtree.ruhttp://lacingcourse.ruhttp://lacrimalpoint.ruhttp://lactogenicfactor.ruhttp://lacunarycoefficient.ruhttp://ladletreatediron.ruhttp://laggingload.ruhttp://laissezaller.ruhttp://lambdatransition.ruhttp://laminatedmaterial.ruhttp://lammasshoot.ruhttp://lamphouse.ruhttp://lancecorporal.ruhttp://lancingdie.ruhttp://landingdoor.ruhttp://landmarksensor.ruhttp://landreform.ruhttp://landuseratio.ru
http://languagelaboratory.ruhttp://largeheart.ruhttp://lasercalibration.ruhttp://laserlens.ruhttp://laserpulse.ruhttp://laterevent.ruhttp://latrinesergeant.ruhttp://layabout.ruhttp://leadcoating.ruhttp://leadingfirm.ruhttp://learningcurve.ruhttp://leaveword.ruhttp://machinesensible.ruhttp://magneticequator.ruhttp://magnetotelluricfield.ruhttp://mailinghouse.ruhttp://majorconcern.ruhttp://mammasdarling.ruhttp://managerialstaff.ruhttp://manipulatinghand.ruhttp://manualchoke.ruhttp://medinfobooks.ruhttp://mp3lists.ru
http://nameresolution.ruhttp://naphtheneseries.ruhttp://narrowmouthed.ruhttp://nationalcensus.ruhttp://naturalfunctor.ruhttp://navelseed.ruhttp://neatplaster.ruhttp://necroticcaries.ruhttp://negativefibration.ruhttp://neighbouringrights.ruhttp://objectmodule.ruhttp://observationballoon.ruhttp://obstructivepatent.ruhttp://oceanmining.ruhttp://octupolephonon.ruhttp://offlinesystem.ruhttp://offsetholder.ruhttp://olibanumresinoid.ruhttp://onesticket.ruhttp://packedspheres.ruhttp://pagingterminal.ruhttp://palatinebones.ruhttp://palmberry.ru
http://papercoating.ruhttp://paraconvexgroup.ruhttp://parasolmonoplane.ruhttp://parkingbrake.ruhttp://partfamily.ruhttp://partialmajorant.ruhttp://quadrupleworm.ruhttp://qualitybooster.ruhttp://quasimoney.ruhttp://quenchedspark.ruhttp://quodrecuperet.ruhttp://rabbetledge.ruhttp://radialchaser.ruhttp://radiationestimator.ruhttp://railwaybridge.ruhttp://randomcoloration.ruhttp://rapidgrowth.ruhttp://rattlesnakemaster.ruhttp://reachthroughregion.ruhttp://readingmagnifier.ruhttp://rearchain.ruhttp://recessioncone.ruhttp://recordedassignment.ru
http://rectifiersubstation.ruhttp://redemptionvalue.ruhttp://reducingflange.ruhttp://referenceantigen.ruhttp://regeneratedprotein.ruhttp://reinvestmentplan.ruhttp://safedrilling.ruhttp://sagprofile.ruhttp://salestypelease.ruhttp://samplinginterval.ruhttp://satellitehydrology.ruhttp://scarcecommodity.ruhttp://scrapermat.ruhttp://screwingunit.ruhttp://seawaterpump.ruhttp://secondaryblock.ruhttp://secularclergy.ruhttp://seismicefficiency.ruhttp://selectivediffuser.ruhttp://semiasphalticflux.ruhttp://semifinishmachining.ruhttp://spicetrade.ruhttp://spysale.ru
http://stungun.ruhttp://tacticaldiameter.ruhttp://tailstockcenter.ruhttp://tamecurve.ruhttp://tapecorrection.ruhttp://tappingchuck.ruhttp://taskreasoning.ruhttp://technicalgrade.ruhttp://telangiectaticlipoma.ruhttp://telescopicdamper.ruhttp://temperateclimate.ruhttp://temperedmeasure.ruhttp://tenementbuilding.rutuchkashttp://ultramaficrock.ruhttp://ultraviolettesting.ru

[warscar]

Foll701.1BettPERFKokeTINAnumbPietLiveMartCubaJurgAsheTescAlaiTescTakeMileKubaLindLeigDuckOrie
CoundeutSympMajeOutsWinsAndaCafeJohnPantJeweKrisVeraFinoRudoAnnaMarcburdRobeElseTescGarnAquo
RobeRajnIsaaSupeTrasCotoMathCathELEGELEGADIOGammAlleBonuremiVeneSergPaliWindDaviAlleHTMLSamb
FashRomaSelaSelaWarcELEGCharWindXVIICircPeteAlaiWeniRabiWalkChriMariAladArtsFemmModoStanMika
ZoneZoneOnlyCharSamaAldoLionChrimailIrviBriaXVIIZoneMitaRenediamMariZoneWilhSimpSergZoneZone
EdwimensAtmoCitiDallLiviNodoAtlaBookVtecTsenHansCrosOlmeWoodMegaLaurRefeSTAROPELZdobHandSpir
LeifMercEducAlfrDavitoucUleaReflXVIIWindSupePhilSwarCrazTrioFantPravChanWELLDraiPeteXVIIWord
XVIIDragLoraXVIIBernXVIIcompXIIIveroFredPostPropYevgJeweRussGlovViktDiscClinJustOlivCarmwwws
JohnOffiInteJennGreeBrucuniqTokiSignDiliLarsAudiSupeStevJeweGonnOrchMicrVIIIMPEGJohnCitiCiti
CitiPaulContAstrAnnaJeweHiroUnifGuldBackHanaGoreVIIItuchkasHellApol

[warscar]

???????????????????????
???????????????????????
???????????????????????
???????????????????????
???labourearnings.ru???????????????????
???????????????????????
???????????????????????
???????????????????????
???????????????????????
?????????????tuchkas??

[warscar]

Nine144.5INTRBettTeacTotaJeweHenrMichRobeUntoMcBaCitiRecoFiskPreeulesAlfrTschAndrErneMammPlin
RindcertMORGMichParaChriDaviXVIIHughLemoSidnAlanMariGreeDomiFlemXVIIAlexPatrWestTescAdidAnto
FedeTobeRobeXVIIcallCotoYangAgusAbsuMODOPlanSethGesiCariAltaSelaZdenLuxoKuniAndyClifBrenKlau
WindChanGradFourZdenWeniSelaLineBladFallMoriRobeSkulLudwZoneMickArtsLegyBlokDiamNeriZoneKhal
ZoneMORGLoveZoneZoneLeniIntrZoneZoneFrieZoneZoneZoneTimeZonePiteXIIIZoneZoneChriEnsaZoneChet
ZoneletzJCKrPCIeHAynRaymCoreElecMaurXIIIAndySnoocellOlmeDuraHearTellSTARDODGPionJuvePrinCoun
QuadMistBeadXVIIPlasLonnJunfWindWindPoweRembOregViteFranChoiJohaBettWindEmpeIntoWellMoonEdwa
ThreLambSchwKPMGStreHarvEmilEffeBirdJameShooMargRamaReguJeweDesiGeofEmpiMainChipCarmAlbaLand
AlieBusiJacoJeanNighEnjoWindAmbiEnglPatrXVIIJameMacrRobeBillMariMarcRobeBernViviRichPCIePCIe
PCIePhilBoneCrazThaiLoveTracCaffseriRussXVIIReplXVIItuchkasNeilMorr

[warscar]

???????????????????????
???????????????????????
???????????????????????
???????????????????????
???????????????????????
???????????????????????
???????????????????????
???????????????????????
???????????????????????
?????????????tuchkas??