This is true if a window is not a frame/iframe:

    if(self==top)

If you like to see if the parent window of the given window is a frame, use: 

    if(parent==top)

It&#39;s a simple comparision of `top` (the most top window of the window hierarchy) and another window object (`self` or `parent`).



Check if `window.frameElement` is not null and see if its nodeName property is &quot;IFRAME&quot;:

    var isInIframe = window.frameElement &amp;&amp; window.frameElement.nodeName == &quot;IFRAME&quot;;

    var isInIFrame = (window.location != window.parent.location);
    if(isInIFrame==true){
        // iframe
    }
    else {
        // no iframe
    }

I am a newbie and trying to understand concepts of inheritance and design patterns.

I came across this pattern http://en.wikipedia.org/wiki/Strategy_pattern when I was going through some blog.

I found it interesting and wanted to learn more. So I developed the following program.

    static void Main(string[] args)
	{
		Context context;

		// Three contexts following different strategies
		context = new Context(new ConcreteStrategyAdd());
		int resultA = context.executeStrategy(3, 4);

		context = new Context(new ConcreteStrategySubtract());
		int resultB = context.executeStrategy(3, 4);

		context = new Context(new ConcreteStrategyMultiply());
		int resultC = context.executeStrategy(3, 4);

		Console.Read();
	}      

    abstract class Strategy
	{
		public abstract int execute(int a, int b);

		public void Test()
		{
			Console.Write(&quot;tttt&quot;);
		}
	}

    class ConcreteStrategyAdd : Strategy
    {
        public override int execute(int a, int b)
        {
            Console.WriteLine(&quot;Called ConcreteStrategyAdd&#39;s execute()&quot;);
            return a + b;  // Do an addition with a and b
        }
    }

    class ConcreteStrategySubtract : Strategy
    {

        public override int execute(int a, int b)
        {
            Console.WriteLine(&quot;Called ConcreteStrategySubtract&#39;s execute()&quot;);
            return a - b;  // Do a subtraction with a and b
        }
    }

    class ConcreteStrategyMultiply : Strategy
    {
        public override int execute(int a, int b)
        {
            Console.WriteLine(&quot;Called ConcreteStrategyMultiply&#39;s execute()&quot;);
            return a * b;   // Do a multiplication with a and b
        }
    }

    class Context
    {
        private Strategy strategy;

        // Constructor
        public Context(Strategy strategy)
        {
            this.strategy = strategy;
        }

        public int executeStrategy(int a, int b)
        {
            return strategy.execute(a, b);
        }
    }

The program compiles fine and is working. But my question is how is it possible to pass derived class as a parameter when the `Context` constructor is expecting base class as a parameter? Is the casting happening implicitly? Why does the compiler does not error?

	context = new Context(new ConcreteStrategyAdd());  

	public Context(Strategy strategy)
	{
		this.strategy = strategy;
	}

Passing Derived class as a parameter to a method when the parameter type is base class

basically I&#39;m building a very generic T4 template and one of the things I need it to do is say print `variable.ToString()`. However, I want it to evaluate lists and foreach through them and instead print `ListItem.ToString()` My T4 template does not know what type `variable` will be ahead of time, that is why this is so generic.

But my current code that gets generated looks like this:

    if(variable!=null)
      if(variable is IEnumerable) //error here
        foreach(var item in variable)
          Write(item.ToString());

I get a compiler error on the marked line for &quot;Using the generic type System.Generic.Collections.IEnumerable requires one type argument&quot; 

I don&#39;t actually care what type it is though, I just want to know if you can foreach through the variable. What code should I use instead?

How to check if a variable is an IEnumerable of some sort

How can I tell from a page within an iframe, if the parent itself is also within an iframe?

***Explanation:***

My home page `home.html` contains an iframe

    &lt;iframe src=&quot;sample.html&quot;&gt;&lt;/iframe&gt;

I need to detect if `home.html` (ie: parent of `sample.html`) is within an iframe.

Code in `sample.html`:

    if(self==window)
    {
        alert(&#39;home.html is not in iframe&#39;);
    }
    else
    {
        alert(&#39;home.html is in iframe&#39;);
    }

My question is not a duplicate. It&#39;s a different case.


Check if parent window is iframe or not

How can I tell from a page within an iframe, if the parent itself is also within an iframe?
Explanation:
My home page <code>home.html</code> contains an iframe
<pre><code class="hljs language-css">&#x3C;iframe src="sample.html">&#x3C;/iframe>
</code></pre>
I need to detect if <code>home.html</code> (ie: parent of <code>sample.html</code>) is within an iframe.
Code in <code>sample.html</code>:
<pre><code class="hljs language-scss">if(self==window)
{
 alert('home.html is not in iframe');
}
else
{
 alert('home.html is in iframe');
}
</code></pre>
My question is not a duplicate. It's a different case.

I&#39;m creating a sophisticated JavaScript library for working with my company&#39;s server side framework.

The server side framework encodes its data to a simple XML format. There&#39;s no fancy namespacing or anything like that.

Ideally I&#39;d like to parse all of the data in the browser as JSON. However, if I do this I need to rewrite some of the server side code to also spit out JSON. This is a pain because we have public APIs that I can&#39;t easily change.

What I&#39;m really concerned about here is performance in the browser of parsing JSON versus XML. Is there really a big difference to be concerned about? Or should I exclusively go for JSON? Does anyone have any experience or benchmarks in the performance difference between the two?

I realize that most modern web developers would probably opt for JSON and I can see why. However, I really am just interested in performance. If there&#39;s a proven massive difference then I&#39;m prepared to spend the extra effort in generating JSON server side for the client.


Is parsing JSON faster than parsing XML

How could I do something like this:

    &lt;script type=&quot;text/javascript&quot;&gt;
    $(document).ready(function () {
        if(window.location.contains(&quot;franky&quot;)) // This doesn&#39;t work, any suggestions?
        {
             alert(&quot;your url contains the name franky&quot;);
        }
    });
    &lt;/script&gt;

How to check if the URL contains a given string?

How can I check if a variable is empty in Javascript?

    if(response.photo) is empty {
        do something
    else {
        do something else
    }

`response.photo` was from JSON, and it could be empty sometimes, empty data cells! I want to check if it&#39;s empty.

Checking something isEmpty in Javascript?

What is the difference between this constructor-based syntax for creating an object:

    person = new Object()

...and this literal syntax:

    person = {
    	property1 : &quot;Hello&quot;
    };

It appears that both do the same thing, although JSLint prefers you use object literal notation.

Which one is better and why?

What is the difference between `new Object()` and object literal notation?

Is it possible or is there a workaround to use Razor syntax within JavaScript that is in a view (`cshtml`)?

I am trying to add markers to a Google map... For example, I tried this, but I&#39;m getting a ton of compilation errors:

    &lt;script type=&quot;text/javascript&quot;&gt;

        // Some JavaScript code here to display map, etc.

        // Now add markers
        @foreach (var item in Model) {

            var markerlatLng = new google.maps.LatLng(@(Model.Latitude), @(Model.Longitude));
            var title = &#39;@(Model.Title)&#39;;
            var description = &#39;@(Model.Description)&#39;;
            var contentString = &#39;&lt;h3&gt;&#39; + title + &#39;&lt;/h3&gt;&#39; + &#39;&lt;p&gt;&#39; + description + &#39;&lt;/p&gt;&#39;

            var infowindow = new google.maps.InfoWindow({
                content: contentString
            });

            var marker = new google.maps.Marker({
                position: latLng,
                title: title,
                map: map,
                draggable: false
            });

            google.maps.event.addListener(marker, &#39;click&#39;, function () {
                infowindow.open(map, marker);
            });
        }
    &lt;/script&gt;


Using Razor within JavaScript

How to find the distance in pixels between html element and one of the browser (or window) sides (left or top) using jQuery?

Find the distance between HTML element and browser (or window) sides

I&#39;m trying to create shortcuts on the website I&#39;m making. I know I can do it this way:

	if(e.which == 17) isCtrl=true;
	if(e.which == 83 &amp;&amp; isCtrl == true) {
		alert(&#39;CTRL+S COMBO WAS PRESSED!&#39;)
		//run code for CTRL+S -- ie, save!
		e.preventDefault();
	}

But the example below is easier and less code, but it&#39;s not a combo keypress event:

    $(document).keypress(&quot;c&quot;,function() {
      alert(&quot;Just C was pressed..&quot;);
    });

So I want to know if by using this second example, I could do something like:

    $(document).keypress(&quot;ctrl+c&quot;,function() {
      alert(&quot;Ctrl+C was pressed!!&quot;);
    });

is this possible? I&#39;ve tried it and it didn&#39;t work, what am I doing wrong?

keypress, ctrl+c (or some combo like that)

Can multiple ids be handled like in the code?


    &lt;script&gt;
    $(&quot;#segement1, #segement2, #segement3&quot;).hide()
    &lt;/script&gt;

    &lt;div id=&quot;segement1&quot;/&gt;
    &lt;div id=&quot;segement2&quot;/&gt;
    &lt;div id=&quot;segement3&quot;/&gt;

Handling multiple IDs in jQuery

According to the Apple iOS mantra it should be possible to scroll the contents of an IFRAME by dragging it with two fingers.  Unfortunately running the latest version of iOS on the iPad I have yet to find a single website with an IFRAME that scrolls using this method - no scrollbars appear either.

Does anyone know how a user is supposed to scroll the contents of an IFRAME with the mobile Safari?

IFRAMEs and the Safari on the iPad, how can the user scroll the content?

I was browsing Facebook&#39;s documentation reading about canvas applications and I came across an example application: http://developers.facebook.com/docs/samples/canvas. As I read through their example, however, I got very confused about their use of cookies in the iframe application.

A little backstory...

I had already played around with using iframes for embeddable widgets (unrelated to Facebook) and I found out a few browsers (Chrome, Safari, etc.) have strict cookie policies and don&#39;t allow cross-domain cookies set in iframes (Firefox, on the other hand, allows iframes to set cross-domain cookies in iframes). For example, if foo.com has an iframe with `src=&quot;http://bar.com/widget&quot;` the iframe widget will not be able to set any cookies for bar.com and therefore will have trouble persisting state within the iframe: bar.com will interpret every request (including ajax requests) from the widget as a fresh request without an established session. I struggled, and found a way around this by using JSONP and javascript to set cookies for foo.com instead...

... and so?

Well, I was looking at the example canvas iframe Facebook application and I noticed that their application (hosted on runwithfriends.appspot.com) is able to set a cookie, `u`, with the current user&#39;s id along with a few other parameters for the runwithfriends.appspot.com domain. It sends this cookie with every request... and it works in both Chrome and Firefox! WTF? How does Facebook get around the cross-domain cookie restrictions on Chrome?

(I already know the answer now, but I thought this might be helpful for anyone struggling to figure out the same thing -- I&#39;ll post the answer below.)

How does Facebook set cross-domain cookies for iFrames on canvas pages?

in HTML5 the iframe has new attributes like &#39;seamless&#39; that should remove borders and scrollbars. I&#39;ve tried it but doesn&#39;t seem to work, I still can see scrollbars and borders (I&#39;m using Google Chrome as browser), Here&#39;s my code:

    &lt;iframe seamless=&quot;seamless&quot; title=&quot;google&quot; width=&quot;600&quot; height=&quot;300&quot; src=&quot;http://www.google.co.uk&quot;&gt;&lt;/iframe&gt;

Any idea why it&#39;s not working?

One more question, is it possible to target a specific section of the page inside the iframe?

HTML5 iFrame Seamless Attribute

I need to hide the horizontal scollbar on an iframe using css, jquery or js.

Hide horizontal scrollbar on an iframe?

I have a facebook canvas application that runs in an iframe.  I would like to debug my page in firebug but can not get the javascript to scope to the iframe that is running my app.  

the iframe:

    &lt;iframe frameborder=&quot;0&quot; src=&quot;[app_url_removed]&quot; name=&quot;iframe_canvas&quot; id=&quot;iframe_canvas&quot; class=&quot;canvas_iframe_util&quot; style=&quot;height: 905px;&quot;&gt;&lt;/iframe&gt;

i&#39;ve tried all the following and none of them work:

    cd(iframe_canvas)
    cd(window.iframe_canvas)
    cd(iframe_canvas.window)
    cd($(&#39;iframe_canvas&#39;))

I have firefox 3.6.13
and I have tried firebug 1.7a11 and firebug 1.6.2

also tried the bookmarklet and various other things from this link https://stackoverflow.com/questions/2495313/firebug-and-jquery-selectors-in-an-iframe to no avail.


Content Type	Original Author	Original Content on Stackoverflow
Question	Mohan Ram	View Question on Stackoverflow
Solution 1 - Javascript	Dr.Molle	View Answer on Stackoverflow
Solution 2 - Javascript	Pink Duck	View Answer on Stackoverflow
Solution 3 - Javascript	Sumith Harshan	View Answer on Stackoverflow

Check if parent window is iframe or not

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

Solution 3 - Javascript

How to check if a variable is an IEnumerable of some sort

Passing Derived class as a parameter to a method when the parameter type is base class

Attributions