It means that the http server at `cw.na1.hgncloud.com` send some http headers to tell web browsers like Chrome to allow iframe loading of that page (https://cw.na1.hgncloud.com/crossmatch/) only from a page hosted on the same domain (cw.na1.hgncloud.com) :

    Content-Security-Policy: frame-ancestors &#39;self&#39; https://cw.na1.hgncloud.com
    X-Frame-Options: ALLOW-FROM https://cw.na1.hgncloud.com

You should read that :

 - https://developer.mozilla.org/en-US/docs/Web/Security/CSP
 - https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy

The reason for the error is that the host server for https://cw.na1.hgncloud.com has provided some HTTP headers to protect the document. One of which is that the frame ancestors must be from the same domain as the original content. It seems you are attempting to put the iframe at a domain location that is not the same as the content of the iframe - thus violating the Content Security Policy that the host has set.

Check out this link on [Content Security Policy][1] for more details.


  [1]: https://developer.mozilla.org/en-US/docs/Web/Security/CSP/CSP_policy_directives

For any of you calling back to the same server for your IFRAME, pass this simple header inside the IFRAME page:

`Content-Security-Policy: frame-ancestors &#39;self&#39;`

Or, add this to your web server&#39;s CSP configuration.


The same issue appears to me, just don&#39;t open the page in a private window.

In my case it was that the site i was embedding had a specific url for embedding content and a different url for sharing

the url i had set in the iframe was 

    https://site/share/2432423232

changing it to

    https://site/embed/2432423232

worked for me

I&#39;m a bit confused about how pointers work in Rust. There&#39;s `ref`, `Box`, `&amp;`, `*`, and I&#39;m not sure how they work together.

Here&#39;s how I understand it currently:

 1. `Box` isn&#39;t really a pointer - it&#39;s a way to allocate data on the heap, and pass around unsized types (traits especially) in function arguments.
 2. `ref` is used in pattern matching to borrow something that you match on, instead of taking it. For example,

        let thing: Option&lt;i32&gt; = Some(4);
        match thing {
            None =&gt; println!(&quot;none!&quot;),
            Some(ref x) =&gt; println!(&quot;{}&quot;, x), // x is a borrowed thing
        }
        println!(&quot;{}&quot;, x + 1); // wouldn&#39;t work without the ref since the block would have taken ownership of the data

 3. `&amp;` is used to make a borrow (borrowed pointer). If I have a function `fn foo(&amp;self)` then I&#39;m taking a reference to myself that will expire after the function terminates, leaving the caller&#39;s data alone. I can also pass data that I want to retain ownership of by doing `bar(&amp;mydata)`.
 4. `*` is used to make a raw pointer: for example, `let y: i32 = 4; let x = &amp;y as *const i32`. I understand pointers in C/C++ but I&#39;m not sure how this works with Rust&#39;s type system, and how they can be safely used. I&#39;m also not sure what the use cases are for this type of pointer. Additionally, the `*` symbol can be used to dereference things (what things, and why?).

Could someone explain the 4th type of pointer to me, and verify that my understanding of the other types is correct? I&#39;d also appreciate anyone pointing out any common use cases that I haven&#39;t mentioned.

Understanding and relationship between Box, ref, &amp; and *

I&#39;m trying to run pyspark on my macbook air. When i try starting it up I get the error:

    Exception: Java gateway process exited before sending the driver its port number

when sc = SparkContext() is being called upon startup. I have tried running the following commands:

    ./bin/pyspark
    ./bin/spark-shell
    export PYSPARK_SUBMIT_ARGS=&quot;--master local[2] pyspark-shell&quot;

with no avail. I have also looked here:

 https://stackoverflow.com/questions/31825911/spark-python-java-gateway-process-exited-before-sending-the-driver-its-port 
    

but the question has never been answered. Please help! Thanks.

Pyspark: Exception: Java gateway process exited before sending the driver its port number

I am trying to load a simple iframe into one of my web pages but it is not displaying.  I am getting this error in Chrome:

    Refused to display &#39;https://cw.na1.hgncloud.com/crossmatch/index.do&#39; in a frame because an ancestor violates the following Content Security Policy directive: &quot;frame-ancestors &#39;self&#39; https://cw.na1.hgncloud.com&quot;.


    Invalid &#39;X-Frame-Options&#39; header encountered when loading &#39;https://cw.na1.hgncloud.com/crossmatch/index.do&#39;: &#39;ALLOW-FROM https://cw.na1.hgncloud.com&#39; is not a recognized directive. The header will be ignored.


This is the code for my iframe:

    &lt;p&gt;&lt;iframe src=&quot;https://cw.na1.hgncloud.com/crossmatch/&quot; width=&quot;680&quot; height=&quot;500&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;&lt;/p&gt;

I am not really sure what that means. I have loaded plenty iframes before and never received such errors.

Any ideas?

iframe refuses to display

I am trying to load a simple iframe into one of my web pages but it is not displaying. I am getting this error in Chrome:
<pre><code class="hljs language-rust">Refused to display 'https://cw.na1.hgncloud.com/crossmatch/index.do' in a frame because an ancestor violates the following Content Security Policy directive: "frame-ancestors 'self' https://cw.na1.hgncloud.com".


Invalid 'X-Frame-Options' header encountered when loading 'https://cw.na1.hgncloud.com/crossmatch/index.do': 'ALLOW-FROM https://cw.na1.hgncloud.com' is not a recognized directive. The header will be ignored.
</code></pre>
This is the code for my iframe:
<pre><code class="hljs language-php-template">&#x3C;p>&#x3C;iframe src="https://cw.na1.hgncloud.com/crossmatch/" width="680" height="500" frameborder="0">&#x3C;/iframe>&#x3C;/p>
</code></pre>
I am not really sure what that means. I have loaded plenty iframes before and never received such errors.
Any ideas?

Longer time I&#39;m curious about HTML tag `&lt;marquee&gt;`.

You can find in [MDN specification][1]:

&gt;  **Obsolete**
This feature is obsolete. Although it may still work in some browsers, its use is discouraged since it could be removed at any time. Try to avoid using it.

or on [W3C wiki][2]:

&gt; No, really. don&#39;t use it.

I searched several articles and found some mention about CSS relevant replacement. CSS attributes like:

    marquee-play-count
    marquee-direction
    marquee-speed

but it seems, they don&#39;t work. They were a part of specification in year [2008][3], but they were excluded in year [2014][4]

One way, proposed by W3 Consortium, is using [CSS3 animations][5], but it seems for me much more complicated than easy-to-maintain `&lt;marquee&gt;`.

There are also plenty of [JS alternatives][6], with lots of source code that you can add to your projects and make them larger.

I&#39;m always reading things as: &quot;don&#39;t ever use marquee&quot;, &quot;is obsolete&quot;. And I don&#39;t get why.

So, can anybody explain to me, **why** is marquee deprecated, why is so &quot;dangerous&quot; using it and **what is the easiest substitution**?

I found an [example][7], it looks nice. When you use all prefixes needed for good browser support, you have around 20-25 lines of CSS, with 2 values hardcoded (start and stop indent), depending on text length. This solution is not so flexible, and you can&#39;t create bottom-to-top effect with this.


  [1]: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/marquee
  [2]: https://www.w3.org/wiki/HTML/Elements/marquee
  [3]: http://www.w3.org/TR/2008/CR-css3-marquee-20081205/
  [4]: http://www.w3.org/TR/2014/NOTE-css3-marquee-20141014/
  [5]: http://www.w3.org/TR/css3-animations/
  [6]: https://stackoverflow.com/questions/26360339/html-marquee-alternatives
  [7]: http://jsfiddle.net/jonathansampson/xxuxd/

Why is &lt;marquee&gt; deprecated and what is the best alternative?

I just finished making my home/index.html page. To keep the nav bar where it is, and have it stay while users click through all my pages. Do I have to copy and paste the nav code to the top of each page? Or is there another way to do so that would look cleaner?

HMTL nav:

    &lt;nav&gt;
        &lt;div&gt;
            &lt;a href=&quot;/&quot;&gt;
                &lt;div id=&quot;logo&quot;&gt;&lt;img src=&quot;image.png&quot; alt=&quot;Home&quot;/&gt;&lt;/div&gt;
                &lt;div id=&quot;headtag&quot;&gt;&lt;img src=&quot;image.png&quot; alt=&quot;Home&quot;/&gt;&lt;/div&gt;
                &lt;div id=&quot;tagline&quot;&gt;&lt;img src=&quot;image.png&quot; alt=&quot;Home&quot;/&gt;&lt;/div&gt;
            &lt;/a&gt;
        &lt;/div&gt;
        &lt;div&gt; 
            &lt;a href=&quot;/&quot; class=&quot;here&quot;&gt;Home&lt;/a&gt;
            &lt;a href=&quot;/about.html&quot; &gt;About&lt;/a&gt;      
            &lt;a href=&quot;/services.html&quot; &gt;Services&lt;/a&gt;          
            &lt;a href=&quot;/pricing.html&quot; &gt;Pricing&lt;/a&gt;    
            &lt;a href=&quot;/contact.html&quot; &gt;Contact Us&lt;/a&gt;
            &lt;input id=&quot;srchbar&quot; type=&quot;search&quot; placeholder=&quot;Search&quot;&gt;
        &lt;/div&gt;
    &lt;/nav&gt;

How can I reuse a navigation bar on multiple pages?

I noticed that the new Microsoft Edge browser overrides my styles when it detects phone numbers:

    &lt;span class=&quot;phone&quot;&gt;(123)123-1234&lt;/span&gt;

See [this jsfiddle](http://jsfiddle.net/rLdkmjn6/) (must be opened using Microsoft Edge :P).

This sort of intrudes upon the design of the website, and is rather obnoxious. Sure seems like a trait of a successor to IE :/

How can I override or disable this so my website users will not see it?

Remove Microsoft Edge&#39;s phone number styling

I’m getting an &quot;.addEventListener is not a function&quot; error. I am stuck on this:

    var comment = document.getElementsByClassName(&quot;button&quot;);
    function showComment() {
      var place = document.getElementById(&#39;textfield&#39;);
      var commentBox = document.createElement(&#39;textarea&#39;);
      place.appendChild(commentBox);
    }
    comment.addEventListener(&#39;click&#39;, showComment, false);

&lt;!-- --&gt;

    &lt;input type=&quot;button&quot; class=&quot;button&quot; value=&quot;1&quot;&gt;
    &lt;input type=&quot;button&quot; class=&quot;button&quot; value=&quot;2&quot;&gt;
    &lt;div id=&quot;textfield&quot;&gt;
    &lt;/div&gt;


&quot;.addEventListener is not a function&quot; why does this error occur?

Bootstrapcdn recently changed their links. It now looks like this:

    &lt;link href=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css&quot; 
    rel=&quot;stylesheet&quot; 
    integrity=&quot;sha256-MfvZlkHCEqatNoGiOXveE8FIwMzZg4W85qfrfIFBfYc= sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==&quot; 
    crossorigin=&quot;anonymous&quot;&gt;

What do the `integrity` and `crossorigin` attributes mean? How do they affect the loading of the stylesheet?

What are the integrity and crossorigin attributes?

I have a small problem. After requesting a data from a service I got an iframe code in response.

    &lt;iframe src=&quot;https://www.example.com/show?data...&quot; width=&quot;540&quot; height=&quot;450&quot;&gt;&lt;/iframe&gt;

I would like to pass this in as a props to my modal component and display it but when I simply `{this.props.iframe}` it in the render function it is obviously displaying it as a string.

**What is the best way to display it as html in react or using JSX?**



Inserting the iframe into react component

I have been debugging some slow code and it seems that the culprit is the EF code posted below. It takes 4-5 seconds when the query is evaluated at a later stage. I&#39;m trying to get it to run in under 1 second. 

I have tested this using the SQL Server Profiler, and it seems that a bunch of SQL scripts are executed. It also confirms that it takes 3-4 seconds before SQL server is done with the executions.

I have read other similar questions about the use of Include() and it does seem that there is a performance penalty when using it. I&#39;ve tried to split the below code into several different queries but it&#39;s not making much of difference.

Any idea how I can get the below to execute faster? 

Currently the web app I&#39;m working on is just showing an empty iframe while waiting for the below to complete. If I cannot get faster execution time I have to split it up and partially load the iframe with data or go with another asynchronous solution. Any ideas here would also be appreciated!

    using (var scope = new TransactionScope(TransactionScopeOption.Required, new TransactionOptions { IsolationLevel = System.Transactions.IsolationLevel.ReadUncommitted }))
            {
                formInstance = context.FormInstanceSet
                                    .Includes(x =&gt; x.Include(fi =&gt; fi.FormDefinition).Include(fd =&gt; fd.FormSectionDefinitions).Include(fs =&gt; fs.FormStateDefinitionEditableSections))
                                    .Includes(x =&gt; x.Include(fi =&gt; fi.FormDefinition).Include(fd =&gt; fd.FormStateDefinitions))
                                    .Includes(x =&gt; x.Include(fi =&gt; fi.FormSectionInstances).Include(fs =&gt; fs.FormFieldInstances).Include(ff =&gt; ff.FormFieldDefinition).Include(ffd =&gt; ffd.FormFieldMetaDataDefinition).Include(ffmdd =&gt; ffmdd.ComplexTypePropertyNames))
                                    .Include(x =&gt; x.CurrentFormStateInstance)      
                                    .Include(x =&gt; x.Files)
                                    .FirstOrDefault(x =&gt; x.FormInstanceIdentifier == formInstanceIdentifier);
                                         
                scope.Complete();
            }

Entity-framework code is slow when using Include() many times

I am trying to set the content of an iframe in a React component but I am not able to do it. I have a component that contains a function which has to be called when the iframe finishes loading. In that function I am setting the content but it doesn&#39;t seem like the onload function is called at all. I am testing it in the Chrome browser. I am trying the following:

    var MyIframe = React.createClass({
        componentDidMount : function(){
            var iframe = this.refs.iframe.getDOMNode();
            if(iframe.attachEvent){
                iframe.attacheEvent(&quot;onload&quot;, this.props.onLoad);
            }else{
                iframe.onload = this.props.onLoad;
            }
        },
        render: function(){
            return &lt;iframe ref=&quot;iframe&quot; {...this.props}/&gt;;
        }
    });
    
    var Display = React.createClass({
        getInitialState : function(){
            return {
                oasData : &quot;&quot;
            };
        },
        iframeOnLoad : function(){
            var iframe = this.refs.bannerIframe;
            iframe.contentDocument.open();
            iframe.contentDocument.write([&#39;&lt;head&gt;&lt;/head&gt;&lt;style&gt;body {margin: 0; overflow: hidden;display:inline-block;} html{ margin: 0 auto; text-align: center;} body &gt; a &gt; img {max-width: 100%; height: inherit;}&#39;, extraCss, &#39;&lt;/style&gt;&lt;/head&gt;&lt;body&gt;&#39;, this.state.oasData.Ad[0].Text, &#39;&lt;/body&gt;&#39;].join(&#39;&#39;));
            iframe.contentDocument.close();
        },
        setOasData : function(data){
            this.setState({
                oasData : JSON.parse(data)
            });
        },
        componentDidMount : function(){
            var url = &quot;getJsonDataUrl&quot;;
    
            var xhttp = new XMLHttpRequest();
            var changeOasDataFunction = this.setOasData;
            xhttp.onreadystatechange = function () {
                if (xhttp.readyState == 4 &amp;&amp; xhttp.status == 200) {
                    changeOasDataFunction(xhttp.responseText);
                }
            };
            xhttp.open(&quot;GET&quot;, url, true);
            xhttp.send();
        },
        render : function(){
            return (
                &lt;MyIframe refs=&quot;bannerIframe&quot; onLoad={this.iframeOnLoad} /&gt;
            );
        }
    });
    
    module.exports = Display;



What am I doing wrong?

How to set iframe content of a react component

I am using this code to embed a playlist:

    &lt;iframe width=&quot;816&quot; height=&quot;459&quot;     
      src=&quot;https://www.youtube.com/embed/videoseries?list=xxx&quot; 
      frameborder=&quot;0&quot; allowfullscreen=&quot;&quot;&gt;

To hide the related videos, normally I add `?rel=0` (that&#39;s in the case of a single video embed), but if I try it here:

    &lt;iframe width=&quot;816&quot; height=&quot;459&quot; src=&quot;https://www.youtube.com/embed/videoseries?list=PL4Zkb_7gMrOzZlVy7jIeCjwScavYp6ssm?rel=0&quot; 
     frameborder=&quot;0&quot; allowfullscreen=&quot;&quot;&gt;
     &lt;/iframe&gt;

I get the &quot;bad video&quot; fuzzy YouTube screen (sorry, I don&#39;t know the technical term for this)!

There is no &quot;hide related&quot; option in the YouTube &quot;SHOW MORE&quot; settings for the playlist.

How do I hide related videos at the end of a YouTube playlist embed code?

My website has a player for multiple videos.  I&#39;ve been adapting the code to use YouTube&#39;s iframe API as the player.  I can&#39;t get the videos to autoplay.  Here&#39;s the relevant code:

        &lt;body&gt;
              &lt;iframe id=&quot;existing-iframe-example&quot;
                  width=&quot;640&quot; height=&quot;360&quot;
                  src=&quot;https://www.youtube.com/embed/-SFcIUEvNOQ?   autoplay=1&amp;;enablejsapi=1&quot;
                  frameborder=&quot;0&quot;
                  autoplay=&quot;1&quot;
                  style=&quot;border: solid 4px #37474F&quot;
                  &gt;&lt;/iframe&gt;
            &lt;div id=&quot;player&quot;&gt;&lt;/div&gt;
    
            &lt;div id=&quot;movieButtons&quot; class=&quot;movieButtons&quot;&gt;
			&lt;button class=&quot;movieButton&quot; data-movieAdr=&quot;1-VjtC939_Q&quot;&gt;Memorial Slide Show&lt;/button&gt;

The rest is standard YouTube iframe API script.  You can see I tried setting Autoplay=1 as both an iframe parameter and as part of the iframe src.  I&#39;ve also tried including it in the data in the button.  None of these seems to work.  The vids load when the buttons are clicked, but they don&#39;t autoplay.




Content Type	Original Author	Original Content on Stackoverflow
Question	Jose M.	View Question on Stackoverflow
Solution 1 - Html	Vince	View Answer on Stackoverflow
Solution 2 - Html	David	View Answer on Stackoverflow
Solution 3 - Html	Volomike	View Answer on Stackoverflow
Solution 4 - Html	Ebraheem Alrabeea	View Answer on Stackoverflow
Solution 5 - Html	Winnipass	View Answer on Stackoverflow

iframe refuses to display

Html Problem Overview

Html Solutions

Solution 1 - Html

Solution 2 - Html

Solution 3 - Html

Solution 4 - Html

Solution 5 - Html

Pyspark: Exception: Java gateway process exited before sending the driver its port number

Understanding and relationship between Box, ref, & and *

Attributions