I have got two buttons, one for editing purposes and one just to see all the information related to the polygon I selected. Also I added these two buttons on my panel using OpenLayers control. I am working on a single layer.
Now, my problem is that the first time I click on one of the buttons it works properly : a popup comes out properly and it also deactivates properly when I click on the button again. However, when I click a second time, it does not work anymore : the popup does not destroy or get cancelled when I click on different features, all the popup remain there. I tried lots of ways but I still couldn't solve the problem.
Any help would be appreciated.
Thanks in advance.
Code is posted below.
My OpenLayers Map/* Custom editing toolbar */.customEditingToolbar {position:absolute;float: right;right: 500px;height: 40px;width: 260px;background-color:#8AC007;}.customEditingToolbar div {float: right;margin: 5px;width: 24px;height: 24px;}.panel2 {top:30pxright: 385px;height: 30px;width: 200px;}.olControlNavigationItemActive {background-image:url("theme/default/img/editing_tool_bar.png");background-repeat: no-repeat;background-position: -103px -23px;}.olControlNavigationItemInactive {background-image:url("theme/default/img/editing_tool_bar.png");background-repeat: no-repeat;background-position: -103px -0px;}.olControlDrawFeaturePolygonItemInactive {background-image:url("theme/default/img/editing_tool_bar.png");background-repeat: no-repeat;background-position: -26px 0px;}.olControlDrawFeaturePolygonItemActive {background-image:url("theme/default/img/editing_tool_bar.png");background-repeat: no-repeat;background-position: -26px -23px; }.olControlModifyFeatureItemActive {background-image:url(theme/default/img/move_feature_on.png);background-repeat: no-repeat;background-position: 0px 1px;}.olControlModifyFeatureItemInactive {background-image:url(theme/default/img/move_feature_off.png);background-repeat: no-repeat;background-position: 0px 1px;}.olControlDeleteFeatureItemActive {background-image:url(theme/default/img/remove_point_on.png);background-repeat: no-repeat;background-position: 0px 1px;}.olControlDeleteFeatureItemInactive {background-image:url(theme/default/img/remove_point_off.png);background-repeat: no-repeat;background-position: 0px 1px;}/*.olControlEditFeatureItemactive {background-image:url(theme/default/img/edit_pop_up_inactive.png);background-repeat: no-repeat;background-position: 3px 1px;}.olControlEditFeatureItemInactive {background-image:url(theme/default/img/edit_pop_up_active.png);background-repeat: no-repeat;background-position: 3px 1px;} */.firstItemInactive,.secondItemInactive { background: #30d5c8; border: 2px solid #075f67; width: 18px; height: 18px;}.firstItemActive, .secondItemActive { background: #ffffdd; border: 2px solid #dddddd; width: 18px; height: 18px;}.thirdItemInactive,.secondItemInactive { background: #000000; border: 2px solid #075f67; width: 18px; height: 18px;}.thirdItemActive, .secondItemActive { background: #ffffdd; border: 2px solid #dddddd; width: 18px; height: 18px;}
أكثر...
Now, my problem is that the first time I click on one of the buttons it works properly : a popup comes out properly and it also deactivates properly when I click on the button again. However, when I click a second time, it does not work anymore : the popup does not destroy or get cancelled when I click on different features, all the popup remain there. I tried lots of ways but I still couldn't solve the problem.
Any help would be appreciated.
Thanks in advance.
Code is posted below.
My OpenLayers Map/* Custom editing toolbar */.customEditingToolbar {position:absolute;float: right;right: 500px;height: 40px;width: 260px;background-color:#8AC007;}.customEditingToolbar div {float: right;margin: 5px;width: 24px;height: 24px;}.panel2 {top:30pxright: 385px;height: 30px;width: 200px;}.olControlNavigationItemActive {background-image:url("theme/default/img/editing_tool_bar.png");background-repeat: no-repeat;background-position: -103px -23px;}.olControlNavigationItemInactive {background-image:url("theme/default/img/editing_tool_bar.png");background-repeat: no-repeat;background-position: -103px -0px;}.olControlDrawFeaturePolygonItemInactive {background-image:url("theme/default/img/editing_tool_bar.png");background-repeat: no-repeat;background-position: -26px 0px;}.olControlDrawFeaturePolygonItemActive {background-image:url("theme/default/img/editing_tool_bar.png");background-repeat: no-repeat;background-position: -26px -23px; }.olControlModifyFeatureItemActive {background-image:url(theme/default/img/move_feature_on.png);background-repeat: no-repeat;background-position: 0px 1px;}.olControlModifyFeatureItemInactive {background-image:url(theme/default/img/move_feature_off.png);background-repeat: no-repeat;background-position: 0px 1px;}.olControlDeleteFeatureItemActive {background-image:url(theme/default/img/remove_point_on.png);background-repeat: no-repeat;background-position: 0px 1px;}.olControlDeleteFeatureItemInactive {background-image:url(theme/default/img/remove_point_off.png);background-repeat: no-repeat;background-position: 0px 1px;}/*.olControlEditFeatureItemactive {background-image:url(theme/default/img/edit_pop_up_inactive.png);background-repeat: no-repeat;background-position: 3px 1px;}.olControlEditFeatureItemInactive {background-image:url(theme/default/img/edit_pop_up_active.png);background-repeat: no-repeat;background-position: 3px 1px;} */.firstItemInactive,.secondItemInactive { background: #30d5c8; border: 2px solid #075f67; width: 18px; height: 18px;}.firstItemActive, .secondItemActive { background: #ffffdd; border: 2px solid #dddddd; width: 18px; height: 18px;}.thirdItemInactive,.secondItemInactive { background: #000000; border: 2px solid #075f67; width: 18px; height: 18px;}.thirdItemActive, .secondItemActive { background: #ffffdd; border: 2px solid #dddddd; width: 18px; height: 18px;}
أكثر...