Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>When I first tried ImageMapster, I didn't set the path correctly. Your area path has to wrap around the object from top to bottom, then left to right, then bottom to top until it meets again at the start. Once I did that, ImageMapster "did something". Before I had the path right, it looked like nothing was going on. </p> <p>You also have to tell the <code>image</code> to use the <code>map</code>.</p> <pre><code>&lt;div id="mapblock"&gt; &lt;img id="map_image" src="/images/map.png" usemap="#map_map"/&gt; &lt;map name="map_map"&gt; &lt;area data-key="AZ" full="item" href="#" coords="... " shape="poly" /&gt; &lt;/map&gt; &lt;/div&gt; </code></pre> <p>Also, the ID# that you use in the code ought to be the ID of an <code>image</code>, not the ID of a map.</p> <p>Also, make sure your map areas are WITHIN the image (you might have to set the <code>width</code> of the image, you know) else the hover effects won't show. When I first tried it, I didn't see anything until I made sure my areas were in the right places.</p> <p>I wrote a <a href="https://stackoverflow.com/questions/13845958/how-to-get-the-path-coordinates-of-a-shape-for-use-with-image-maps">mini-tutorial here</a> for generating the <code>image-map</code> with Photoshop and Illustrator. This worked very well for me, and the <code>image-map</code> was in the exact perfect place.</p> <p><strong>[after OP posted imagemap html]</strong></p> <blockquote> <p><code>&lt;area title="Portable 1" onclick="somefunction" coords="198,81,223,117" /&gt;</code></p> </blockquote> <p>Ah, your coords much match, I think. Think of the coords as a line. You have described the start of the line plus one other point - you have to tell it to make a full loop. Try this instead and see what happens:</p> <p>'coords="198,81, 223,117, 198,81"</p>
    singulars
    1. This table or related slice is empty.
    1. POjQuery plugin imagemapster isn't doing anything
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USCommunity
    1. USbgmCoder
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. COYes, I am telling the image to use the map, the image map works perfectly without imagemapster. Can you clarify what you meant by that area path stuff because I don't understand it at all?
      singulars
      1. PO
      1. USBaga Jr.
    2. COWhat I mean is this: the first x & y coordinates must be the same as the last ones. I'll add some more details to my answer, too.
      singulars
      1. PO
      1. USbgmCoder
    3. COAh, and you seem to have added jquery twice. You only need to add one - it works fine for me with just the .min version. I think that adding it twice may mess things up.
      singulars
      1. PO
      1. USbgmCoder
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload