Solved

Pan in a Iframe. Urgent

Posted on 2009-05-15
4
821 Views
Last Modified: 2012-05-07
Okay, I have a big client wanting a solutions similar to Google Maps.

It will be a page where it will have a simple banner with a logo at the top, maybe 150px height. the rest 100% width and height a iFrame. Inside this iframe will load a LARGE image of a ship port map. I have all of this working great. only problem is, you have to scroll with the BARS on the bottom and right hand side.

I have done plenty of searching on google for a solution to this problem. I have no doubt javascript can do something to be able to Grab 'N Pull like in google maps.

Any suggestions to sites that have code, or if you can quickly just jot down some code for me. Im an expert in PHP, but a newbie in Js.

This would be GREATLY appreciated. Thank you!
0
Comment
Question by:qrpike
  • 2
  • 2
4 Comments
 
LVL 12

Accepted Solution

by:
alien109 earned 500 total points
Comment Utility
jQuery and jQueryUI can provide this functionality:
http://jqueryui.com/demos/draggable/
0
 

Author Comment

by:qrpike
Comment Utility
I am truly in love with you... <3
0
 
LVL 12

Expert Comment

by:alien109
Comment Utility
heh :) Glad to help, man.

Cheers.
0
 

Author Comment

by:qrpike
Comment Utility
Cheers!
0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…

763 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

6 Experts available now in Live!

Get 1:1 Help Now