mouse drag question

[stvchez123]

i'm trying to achieve a mouse drag feature. here's what I have so far:

http://www.funtigodoc.com/temp/smtemp/

you'll notice that you can click the menu area and drag it around. I'm trying to get it so that when you click the just the 'In the News', then you can move the whole image.

here is the html code:
<div id="inTheNews" style="position: absolute; top:355px; left:472px;">
<img name="InTheNews" src="in_the_news.gif" width="319" height="203" alt="In the news">
</div>

here are coodinates that I'd like:
4,5,157,22

any assistance is greatly appreciated.

 

[stvchez123]

another thing. here is the code for the mapped part i need clickeable:

<div id="inTheNews" style="position: absolute; top:355px; left:472px;">
<map name="bgmap">
<area coords="4,5,157,22" href="

http://www.yahoo.com">

<img border="0" width="319" height="203" alt="In the news" usemap="#bgmap" name="InTheNews" src="in_the_news.gif">
</map>
</div>

when I insert this, the draggable portion quits

 

[BillyRayPreachersSon]

Don't put your image within the image map.

Hope this helps,
Dan

 

[stvchez123]

thanks. through a series of trial and error, i've found that its relatively easy to make the the entire image draggable. is it possible to just make a section draggable?

// url

http://www.funtigodoc.com/temp/smtemp/

// heres my code so far. i understand now that image doesn't work. using to explain intention
<div id="inTheNews" style="position: absolute; top:355px; left:472px;">
<map name="bgmap">
<area coords="4,5,157,22" href="

http://www.yahoo.com">

<img border="0" width="319" height="203" alt="In the news" usemap="#bgmap" name="InTheNews" src="in_the_news.gif">
</map>
</div>

 

[stvchez123]

disregard post. need to start new thread on new topic