Wt

I wanted to modify the area of a img with some javascript (maphilight jquery plugin) but it seems

that the ID returned by Wt::WAbstractArea::id() is one behind the ID used within HTML.

Sample code:

requireJQuery(Wt::WApplication::resourcesUrl() + "jQuery/jquery.min.js");

// https://github.com/kemayo/maphilight
wApp->require(Wt::WApplication::resourcesUrl() + "MapHilite/jquery.maphilight.min.js"); 

auto imageWidget = new Wt::WImage{imageContainer};
imageWidget->setResource(new Wt::WFileResource{"res/foobar.png", imageWidget});

imageWidget->addArea(new Wt::WRectArea{0, 0, 10, 10});
imageWidget->addArea(new Wt::WRectArea{0, 10, 10, 10});
imageWidget->addArea(new Wt::WRectArea{10, 0, 10, 10});

auto hilitearea = new Wt::WRectArea{10, 10, 10, 10};
imageWidget->addArea(hilitearea);

auto js = "$('#" + imageWidget->id() + " img').maphilight({alwaysOn: true, fill: true, fillColor: '000000', strokeColor: '000000', shadow: true});\n" +
          "$('#" + hilitearea->id() + "').data('maphilight').fillColor = '0000ff'"; // this fails

imageWidget->doJavaScript(js);

Wt-Version: 3.3.7

jQuery: 1.12.4