Apply selected settings to second popup

Viglino · Aug 21, 2024 · 5d29d31 · 5d29d31
1 parent 299c77d
commit 5d29d31
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/examples/popup/map.fixedpopup.html b/examples/popup/map.fixedpopup.html
@@ -135,18 +135,18 @@ <h2>Options:</h2>
       <option value="tooltips">tooltips</option>
     </select>
     <br />
-    <input id="ck" type="checkbox" onchange="if (this.checked) popup.addPopupClass('shadow'); else popup.removePopupClass('shadow');" />
+    <input id="ck" type="checkbox" onchange="this.checked ? popup.addPopupClass('shadow') & popup2.addPopupClass('shadow') : popup.removePopupClass('shadow') & popup2.removePopupClass('shadow')" />
     <label for="ck">shadow</label>
     <br />
-    <input id="cb" type="checkbox" checked onchange="popup.setClosebox(this.checked);" />
+    <input id="cb" type="checkbox" checked onchange="popup.setClosebox(this.checked); popup2.setClosebox(this.checked);" />
     <label for="cb">hasclosebox</label>
     <br />
     <label>
-      <input name="fix" type="radio" checked onchange="popup.setHook('viewport');"  />
+      <input name="fix" type="radio" checked onchange="popup.setHook('viewport'); popup2.setHook('viewport')"  />
       hook on viewport
     </label>
     <label>
-      <input name="fix" type="radio" onchange="popup.setHook('map');" />
+      <input name="fix" type="radio" onchange="popup.setHook('map'); popup2.setHook('map')" />
       hook on map
     </label>
   </div>
@@ -160,12 +160,14 @@ <h2>Options:</h2>
   var popup = new ol.Overlay.FixedPopup ({
     popupClass: "default", //"tooltips", "warning" "black" "default", "tips", "shadow",
     // anim: true,
-    closeBox: true
+    closeBox: true,
+    fixedPosition: true,
   });
   var popup2 = new ol.Overlay.FixedPopup ({
     popupClass: "default", //"tooltips", "warning" "black" "default", "tips", "shadow",
     // anim: true,
-    closeBox: true
+    closeBox: true,
+    fixedPosition: true,
   });
 
   // The map