Post Reply 
 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Problems with qTip and imagemap
9th February, 22:02 (This post was last modified: 9th February 22:03 by JavaGuy.)
Post: #1
Problems with qTip and imagemap
I finally have my first install of qTip working pretty good now on my page. I do have a mix of qTip and Fancybox but I can't see any problems with the intigrated code. But I do still have a few lingering problems with qTip that I can't seem to find a fix for.

The problems are:
  • When the area of the imagemap is close to the edge of the page the qTip will run off the edge of the page. Is there a way to tell qTip to slide the pop-up over to avoid going off the page?
  • I have my qTip obtaining information remotely (code below). In my testing I have found that if I just quickly move the mouse over the image map it generates a call to the server for every area the mouse moves over. The imagemap can possibly consist of hundreds of areas. I have seen this generate 30-40 transactions at a time. With thousands of concurrent users, which is typical for my website, it could really generate a big load on the server. I found a post that indicates that qTip2 might possibly have a solution to this. But I really can't try to start converting until a useable document is available. Is there something I can do about this in qTip 1.x?
  • When I quickly move the mouse in and out of the browser window to other windows that are close, I find that the old tooltips don't go away. The next thing you know I have 4 or 5 tooltips open on the page. They don't go away until I literally mouse directly over the tooltip. I tried adding a hide on mouseout event but it didn't seem to make any difference.

Here is my qTip code:

JS Code
$.fn.qtip.styles.mapDetail = {
  width: 250,
  background: '#E9E4EF',
  color: 'black',
  textAlign: 'center',
  border: {
    width: 2,
    radius: 0,
    color: 'blue'
  },
  tip: false
}
$('map[name=detail]').find('area').each(function() {
  $(this).qtip( {
    content: {
      url: "/mapToolTip.jsp?pid=" + $(this).attr('id')
    },
    position: { target: 'mouse' },
    style: { name: 'mapDetail' }
  });
});


This has turned out to be a really nice tool. I appreciate the obvious amount of effort it took to generate this library.
Find all posts by this user
Quote this message in a reply
10th February, 17:35
Post: #2
RE: Problems with qTip and imagemap
1) Turn position.adjust.screen on.
2) Unless you want to stick the info directly on the page there isn't really any other way of doing this unfortunately. Unless some area's have the same data being retrieved?
3) This is long standing bug with 1.0. It's fixed qTip2 but I'm not submitting any more code to the 1.0 branch now unfortunately.

Hope this helps!

Craig Thompson
Web Developer / Designer
Craigsworks
http://www.craigsworks.com
Visit this user's website Find all posts by this user
Quote this message in a reply
10th February, 18:03
Post: #3
RE: Problems with qTip and imagemap
Thanks for your response. I will be looking for qTip2 to be officially released. Until then I guess I'll just have to put up with it and hope my users don't complain about it too much.
Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  [Solved] One Imagemap w/ Tooltip, another without? dangerman 0 59 7th May 22:08
Last Post: dangerman
  [Solved] Ajax imagemap data problem carelmeyer 0 939 1st May 17:39
Last Post: carelmeyer
  qTip 1 and Image Map problems with IE7 - need help converting to 2.0 tafs7 2 1,013 29th April 08:50
Last Post: kiddailey
  Problems in Firefox rekkaLynn 1 570 25th March 05:26
Last Post: kiddailey
  Problems with rounded corners on IE 8 browser miha 1 1,262 8th March 12:05
Last Post: Craig
  How to install qTip - Problems ale992 1 1,383 16th November 19:44
Last Post: Craig
  [Solved] Tip Positioning using an Imagemap Chris Rouxel 0 954 21st September 10:53
Last Post: Chris Rouxel
  problems using corner with a different target Madalena 1 495 25th June 14:26
Last Post: Craig
  [Solved] positioning problems lord xeon 2 942 18th May 16:06
Last Post: lord xeon
  [Solved] Problems with the loading images demo rommydrum 1 762 16th February 22:55
Last Post: rommydrum



User(s) browsing this thread: 1 Guest(s)