RESOLVED FIXED Bug 64607
Image map area coords dynamical change is ignored 
https://bugs.webkit.org/show_bug.cgi?id=64607
Summary Image map area coords dynamical change is ignored
data007cz
Reported 2011-07-15 11:13:34 PDT
Created attachment 101006 [details] local example of e.cerny.sweb.cz Chrome Version : 8.0.552.237 URLs (if applicable) : http://e.cerny.sweb.cz/ Other browsers tested: Safari 5: ? Firefox 3.x: OK IE 7/8: OK What steps will reproduce the problem? 1. create image map 2. change position of area with javascript 3. click new position, old position. What is the expected result? document.getElementById('AreaID').coords value changes clickable area changes to new position What happens instead? document.getElementById('AreaID').coords value changes clickable area stays at old position Please provide any additional information below. Attach a screenshot if possible. example http://e.cerny.sweb.cz/ should be working this way: click at 1 -> You clicked 1 click at 2 -> You clicked 2 Clicking at "first image" or "second image" should not change this behavior. But in chrome after clicking at "second image" still working the old places to click not the new... The BUG is that document.getElementById('AreaID').coords="x1,y1,x2,y2,x3,y3"; changes the value of the document.getElementById('AreaID').coords but is simply ignored. html code: <html> <head> <script language="JavaScript"> function prvni() { document.getElementById('image').src='1.jpg'; document.getElementById('jedna').coords = '0,0,100,0,100,100,0,100'; document.getElementById('dva').coords = '150,0,250,0,250,100,150,100'; } function druha() { document.getElementById('image').src='2.jpg'; document.getElementById('jedna').coords = '0,300,100,300,100,400,0,400'; document.getElementById('dva').coords = '540,300,640,300,640,400,540,400'; } </script> </head> <body> <img id="image" src="1.jpg" usemap="#clickmap" border="1"> <map name="clickmap"> <area id="jedna" shape="polygon" coords="0,0,100,0,100,100,0,100" href="#" onclick="document.getElementById('text').innerHTML='1';"> <area id="dva" shape="polygon" coords="150,0,250,0,250,100,150,100" href="#" onclick="document.getElementById('text').innerHTML='2';"> </map> <br>You clicked <span id="text">nothing</span> <br> <br> <a href="#" onclick="prvni();">first image</a> &nbsp; &nbsp; <a href="#" onclick="druha();">second image</a> </body> </html> --------------------------------------------------------------------------------- Chrome Version :10.0.648.205 still BUGGY Other browsers tested: Safari 5: BUGGY Firefox 3.6: OK Firefox 4.0: OK IE 5/6: OK/OK IE 7/8: OK/OK Opera 11.10: OK
Attachments
local example of e.cerny.sweb.cz (15.30 KB, application/octet-stream)
2011-07-15 11:13 PDT, data007cz 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Mihnea Ovidenie
Comment 1 2011-07-28 05:28:35 PDT
Hi, I was testing using the provided link with Safari 5.1 on Mac/Win7 and latest WebKit nightly on Mac and i was not able to see a problem. Could you try with the latest nightly WebKit again?
data007cz
Comment 2 2012-02-11 15:37:45 PST
Chrome 16.0.912.77 works OK
Note You need to log in before you can comment on or make changes to this bug.