Help - Search - Members - Calendar
Full Version: non-memorizing JS movable items?
Invision Power Services > Community Forums > Community Web Design and Coding
Trel
How simple would it be to make using JS, an segment of html that would appear in the center of the page, and could be moved like my assassistant but didn't have to memorize position at all?
barryk
QUOTE(Trel @ Jun 3 2005, 01:16 PM) *
How simple would it be to make using JS, an segment of html that would appear in the center of the page, and could be moved like my assassistant but didn't have to memorize position at all?


would be dead easy you just tell the php to output its content as javascript then then use "src" to include the output. w00t.gif
Trel
whaaa?

I'm talking about putting an element on a page that you can move around like you can with the My Assistant here. I don't need it to memorize positions, when called it appears in the center of the current screen and then you can move it around.
Nash12
Itīs not that hard or complex, I can provide you with an example later that day. original.gif
barryk
sorry i was thinking of something else there! yeah that would be easy wou could probibly even copy and mod the code from My Assistant just to open a different page
Nash12
Hereīs the promised example: http://www.nashweb.de/test/dragdrop
phatmonkey
Doesn't work on Safari...
Brendon Koz
...what does?
IAIHMB
Any good design. thumbsup.gif
Brendon Koz
I was implying that Safari isn't all that endowed with some higher language capabilities.

I figure it Matt Mecham can't get a WYSIWYG editor to work the way it should in the newest version of Safari, it's gotta be missing some stuff. I wouldn't really know one way or the other though, I don't use it and I try to stay away from JS whenever possible, so... biggrin.gif
Rikki
Search for 'dom-drag' in Google and go to the site that hosts it. There's plenty of examples on their site about how to use it too original.gif
Trel
ah, cool, is that the same function Matt uses or did he write his own?
Nash12
QUOTE(phatmonkey @ Jun 4 2005, 07:35 PM) *
Doesn't work on Safari...


Thats pretty bad luck, but I donīt own a Mac, so I couldnīt test it. noexpression.gif

But it works for all the major browsers. So sorry Safari.
Wombat
QUOTE(Nash12 @ Jun 6 2005, 05:32 PM) *
Thats pretty bad luck, but I donīt own a Mac, so I couldnīt test it. noexpression.gif

But it works for all the major browsers. So sorry Safari.


It does work in the latest version of Safari.

Oh joy. Isn't it fun when you have to upgrade an OS to get an update to a web browser. That's how to move the web forward. rolleyes.gif
Rikki
QUOTE(Trel @ Jun 5 2005, 10:37 PM) *
ah, cool, is that the same function Matt uses or did he write his own?


Yeah that's what we use for all dragging stuff at the moment, although very slightly modified.
mt2
QUOTE(Wombat @ Jun 6 2005, 09:42 AM) *
It does work in the latest version of Safari.

Oh joy. Isn't it fun when you have to upgrade an OS to get an update to a web browser. That's how to move the web forward. rolleyes.gif


I'm not 100% positive if Safari 1.3 will also work, but I'd put money on it (1.3 and 2.0 have nearly identical rendering-engines.)
Michael_C
QUOTE(Nash12 @ Jun 5 2005, 05:32 AM) *
Hereīs the promised example: http://www.nashweb.de/test/dragdrop

Doesn't work in Opera 8.
QUOTE(Rikki @ Jun 5 2005, 08:30 AM) *
Search for 'dom-drag' in Google and go to the site that hosts it. There's plenty of examples on their site about how to use it too original.gif

http://www.youngpup.net/2001/domdrag/tutorial This one works well in IE6, FF and Opera 8 for me. thumbsup.gif
Wombat
I'm using Dom-Drag in combination with a bit of JS code found here: http://blog.simon-cozens.org/6785.html to create sortable lists.

However, I notice that in Safari it causes rendering artifacts, whereas this one: http://tool-man.org/examples/sorting.html doesn't.

The main reason I'm using the other script is that I find it far easier to understand. The second one is far superior feature-wise, but I find the code a bit complicated. I was just wondering if anyone knew the reason as to why the first causes rendering artifacts while the second one does not. wassat.gif
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.