Skip to main content

Share data between Iframe and its Parent using JQuery

          There could be requirement that you have to pass variables values to Iframe from parent or in other scenario you have to pass values from Iframe to its parent.I am going to show simple example of above situation with the help of JQuery.
           Support we have parent HTML page having iframe included like below

 <html>  
 <body>  
   <input id="parentValue" type="text" value="I am from Parent !" />  
   <iframe src="domainurl/relativepath" id="iframe"></iframe>                
 <script>  
 $(document).ready(function() {  
    //code to take value from child iframe   
    var childValue = $("#iframe").contents().find("#childValue").val();  
    alert(childValue);  
 });  
 </script>  
 </body>  
 </html>  

        and we have frame code like below

 <html>  
 <body>  
   <input id="childValue" type="text" value="I am from Iframe !" />             
 <script>  
 $(document).ready(function() {  
    //code to take value from Parent   
    var parentValue = $("#parentValue",window.parent.document).val();;  
    alert(parentValue );  
 });  
 </script>  
 </body>  
 </html> 

we are sending "childValue" from child iframe to parent and "parentValue" from parent to child iframe.
1. While accessing parent document from child iframe, we have to pass parent document as parameter in JQuery.
2. While accessing child document from its parent , we use JQuery contents method to get list of all child elements objects and we have to find particular elemnt object using JQuery find method. 

Point to remember is that due to same domain policy , both child and parent HTML should originate from same domain otherwise this code will not work on cross-domains. Simply browser will not allows you to do that for security reasons.

Popular posts from this blog

Get Browser Name and Version in Javascript

JQuery stopped providing $.browser function after 1.9 release.So you have to write your own code to get know browser and its version.There is not standard procedure or code to achieve this.
But I will show you to get browser name and version of  IE > 6, Google Chrome And FF.

Here we have AGENT to rescue.Every browser has navigation object available in its script.In this object userAgent field contains current browser information.

So you can ask me What is User-Agent?How will it help us?
          As I said earlier it contain browser information.There is not standard to show each information but almost every browser support it.
    There is complicated history behind user-agent variable.But in simple sense we can say that user-agent is used by server side component to get information of client-side browser and its compatibility to page it will going to rendered.So we conclude that this user-agent information is little bit 50% same in all browser.

Why is it(user-agent) 50% s…

Spring Default Limit for Collection and Array is 256

If you are working in Web Application Development then you may stuck or already had ,then you will get mad of getting this error


java.lang.ArrayIndexOutOfBoundsException:Arrayindexoutofrange256
How this error emanates in Spring?

i will explain you with example.Suppose you are adding Values in List in JSP using JSTL tag or other.
This list is in Form(HTML).When you POST this form,In behind Stage,Spring does binding of Object and List if present.

But wait...
In Spring,Default limit for array and collection growing is 256.

Why this limit is Set?

seldom you have to send List size greater than this limit.
Spring has set this limit to avoid notable OutOfMemoryErrors in case of large indexes.

So,than What if i want to set Collection greater than this size?

I had told earlier,spring does binding behind.If we tell spring to increase it's size or set collection size behalf of spring.
You you can do it.

We have initBinder,  in Spring  it is called when spring does the binding mechanism
e.g @Mod…