[Webkit-unassigned] [Bug 64607] New: Image map area coords dynamical change is ignored

Fri Jul 15 11:13:33 PDT 2011

https://bugs.webkit.org/show_bug.cgi?id=64607

           Summary: Image map area coords dynamical change is ignored
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: PC
               URL: http://e.cerny.sweb.cz
        OS/Version: Windows Vista
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: New Bugs
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: data007cz at gmail.com

Created an attachment (id=101006)
 --> (https://bugs.webkit.org/attachment.cgi?id=101006&action=review)
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

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.