Unique use of click and dragging of pictures in IE6 (How did they do this?)

jrobbio · #1 27-Apr-2003, 15:33

I've seen some ace sites in my time, but I am most impressed by this. It seems to be javascript based as I had a quick look at the source of the site. I had no idea that this was possible.

Rob

Check out the site at: 1 pixel per metre

pcxgamer · #2 28-Apr-2003, 07:26

I had a look at the sorce code and it looks like Javascript maybe style sheets. I may be wrong but I'm going to look into this looks cool.

Thanks for the link too.

here a clip.

HTML Code:


<STYLE>.drag {
	CURSOR: hand; POSITION: relative
}
</STYLE>

<SCRIPT language=JavaScript1.2>
<!--
var dragapproved=false
var z,x,y
function move(){
if (event.button==1&&dragapproved){
z.style.pixelLeft=temp1+event.clientX-x
z.style.pixelTop=temp2+event.clientY-y
return false
}
}
function drags(){
if (!document.all)
return
if (event.srcElement.className=="drag"){
dragapproved=true
z=event.srcElement
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move
}
}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
//-->
</SCRIPT>

jrobbio · #3 28-Apr-2003, 08:15

Its a shame that only Internet explorer can cope with it otherwise I could have seen that as being hugely popular. Glad you liked it, I don't really understand JavaScript even though it can do a load of useful things.

Rob

Garth Farley · #4 28-Apr-2003, 09:26

It is a bunch of draggable layers, all transparant, which takes a good bit of JavaScript to get right. It's really cool stuff though, but sadly doesn't work on any browser I've got on Linux (I've not got NS6 sadly)!

Using that sort of technology, I've always considered creating a WYSIWYG webpage editor using PHP and JavaScript like this. I've just not got the time, yet.

I'd say it'd be damn cool tho!
GF

jrobbio · #5 28-Apr-2003, 10:46

Garth that sounds an awesome idea, it would definitely revolutionise the way we imagine web pages are designed. If you ever find the time then go for it!

LightWolf · #6 20-Jul-2004, 22:00

Hi my name is Lightwolf, and i saw this thread, was strang as i am in the process of trying to get that script you pasted to work for me as we speak..lol but alas, i am new to all this and cant figure out how to get the pics i need to move into the code..lol i can get there test pattern to work but thats it. If you can figure it out could you please help me to..lol I am trying to make a virtual room on my site for my readings i do for others, thought it would be a great way to pass the time between readings.... i have the script you have and another one too, but can't get either to work with my pics..lol Hope to here from someone soon..Blessings...

LightWolf · #7 20-Jul-2004, 22:03

i have this to if it helps, comes with one of the scripts i got, and i figure this is where i get mixed up, i tried all options with this command to no avail but here it is if you figure it out, please let me know. Drag Layers

Instructions: It's cool. Check it out. All you have to do to make a layer or object draggable is to add the class 'drag' to almost any item in your page. Look at this example:
<img src="http://www.here.com/righthere.gif" class="drag">
or
<div class="drag"> This is in the draggable layer</div>
See how easy it is?

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Rate This Thread
Rate This Thread:

Unique use of click and dragging of pictures in IE6 (How did they do this?)

about "how do they do that"

one more thing..lol