This code probably help you.

    &lt;iframe src=&quot;&quot; onload=&quot;this.width=screen.width;this.height=screen.height;&quot;&gt;

Answering this just in case if someone else like me stumbles upon this post among many that advise use of JavaScripts for changing iframe height to 100%. 

I strongly recommend that you see and try this option specified at https://stackoverflow.com/questions/5272519/how-do-you-give-iframe-100-height before resorting to a JavaScript based option. The referenced solution works perfectly for me in all of the testing I have done so far. Hope this helps someone.

I was reading the api about [`jQuery.proxy()`][1]. It looks promising but I was wondering in what situation is this best use. Can anyone enlighten me?


  [1]: http://api.jquery.com/jQuery.proxy/

jQuery.proxy() usage

I have a list of objects appended from a mysql database and contain spaces. I wish to remove the spaces such as below, but the code im using doesnt work?

    hello = [&#39;999 &#39;,&#39; 666 &#39;]
    
    k = []
    
    for i in hello:
        str(i).replace(&#39; &#39;,&#39;&#39;)
        k.append(i)
    
    print k

Python: Removing spaces from list objects

how do I make an iframe 100% width and height of the window?

how to make a html iframe 100% width and height?

<p>how do I make an iframe 100% width and height of the window?</p>


Please see see code http://jsbin.com/eveqe3/edit, also quoted below.

I need to show text inside the item divs in such a way the text appear only in the green box with specified width rest of the line need to be hidden. Any suggestions please...

    &lt;style&gt;
      #container{
        width : 220px;
      }
      .item{
        float:left;
        border: 1px solid #0a0;
        width: 100px;
        height: 12px;
        padding 2px;
        margin: 0px 2px;
      }
      .clearfix{
        clear: both;
      }
    &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id=&quot;container&quot;&gt;
        &lt;div class=&quot;item&quot;&gt; A very loooooooooooooooooooooong text &lt;/div&gt;
        &lt;div class=&quot;item&quot;&gt; Another looooooooooooooooooooong text &lt;/div&gt;
        &lt;div class=&quot;clearfix&quot;&gt;  &lt;/div&gt;
       &lt;/div&gt;
    &lt;/body&gt;
    &lt;/html&gt;​



CSS no text wrap

I just wanted to hear some authorities on when and where you should use a `LITERAL` control over a `LABEL`. 

As I understand it, the difference is this: A `LABEL` can be styled via the `&lt;SPAN&gt;` tags that are added.

I personally find the addition of `&lt;SPAN&gt;` tags in my HTML to be very annoying and never actually apply styles through ASP, and so `LITERAL`s seem to be what should be used most of the time... but I&#39;m concerned there&#39;s *other* considerations or benefits to using a LABEL over it that I&#39;m unaware of.

**Is it 100% fine to replace any `LABEL`s with `LITERAL`s, provided we&#39;re not applying styles to them? Are there NO other considerations?**


ASP.Net: Literal vs Label

I know how white space is handled in text nodes for XML and HTML, but I&#39;m uncertain about white spaces inside tag elements themselves.  Obviously, white spaces are used inside tags to separate attributes, but is it valid to have white spaces after &#39;&lt;&#39; or before &#39;&gt;&#39;?

For example:

    &lt;  foo  &gt;
    &lt; /foo &gt;

Or even:

    &lt;foo&gt;
    &lt; /  foo &gt;

Are these tags valid XML?  What about HTML, assuming they were actual HTML tag names?

White space inside XML/HTML tags

I&#39;ve got a form, with 2 buttons

    &lt;a href=&quot;index.html&quot;&gt;&lt;button&gt;Cancel changes&lt;/button&gt;&lt;/a&gt;
    
    &lt;button type=&quot;submit&quot;&gt;Submit&lt;/button&gt;

I use jQuery UI&#39;s button on them too, simply like this

    $(&#39;button&#39;).button();

However, the first button also submits the form. I would have thought that if it didn&#39;t have the `type=&quot;submit&quot;`, it wouldn&#39;t.

Obviously I could do this

    $(&#39;button[type!=submit]&#39;).click(function(event) { event.stopPropagation(); });

But is there a way I can stop that back button from submitting the form without JavaScript intervention?

To be honest, I used a button only so I could style it with jQuery UI. I tried calling `button()` on the link and it didn&#39;t work as expected (looked quite ugly!).

Can I make a &lt;button&gt; not submit a form?

How can I send an HTML email using a shell script?

Sending HTML mail using a shell script

Okay, I have a page on and on this page I have an iframe.  What I need to do is on the iframe page, find out what the URL of the main page is. 

I have searched around and I know that this is not possible if my iframe page is on a different domain, as that is cross-site scripting. But everywhere I&#39;ve read says that if the iframe page is on the same domain as the parent page, it should work if I do for instance:

    parent.document.location

&lt;!-- --&gt;

    parent.window.document.location

&lt;!-- --&gt;

    parent.window.location

&lt;!-- --&gt;

    parent.document.location.href

... or other similar combos, as there seems to be multiple ways to get the same info. 

Anyways, so here&#39;s the problem.  My iframe is on the same domain as the main page, but it is not on the same SUB domain.  So for instance I have

&gt;http:// www.mysite.com/pageA.html

and then my iframe URL is 

&gt;http:// qa-www.mysite.com/pageB.html

When I try to grab the URL from `pageB.html` (the iframe page), I keep getting the same access denied error.  So it appears that even sub-domains count as cross-site scripting, is that correct, or am I doing something wrong?

Access parent URL from iframe

I am trying to change an `&lt;iframe src=... &gt;` when someone clicks a radio button. For some reason my code is not working correctly and I am having trouble figuring out why. Here is what I have:

&lt;!-- begin snippet: js hide: false --&gt;

&lt;!-- language: lang-html --&gt;

    &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
    &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;

    &lt;head&gt;
      &lt;meta content=&quot;text/html; charset=utf-8&quot; http-equiv=&quot;Content-Type&quot; /&gt;
      &lt;title&gt;Untitled 1&lt;/title&gt;

      &lt;script&gt;
      function go(loc) {
        document.getElementById(&#39;calendar&#39;).src = loc;
      }
      &lt;/script&gt;
    &lt;/head&gt;

    &lt;body&gt;
      &lt;iframe id=&quot;calendar&quot; src=&quot;about:blank&quot; width=&quot;1000&quot; height=&quot;450&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot;&gt;&lt;/iframe&gt;

      &lt;form method=&quot;post&quot;&gt;
        &lt;input name=&quot;calendarSelection&quot; type=&quot;radio&quot; onselect=&quot;go(&#39;http://calendar.zoho.com/embed/9a6054c98fd2ad4047021cff76fee38773c34a35234fa42d426b9510864356a68cabcad57cbbb1a0?title=Kevin_Calendar&amp;type=1&amp;l=en&amp;tz=America/Los_Angeles&amp;sh=[0,0]&amp;v=1&#39;)&quot; /&gt;Day
        &lt;input name=&quot;calendarSelection&quot; type=&quot;radio&quot; onselect=&quot;go(&#39;http://calendar.zoho.com/embed/9a6054c98fd2ad4047021cff76fee38773c34a35234fa42d426b9510864356a68cabcad57cbbb1a0?title=Kevin_Calendar&amp;type=1&amp;l=en&amp;tz=America/Los_Angeles&amp;sh=[0,0]&amp;v=1&#39;)&quot; /&gt;Week
        &lt;input name=&quot;calendarSelection&quot; type=&quot;radio&quot; onselect=&quot;go(&#39;http://calendar.zoho.com/embed/9a6054c98fd2ad4047021cff76fee38773c34a35234fa42d426b9510864356a68cabcad57cbbb1a0?title=Kevin_Calendar&amp;type=1&amp;l=en&amp;tz=America/Los_Angeles&amp;sh=[0,0]&amp;v=1&#39;)&quot; /&gt;Month
      &lt;/form&gt;

    &lt;/body&gt;

    &lt;/html&gt;

&lt;!-- end snippet --&gt;



Changing iframe src with Javascript

For me iframes are pure evil (well, maybe not so pure). They seems to make a lot of troubles. Yes, your whole site will load once and then you can just load single pages. But people invented AJAX for this purpose.

One of the biggest issues I found with `iframe` was that I couldn&#39;t paste a link to one of the subpages, because the URL never changed (yes, I know there is a workaround for this). Second thing, web search engines may have problems indexing such pages.

Sometimes the accessibility of this sites are worse and some browser can even display them improperly.

There are better ways to design layouts without iframes. Everyday I can see some one asking at SO questions, like &quot;How to access iframe with jQuery?&quot;.

So what are the benefits of iframes? What reason can it be to still use them? I just would like to know why.

Why do people still use iframes?

How can I overlay a div with semi-transparent opacity over a youtube iframe embedded video?

    &lt;iframe class=&quot;youtube-player&quot; type=&quot;text/html&quot; width=&quot;520&quot; height=&quot;330&quot; src=&quot;http://www.youtube.com/embed/NWHfY_lvKIQ&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;
    &lt;div id=&quot;overlay&quot;&gt;&lt;/div&gt;

CSS

    #overlay {
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:#000;
        opacity:0.8;
        /*background:rgba(255,255,255,0.8); or just this*/
        z-index:50;
        color:#fff;
    }





**edit (added more clarification):**
HTML5 is approaching us, with more and more devices that use it instead of flash, which complicates the embedding of youtube videos, thankfully youtube provides a special embeddable iFrame with handles all of the video embedding compatibility issues, but now the previously working method of overlaying a video object with a semi-transparent div is no longer valid, I am now unable to add a `&lt;param name=&quot;wmode&quot; value=&quot;transparent&quot;&gt;` to the object, because it is now a iFrame, so how do I add a opaque div on top of the iframe embedded video?


overlay opaque div over youtube iframe

I have a Help page, help.php that I am loading inside an iframe in main.php
How can I get the height of this page once it has loaded in the iframe?

I am asking this because I can&#39;t style the height of to iframe to 100% or auto. That&#39;s why I think I need to use javascript..
I am using jQuery

CSS:

    body {
        margin: 0;
        padding: 0;
    }
    .container {
        width: 900px;
        height: 100%;
        margin: 0 auto;
        background: silver;
    }
    .help-div {
        display: none;
        width: 850px;
        height: 100%;
        position: absolute;
        top: 100px;
        background: orange;
    }
    #help-frame {
        width: 100%;
        height: auto;
        margin:0;
        padding:0;
    }


JS:

    $(document).ready(function () {
        $(&quot;a.open-help&quot;).click(function () {
            $(&quot;.help-div&quot;).show();
            return false;
        })
    })

HTML:

    &lt;div class=&#39;container&#39;&gt;
        &lt;!-- --&gt;
        &lt;div class=&#39;help-div&#39;&gt;
            &lt;p&gt;This is a div with an iframe loading the help page&lt;/p&gt;
            &lt;iframe id=&quot;help-frame&quot; src=&quot;../help.php&quot; width=&quot;100%&quot; height=&quot;100%&quot; frameborder=&quot;1&quot;&gt;&lt;/iframe&gt;
        &lt;/div&gt;	&lt;a class=&quot;open-help&quot; href=&quot;#&quot;&gt;open Help in iFrame&lt;/a&gt;
    
        &lt;p&gt;hello world&lt;/p&gt;
        &lt;p&gt;hello world&lt;/p&gt;
        &lt;p&gt;hello world&lt;/p&gt;
        &lt;p&gt;hello world&lt;/p&gt;
        &lt;p&gt;hello world&lt;/p&gt;
    &lt;/div&gt;


Content Type	Original Author	Original Content on Stackoverflow
Question	Jacksta	View Question on Stackoverflow
Solution 1 - Html	mikel	View Answer on Stackoverflow
Solution 2 - Html	smallworld	View Answer on Stackoverflow

how to make a html iframe 100% width and height?

Html Problem Overview

Html Solutions

Solution 1 - Html

Solution 2 - Html

Python: Removing spaces from list objects

jQuery.proxy() usage

Attributions