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> <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
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?
Chrome 16.0.912.77 works OK