Infobox and jQuery UI Dialog popup

CesiumJS
1

Hi Hannah,

I have to connect a jQuery UI Dialog popup with Infobox description Hyperlink.

I tried but infobox does not let me add any java-script.

Here is jQuery UI Dialog popup code.
All i want is to open my new page in jQuery UI Dialog popup but some how i need to add jQuery code in info-box Iframe code base.

  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  \(function\(\) \{ &nbsp;&nbsp;&nbsp;&nbsp;( "#dialog" ).dialog();
  });
  </script>
</head>
<body>

<div id="dialog" title="Basic dialog">
  <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

Can you please help me?

Thanks

2

Hello,

The InfoBox disables running scripts by default for security purposes. However, you can enable it if you trust the scripts. Here is a code sample:

var iframe = document.getElementsByClassName(‘cesium-infoBox-iframe’)[0];
iframe.setAttribute(‘sandbox’, ‘allow-same-origin allow-scripts allow-popups allow-forms’);

Best,

Hannah