jpyrat / imgmap Goto Github PK

What steps will reproduce the problem?
1. Installing the latest version of Adobe AIR
2.
3.

What is the expected output? What do you see instead?
"This application requires a version of Adobe AIR which is no longer 
supported. Please contact the application author for an updated version."

What version of the product are you using? On what browser/operating 
system?
Adobe AIR 1.1 (will look for older version) on XP Pro, SP2, IE7, FF3.

Please provide any additional information below.

When using transparent images it's difficult to see any white text because
of the background color. If there were an option to change the background
color it would fix the problem :)

If loadImage() is called with an existing image, it should read the
dimensions of that image to create the image for the editing area because
that image might have been resized from its default dimensions and so the
map will be wrong.

What steps will reproduce the problem?

1. First, thank you Adam for making this. It's the best image mapping tool
for online use I have found. I have put the files on our server so students
can learn image mapping. They are in the same structure as was extracted
from the download. When accessing example1 here:
http://hwla.org/imgmap/examples/example1.html, I can get in images fine
from web URL, but when I upload image from harddrive it doesn't show up
when I click on Accept button. The php script obviously executes and gives
feedback, and says image is uploaded. I have also tried to keep directory
names the same as the Online Tool, but in no case does uploaded image show
up for working on. I'm using IE 6.0.2900.2180 and Firefox 2.0.0.6. I set
the permission for the php script to 755 and for all the 5 .js scripts in
the root of imgmap to 555.
2.
3.

What is the expected output? What do you see instead?

Expected output is to see image to work on. Instead just little square
shows up.

What version of the product are you using? On what operating system?

I'm using imgmap2.0beta5.zip on WinXP Pro.

Please provide any additional information below.

Thanks for any help.
My email is jchj____________AT__________gmx.net

Hello,

What steps will reproduce the problem?
1. Open imgmap online demo
2. Try to create circles and polygon areas
3. Cry because the red circles or red lines are not being showed.

What is the expected output? What do you see instead?
Red circles or lines :)

What version of the product are you using? On what operating system?
I was on a PC under Windows XP SP2 and IE 6 (the real one, not Multiple IE
- it WORKS on Multiple IE/IE6). The target of my project is IE 6 and I can
not change anything to that.

Please provide any additional information below.
Rectangular zone work.

What steps will reproduce the problem?
1. Insert an image
2. Click the image map button
3.

What is the expected output? What do you see instead?
I expected that the image would be shown in the UI, but all I can see is
the UI.
The Firebug plug-in for Firefox gives med these messages:

(Translated from norwegian)
1. Element refered to by ID/NAME in the global field. Use the W3C standard
doucment.getElementById instead.

2. uncaught exception: [Exception... "Cannot convert WrappedNative to
function" nsresult: "0x8057000d (NS_ERROR_XPC_CANT_CONVERT_WN_TO_FUN)"
location: "JS frame ::
http://cm-84.208.89.232.getinternet.no/~thomasandersen/tinymce/jscripts/tiny_mce
/plugins/imgmap/jscripts/functions.js
:: init :: line 27" data: no]


What version of the product are you using? On what browser/operating system?

imgmap2.0 beta6r80
TinyMCE 3.0.4.1
Firefox 2.0.0.12
Mac OS X 10.5.2



Please provide any additional information below.

What steps will reproduce the problem?
1. go to http://www.maschek.hu/imagemap
2. choose sample image 4
3. draw a rectangle with coords 542,154,603,208
4. change zoom level to 25%
5. rectangle coords are now 540,152,600,204 !
6. zoom back to 100%
7. rect coords are now 540,152,600,204 , different from step 3 !

What is the expected output? What do you see instead?
I expect the coordinates to be the same at 100%, whatever zoom level I jump 
between

What version of the product are you using? On what browser/operating system?
I use the latest version 2.2 r108, with Firefox 3.6.11/Windows XP

Please provide any additional information below.
The problem is the coordinates rounding.
A coordinate of 103 at 100 % will be rounded to 51 at 50 %
Then it's 51 x 2 = 102 back to 100 %, we've lost 1 pixel !
If we then switch to 25 % we get 102 x 0.25 = 25
Back to 100 % we get 25 x 4 = 100, we've lost another 2 pixels !
When jumping from one zoom level to another the coordinates can loose 10 to 15 
pixels, which is very annoying.
We use imgmap with big images so we switch zoom very often.  We draw many 
precise zones on these images, so this bug is critical for us.
I am working on a fix to compute every zoom change from original coordinates, 
without the cumulative rounding problem.  I'll submit it if you are interrested.

Actually, you can easily draw an image (PNG, JPG).

But the improvment will be the loading and the drawing of a SVG image.

Currently the imgmap.prototype.getMapInnerHTML function takes care to
create the id and name for the map if they are empty, but if that function
isn't called then they will be empty by default.

The solution is to move the existing code to the getMapId and getMapName
functions:

imgmap.prototype.getMapInnerHTML = function() {
    var html = '';
    //foreach area properties
    for (var i=0; i<this.props.length; i++) {
        if (this.props[i]) {
            if (this.props[i].getElementsByTagName('input')[2].value != '') {
                html+= '<area shape="' + 
                    this.props[i].getElementsByTagName('select')[0].value + '" alt="' +
                    this.props[i].getElementsByTagName('input')[4].value + '" coords="' +
                    this.props[i].getElementsByTagName('input')[2].value + '" href="' +
                    this.props[i].getElementsByTagName('input')[3].value + '" target="' +
                    this.props[i].getElementsByTagName('select')[1].value + '" />';
            }
        }
    }
    //alert(html);
    return(html);
}

imgmap.prototype.getMapName = function() {
    if (this.mapname == '') {
        var now = new Date();
        this.mapname = 'imgmap' + now.getFullYear() + (now.getMonth()+1) +
now.getDate() + now.getHours() + now.getMinutes() + now.getSeconds();
    }

    return this.mapname;
}

imgmap.prototype.getMapId = function() {
    if (this.mapid == '') {
        this.mapid = this.getMapName() ;
    }
    return this.mapid;
}

What steps will reproduce the problem?
1.
2.
3.

What is the expected output? What do you see instead?


What version of the product are you using? On what browser/operating system?

Please provide any additional information below.

Not a defect but a feature. Most of the images i have to add image maps to
are quite large. It would be great if there were a option to simply use a
new resizable browser window for the imgmap inferface instead of the dialog
box that's restricted within the size of the current viewing area.
Frequently i've had to drag the box to the very edge of the window and turn
off the browser status bar so I can reach the OK button to save the image
map. I've looked at the code hoping to be able to contribute something
back, however it's way over my head, lol.

What steps will reproduce the problem?
1. Make a map
2. Click HTML
3. Click read more.
4. Now bury your face into your hands because you just lost your map (in my
case, 10 minutes... down drain .. not balming on you, knew better than to
not assume worst and command+click. Darn.)

Some suggestions:
1) Serialize data and save in cookie, JIC.
2) Create save method that creates and xml file for download.
3) Change all in app links to target=_blank.

thx.

What steps will reproduce the problem?
1. Open the API (is inside the download zip file, not online?)
2. Try to use setMapHTML in the example1.html

What is the expected output?
 "Get or set map html code easily"

What do you see instead?
 Method not found error 

1.How can i itegrate it to ASP.NET
2.I want to change the color of the mapped region  with writing toolTip
3.After creating Mapping based on the server response the region should be 
active or inactive

What steps will reproduce the problem?
1. Upload an image 
2. Click on upload

What is the expected output?
- Automatically this image is used after upload completes

What do you see instead?
- User needs to click on a button

I've tried to get the script in such a way that the user does not need to hit 
any button after uploading a file, but it seems like imgmap does some init 
while you hit that button. Any jquery script trying to automatically load the 
image, or even clicking the button, fails with a message about some para[] 
variable missing.

What steps will reproduce the problem?
1.
2.
3.

What is the expected output? What do you see instead?
An updated image

What version of the product are you using? On what browser/operating system?
Net version

Please provide any additional information below.
I understand how to create an image map to use in our company wiki, but if I 
want to mak a change lateron to a complex image map, I have to redo the whole 
mapping, linking etc. If there would be a way to upload an image with its 
previously made imagemap, such that you only need to change them interactively, 
save and copy back to wiki, that would save a lot of time.

[email protected]
[email protected]

Hi,
Would it be possible to have other images replacing the default one, when the 
mouse goes over the image maps ? Like highlighting the link. That would be 
great !
Thanks for your answear.
Kris

What steps will reproduce the problem?
1. asks for "upload another"
2. attempts produce overlapping images; though option for innumerable 
coordinates okay
3. wanting to move coordinates to new position to insert image placeholder 
(either image first or coordinates first, neither works)

What is the expected output? What do you see instead?
see #3 above


What version of the product are you using? On what browser/operating system?
windows xp


Please provide any additional information below. i have lots of icons and want 
to direct their links upon clicking to an iframe embedded.

What steps will reproduce the problem?
1.Draw a rectangle 
2.Enter all the properties
3.Preview works fine
4.Change the href value
5.Preview again
6.Points to the old href rather than the new one 

What is the expected output? What do you see instead?
Expected output is the new href instaed of the old value.


What version of the product are you using? On what operating system?
The latest one which is downloaded from this site. Windows operating system.


Please provide any additional information below.

What steps will reproduce the problem?
1. I load image, but don't load 
2. Show this URL
http://www.eimcontent.com/campaigns/cr/prueba/20091203/200912_03.jpg?12601355250
77
3. The error is next JPG, I don't know why show this number.


What is the expected output? What do you see instead?

I expected output
http://www.eimcontent.com/campaigns/cr/prueba/20091203/200912_03.jpg

What version of the product are you using? On what browser/operating system?

I work with OSX and Firefox

Please provide any additional information below.

In localhost work but in the server don't.

Thanks

What steps will reproduce the problem?
1.
2.
3.

What is the expected output? What do you see instead?


What version of the product are you using? On what browser/operating system?


Please provide any additional information below.

It would have been more natural if the process for drawing an area is:

1. Press
2. Drag
3. Release

Right now you have to press, release, drag, press to create the area
This concept is difficult for beginners

I guess ;)

What steps will reproduce the problem?
1. Can't figure out how to change the labels for another language
2. I've manage to have the button and title of the popup to change
language. By saving the langs/en.js under the name fr.js.
3. I've tried to do the same with jscript/lang_en.js by renaming it
lang_fr.js but the labels don't change.

What is the expected output? What do you see instead?
French labels but I'm getting english labels with french buttons and page
title. How should I proceed?

What version of the product are you using? On what browser/operating system?


Please provide any additional information below.

What steps will reproduce the problem?
1. Use imgmap within highlighter mode
2. Hover to an area
3. Click to the hover area

What is the expected output? What do you see instead?
I hope i can click the highlighter area which will direct me to the other
pages, but when it clicked it wont go anywhere

What version of the product are you using? On what browser/operating
system? Version 2.1, my browser is mozilla, chrome and IE7 and 8, my
operating system is windows xp


Please provide any additional information below.
I'm not sure that my question is a new feature or a defect :)

What steps will reproduce the problem?
1. I use Firefox 3.0.13 on Ubuntu 9.04
2. When I show html code on front page I have attribute "title" of each
area but when my page was loaded already , I use
alert(document.getElementsByTagName("map")[0].innerHTML) on any position in
file imgmap.js(especialy on top of function imgmap.prototype.onLoad), I
found the titles of each area were loose.
3. In the end I think it loose in this function 
Function.prototype.bind = function(object) {
    var method = this;
    return function () {
        return method.apply(object, arguments);
    };
};
Because in the bottom of function imgmap.prototype.setup() I test these codes
alert("before "+document.getElementsByTagName("map")[0].innerHTML);
this.addEvent(window, 'load', this.onLoad.bind(this));
alert("after "+document.getElementsByTagName("map")[0].innerHTML);

In the line alert("before ".... I found title of each area
but in the line alert("after ".... I not found title

What is the expected output? What do you see instead?
-I want to use "title" attribute for show tooltip, I don't use alt because
I have a reason for more javascript.

What version of the product are you using? On what browser/operating system?
-I use latest version of imgmap (2.2-108)

Please provide any additional information below.
-

What steps will reproduce the problem?
1.
2.
3.

What is the expected output? What do you see instead?


What version of the product are you using? On what browser/operating system?


Please provide any additional information below.

I know the product is still in beta, but the form elementes like each area
row should be better aligned. Right now the radiobutton is moved down from
the label.

Anyway, the product looks great!

regards

tan

What steps will reproduce the problem?
1. use a picture JPEG created with Photoshop
2. insert in Maschek.ru to creat hotspots
3. test and see how the hotspots work but after inserting the image map to
Jimdo.com (in the html widget / flash widget) it fails...

What is the expected output? What do you see instead?


What version of the product are you using? On what browser/operating system?


Please provide any additional information below.

The offline AIR version has some minor defects compared to the online version. 

ONLINE VERSION
-----
1. Insert existing imagemap code in the codearea in the online version
2. The editorarea will update and show maps with alt-texts etc


OFFLINE VERSION
-----
1. Insert existing imagemap code in the codearea in the AIR version
2. The editorarea will update and show maps - but no links nor alt-texts
-----

What steps will reproduce the problem?
1. Open the image map popup
2.
3.

What is the expected output? What do you see instead?

Language file is not loaded(See output in the Firebug console).
When TinyMCE gives up the add and remove buttons is displayed.

What version of the product are you using? On what browser/operating system?

imgmap2.0 beta6r80
TinyMCE 3.0.4.1
Firefox 2.0.0.12
Mac OS X 10.5.2

Please provide any additional information below.

I guess the file structure is still for 2.x (ref. TinyMCE docs
http://wiki.moxiecode.com/index.php/TinyMCE:Create_plugin/3.x).

Loading script:
http://localhost/~tan/tinymce/jscripts/tiny_mce/plugins/imgmap/jscripts/lang_en.
js
Delaying onload (language en not loaded, try: 1)
Delaying onload (language en not loaded, try: 2)
Delaying onload (language en not loaded, try: 3)
Delaying onload (language en not loaded, try: 4)
Delaying onload (language en not loaded, try: 5)
Unable to load language strings

Question:
Do you have any roadmap /release date?

Hello,
the problem is that the image map area selected in the image map editor are
shifted on the left when the article is published

MediaWiki 1.15.4 
FCKeditor 2.6.4

My website does not have a white background so the image map shows the white 
box on my site. The image I'm using has a transparent background. How did I 
make the image map have no background too?

 Please help asap!!

What steps will reproduce the problem?
1. Open an image with the following url pattern: "binary?id=4932
2.
3.

What is the expected output? What do you see instead?
I expected that the image would be rendered, instead I saw a broken image

What version of the product are you using? On what browser/operating system?

imgmap2.0 beta6r80
TinyMCE 3.0.4.1
Firefox 2.0.0.12
Mac OS X 10.5.2

Please provide any additional information below.

I see that you try to go around the browser caching mechanism on line 603
in the imgmap.js file by appending ?some_random_value

In some cases the system loads the image from an database, the url therefor
contains a ? sign. Eg. binary?id=4355. So when the image map is adding
another ? the image gets broken.

Here is a suggestion to solve this:

Check if the img contains a ?, if it does append an & instead.

example code: 

var q;
if (img.indexOf('?') > -1)
  q = '&';
else
  q = '?';

this.pic.src = img + q + (new Date().getTime());

What steps will reproduce the problem?
1. Create a map, 
2. Enter 'mycode.asp' in the Href field
3. Enter 'NY' in the Alt Field 
4. Add the co. with mouse, worked Great
5. out put did not ahve the ALT or the HREF I entered
you could see the information in the boxes. but  the output
did not have them. 

What is the expected output? What do you see instead?
<area shape="poly" alt="" title="" 
coords="86,264,94,234,42,154,50,109,5,96,7,168,14,213,51,262" href="" target="" 
/>

What version of the product are you using? On what browser/operating system?


Please provide any additional information below.

What steps will reproduce the problem?
1. In TinyMCE, insert an image, and select it
2. Click on "Image map Editor" icon
3. Click on "Add an area"

What is the expected output? What do you see instead?
It supposes to add an area but it doesn't work at all.

What version of the product are you using? On what browser/operating 
system?
TinyMCE 3.2.4.1, plugin_tinymce3.96, IE6

Please provide any additional information below.
Thank you for what you can do :)

What steps will reproduce the problem?
1. Open the example 8 (TinyMCE) with MSIE 7
2. Select the image
3. Open the image map dialog

What is the expected output? What do you see instead?
Everything looks ok, but I get a Javascript error "func is null or not an 
object".

What version of the product are you using? On what browser/operating 
system?

imgmap2.0beta6r80 (examples/example8.html)
Windows XP SP2
MSIE 7.0.5730.11

Please provide any additional information below.

What steps will reproduce the problem?
1. installed the files within plugin_tinymce33 in a Tinymce\plugin\imgmap
directory as per install.txt instructions
2. did not install any other files from the downloaded imgmap2.0beta5 folder
3.

What is the expected output? What do you see instead?
Expected the imgmap editor buttons to appear on our Tinymce instance. Did
not appear.

What version of the product are you using? On what operating system?


Please provide any additional information below.

Its a feature request to be able to easily customize shape borders and fills.
See discussion here (also for current solution):
http://groups.google.com/group/imgmap-discuss/browse_thread/thread/a2e4c16dfb845
3fd?hl=en

What steps will reproduce the problem?
1. Code I am using is pasted below

What is the expected output? What do you see instead?

I see the JavaScript error: 'this.pic.parentNode' is null or not an object

What version of the product are you using? On what operating system?

imgmap2.0beta5 on Windows Server 2003 (server), Windows XP (client)

Please provide any additional information below.

I have successfully set the editor up and I am now trying to use the 
setMapHTML() function (in order to pass in a previously edited image map 
for re-editing), however am having some dificulties. Below is some code 
that I am testing with:

<script>
  var existingMap='<map id="imgmap2008123151556" 
name="imgmap2008123151556"><area shape="rectangle" alt="Page Link" 
title="" coords="183,42,318,209" href="http://news.bbc.co.uk" 
target="_blank" /></map><img src="test.jpg" usemap="#imgmap2008123151556" 
border="0"/>';
  </script>

  <button onclick="javascript:myimgmap.setMapHTML(existingMap)">Set 
Map</button>

I have tried passing in the map code directly but have no joy.

The result of the above (when clicking the button) is in the attached 
image and reads:

'this.pic.parentNode' is null or not an object

The way the page will (hopefully) work is that this will be passed in as 
the above.

ANY assistance you could offer would be gratefully received.

Thanks,

Darren 

What steps will reproduce the problem?
1. load an image with several lines of text
2. try to create an area for each one as rectangles, as least 3 such areas,
each one just below the previous one and one line height.

It's a little difficult to adjust the areas in that situation, the cursor
jumps from resizing to move due to the small size of the area.

So a very nice addition would be a zoom mode that would show the image at
150% or 200% so it's much easier to control the borders of each area.

What steps will reproduce the problem?
1. Create 
2.
3.

What is the expected output? What do you see instead?
If the parent document type is <!doctype html public "-//W3C//DTD HTML 4.01 
Transitional//EN">, the parent document throws many warnings under W3C 
validation tests. It would be better if there was a config option to choose 
whether or not the output is strict or transitional.

What version of the product are you using? On what browser/operating 
system?


Please provide any additional information below.

I am trying to insert a mailto link as a part of my image map. For whatever 
reason, not only does this link not work, but it makes all the other hypertext 
links inactive. Has anyone else tried this?

What steps will reproduce the problem?
1.
2.
3.

What is the expected output? What do you see instead?


What version of the product are you using? On what browser/operating system?


Please provide any additional information below.

When creating many areas close to one another, canvases tend to overlap.
This makes it hard to click and define points for a shape. Is there anyway
around this issue? At the moment, I am resorting to moving shapes out of
the way, defining a new shape, then moving everything back to their
original positions.

What steps will reproduce the problem?
1. goto http://www.maschek.hu/imagemap/imgmap
2. add one area using the plus icon
3. add one area using the plus icon
4. Set the href and alt text BEFORE you set the area.
5. The href and alt text is NOT reflected in the code output.

What is the expected output? What do you see instead?
I would expect to see the href and alt text I set in the code area

What version of the product are you using? On what browser/operating system?
http://www.maschek.hu/imagemap/imgmap
firefox 3.6.13

Please provide any additional information below.

Hello, i've a problem with the imagemap plugin for FCKeditor :
this error comes after using the image map editor when i want to publish my 
article

Warning: domdocument::domdocument() expects at least 1 parameter, 0 given in 
C:\wamp\www\mediawiki\extensions\ImageMap?\ImageMap?_body.php on line 81

Fatal error: Call to undefined method domdocument::loadXML() in 
C:\wamp\www\mediawiki\extensions\ImageMap?\ImageMap?_body.php on line 83


i use
browser : chrome
version of Mediawiki : 1.15.4
Database : MySql 5.1.36
OS : windows xp pro 2003
PHP version : 5.2.11
serveur Apache 2.2.11
FCKeditor 2.6.4


more informations:
I've followed the instructions here 
http://code.google.com/p/imgmap/wiki/MediaWiki_setup
and i've an error  for patching the file FCKeditorParser.body.php, around line 
239. is it the good file? and the good line? 
so i haven't modified the FCKeditorParser.body.php (because i can't)

What steps will reproduce the problem?
1. get firefox 3
2. load a wide image
3. observe the editor area pushed all the way to the image width

What is the expected output? What do you see instead?
scrollbar should appear instead.

I've been trying all night to make an Image map on my page at 
http://bloomgardenfilms.com/client-list/

I found your site... I used the online tool and put in the code it generated, 
but still nothing... the image shows up fine, as you can see, but nothing is 
linked.  

I'm using wordpress, and the html all seems to be there as you can see from 
viewing the page source, but no results...  

Please help!  I would be grateful for any suggestions.

What steps will reproduce the problem?
1. Open tinymce 3 example (example8.html) in IE
2. Create an imagemap w the plugin
3. View the html source in tiny

What is the expected output? What do you see instead?
coords and shape default to 0,0,0,0 and rect respectively, regardless of
the area drawn.

Discussion of the problem can be found here:
http://tinymce.moxiecode.com/punbb/viewtopic.php?pid=37661#p37661

Example now works well in the repo, however a deployed plugin wont work
correctly until tinymce fixes bug:
http://sourceforge.net/tracker/index.php?func=detail&aid=1977181&group_id=103281
&atid=635682

What steps will reproduce the problem?
1. add more than 10 polygons
2. add alt attributes to them
3. look at html code

What is the expected output? What do you see instead?
alt attributes should be populated to the html code

What version of the product are you using? On what browser/operating system?
Windows Vista 32, Firefox 3.6.9

Please provide any additional information below.
Seems to be a simple loop limited to 10 entries.

I can see the title in html console but not on page, only alt is shown,
tried in wordpress v 2.9.2

What steps will reproduce the problem?
1. Try to install package
2. Error is reported, this application requires a version of AIR that is 
not supported.
3.

What is the expected output? What do you see instead?
I expected it to install


What version of the product are you using? On what browser/operating 
system?

imgmap2.0beta6r80.zip

Clicked on AIR installer.


Please provide any additional information below.

What steps will reproduce the problem?
1. I have multi-image maps on one page and each image maps have difference
configuration but I cannot do it.one effect to others.
2. If I have one image map, it is imgmap library and I have one image map,
it is not imgmap library, they cannot show together in one page,one effect
to others too.


What is the expected output? What do you see instead?
-one page can show multi image map and difference configuration.
-one page can show multi image map,(someone is imgmap library and somebot
not be imgmap library can show together in the same page).

What version of the product are you using? On what browser/operating system?
imgmap.js v 2.2

Please provide any additional information below.
ubuntu 9.04
firefox 3.0.13
imgmap.js v 2.2

I'm not sure whether this is within the remit of the imgmap plugin or not,
and feel free to shoot me down in flames - my first post!

Although I accept that when generating an imgmap there may be a degree of
linking to external websites, the vast majority of links will be to other
articles within a site. I'd like the plugin to allow me to choose from
either an external URL (hand typed) or select an article from a list
(possibly with the ability to filter by category and section)?