Casual Articles
#1 in Business Subscribe Email Print

You are here: Home > Computers and Technology > Software > Partial Page Rendering Using Hidden IFrame

Tags

  • skills
  • navigation unless
  • performance improvement
  • recalculate totals

  • Links

  • Do You Need A Credit Card?
  • A Business Loan: Best Companion of the Beginners and Experts of the Business World
  • Instant Messaging Etiquette
  • Casual Articles - Partial Page Rendering Using Hidden IFrame

    How to Write a Technical CV
    A technical CV is used to highlight particular skills that relate to technical jobs in professions such as IT, Engineering and Science.The key to writing a technical CV is to get the right balance between describing your technical experience and making your CV easily read by a non-technical person such as a Human Resources Assistant. They will be looking for keywords in order to match your CV against a particular vacancy. Therefore, your CV should be clear and concise and written in good English. Technical jargon should be avoided except under the Key Skills and Technical Skills headings.Do not list every technical skill you have acquired, however impressive they are, as this will distract the reader. Refer to the job vacancy to remind yourself of the skills the employer is looking for.You should always include information about how long ago you last used each of your technical skills as the reader will be looking at how current your knowledge is.The format of a technical
    "tableId").innerHTML = document.getElementById("tableId").innerHTML; } //--] [/script] [/head] [body onload="iframeLoad()"]

    [div id="tableId"]

    [table]

    [tr]

    [td]1[/td]

    [td]One[/td]

    [/tr]

    [tr]

    [td]2[/td]

    [td]Two[/td]

    [/tr]

    [/table]

    [/div] [/body] [/html]

    Table 1.2 The tag [div id="tableId"] encloses the content to transfer from hidden iframe to main page.

    [table]

    [tr]

    [td]1[/td]

    [td]One[/td]

    [/tr]

    [tr]

    [td]2[/td]

    [td]Two[/td]

    [/tr]

    [/table] This is the content to show the table to user.

    The code [body onload="iframeLoad()"] is used for triggering the action to transfer the content.

    function iframeLoad() {

    parent.document.getElementById("tableId").innerHTML = document.getElementById("tableId").innerHTML; }

    This JavaScript function does the transferring data from the hidden iframe to main page. parent.document.getElementById("tableId").innerHTML This part refers to tag div html id in main page and this part document.getElementById("tableId").innerHTML refers the HTML of the Partial Page Response.

    Conclusion:

    Improve the user experience with Web pages that are richer, that are more responsive to user actions, and that behave like traditional client applications. Reduce full-page refreshes and avoid page flicker. Partial page rendering using iframe is a very simple solution.

    References: 1. http://ajax.asp.net/docs/overview/PartialPageRenderingOverview.aspx

    Best RSS- 4 Keys to RSS
    RSS technically stands for Rich Site Summary, although some also call it Really Simple Syndication. It’s a way of syndicating the content on your website. Although you probably won’t get rich with RSS, it can help you bring traffic to your website as well as promote your products and service. Here are 4 keys to making RSS work for you.1. Use RSS feeds on your blog. This will not only add to your content, but will help you achieve better search engine rankings. Those who write for a living can use RSS to get more work sold this way, and those who have products to sell can get more exposure.2. Use it for instant advertising. You can alert your clients and customers about new products at your company by providing reliable RSS information. For instance, if you are in the business of eBay sales, you may have clients who wants a red widget with a top as soon as it comes in. As soon as you have it posted they will know if they have subscribed to your RSS.3. The RSS press rele
    Introduction:

    Web pages typically support a variety of actions, such as entering and submitting form data and navigating to different pages. Many web pages also support another type of action, which is to allow the user to make modifications to the contents of the web page itself without actually navigating to a different page. Some examples of such actions include. Clicking on a link could update an image on the same page. For example, an automobile configuration application might update an image of a car as the user chooses different options, such as the preferred color.

    Selecting an item from a choice box might result in modifications to other fields on the same page. For example, selecting a car make might update the set of available car models that are displayed. Clicking a link or selecting an item from a choice could be used to scroll to a new page of data in a table. Clicking a button in a table might add a new row to the table.

    All of these actions are similar in that they result in the same page being re-rendered in a slightly different state. Ideally, these changes should be implemented as seemlessly as possible, so that the user does not experience a loss of context which could distract from the task at hand. Partial page rendering can be implemented with very simple solution using a hidden IFrame and minimal JavaScript. Any part of the page can be partially rendered with using a div or table tags in HTML.

    Page Elements That May Change During PPR:

    •Re-Render Data: The same fields are redrawn but their data is updated. Examples include the Refresh Data action button, or recalculate totals in a table.
    •Re-render Dependent Fields: Fields may be added, removed, or change sequence, and data may be updated. Examples include the Country choice list, which may display different address fields, and toggling between Simple and Advanced Search.
    •Hide/Show Content: Both fields and data toggle in and out of view.

    Page Elements That Do Not Change During PPR:

    Some page elements are always associated with a page, regardless of the content displayed on the page.

    As a general rule of thumb, elements above the page title (except message boxes) remain constant and do not change position, whereas elements in footer constant but may move up or down the page to accommodate changes to page content. The following elements never change when PPR is initiated:
    • Branding
    • Global buttons
    • Tabs, Horizontal Navigation, SubTabs
    • Locator elements: Breadcrumbs, Train, Next/Back Locator
    • Quick links
    • Page titles (first level header)
    • Page footer
    • Separator lines between the Tabs and Page Title

    In most cases the following elements will also not change, other than moving up or down the page to accommodate changed elements. Nevertheless, in certain cases actions on the page may require them to be redrawn:
    • Side Navigation, unless it contains a Hide/Show control.
    • Subtabs
    • Contextual information
    • Page-level action/navigation buttons
    • Page-level Instruction text
    • Page-level Page stamps
    • Page-level Key Notation

    In all above scenarios this solution can be used to achieve the good performance and user interaction of the web pages.

    Contexts in Which PPR Should Not Be Used:

    When PPR is implemented correctly, it significantly improves application performance. When performance improvement is not possible with PPR, it should not be implemented, thus avoiding unnecessary code bloat, PPR can’t be used when navigating to another page (with a different title).

    Partial Page Rendering Solution:

    Solution provided to the Partial Page Rendering using simple hidden iframe and JavaScript, this can be used as a generalized solution to all the Partial Page Rendering scenarios. Below is the main html (Table 1.1), which will have two buttons one is to show a simple table which will be generated by the server, and another button to remove the table.

    [html] [head] [title] Main Document [/title] [script language="JavaScript"] [!--

    function showTable() {

    hiframe.location="./table.htm";

    }

    function removeTable() {

    document.getElementById("tableId").innerHTML="";

    } //--] [/script] [/head] [body]

    [iframe id="hiframe" style="visibility:hidden;display:none"][/iframe]

    [table]

    [tr]

    [td]Table::[/td]

    [td][/td]

    [/tr]

    [tr]

    [td colspan="2"][div id="tableId"][/div][/td]

    [/tr]

    [tr]

    [td][input type="button" value="Show Table" onclick="showTable()"][/td]

    [td][input type="button" value="Remove Table" onclick="removeTable()"][/td]

    [/tr]

    [/table] [/body] [/html]

    Table 1.1

    [iframe id="hiframe" style="visibility:hidden;display:none"][/iframe] This iframe tag is used as target to the Partial Page Rendering Request. The tag [input type="button" value="Show Table" onclick="showTable()"] gives the user action to get the contents of a table from the server, in this solution sample html is provided to render the table, which supposed to be generated by the server. The tag [input type="button" value="Remove Table" onclick="removeTable()"] gives the user to remove the table from the user interface. The JavaScript

    function showTable() {

    hiframe.location="./table.htm";

    } Is used to get the contents from the server, the line hiframe.location="./table.htm"; sends the GET request to the server, and as a response iframe gets the HTML. If the requirement insists to send a POST request for Partial Page rendering Response, that can be achieved by setting the html form element target attribute as the name of hidden iframe.

    The code for the post request looks like [form method=”post” action=”/myaction” target=”hiframe”]

    Partial Page Rendering Server Response:

    Table 1.2 shows the sample response from the server for Partial Page Rendering. This response has the JavaScript code to transfer the HTML from hidden iframe to main page.

    [html] [head] [script language="JavaScript"] [!-- function iframeLoad() {

    parent.document.getElementById("tableId").innerHTML = document.getElementById("tableId").innerHTML; } //--] [/script] [/head] [body onload="iframeLoad()"]

    [div id="tableId"]

    [table]

    [tr]

    [td]1[/td]

    [td]One[/td]

    [/tr]

    [tr]

    [td]2[/td]

    [td]Two[/td]

    [/tr]

    [/table]

    [/div] [/body] [/html]

    Table 1.2 The tag [div id="tableId"] encloses the content to transfer from hidden iframe to main page.

    [table]

    [tr]

    [td]1[/td]

    [td]One[/td]

    [/tr]

    [tr]

    [td]2[/td]

    [td]Two[/td]

    [/tr]

    [/table] This is the content to show the table to user.

    The code [body onload="iframeLoad()"] is used for triggering the action to transfer the content.

    function iframeLoad() {

    parent.document.getElementById("tableId").innerHTML = document.getElementById("tableId").innerHTML; }

    This JavaScript function does the transferring data from the hidden iframe to main page. parent.document.getElementById("tableId").innerHTML This part refers to tag div html id in main page and this part document.getElementById("tableId").innerHTML refers the HTML of the Partial Page Response.

    Conclusion:

    Improve the user experience with Web pages that are richer, that are more responsive to user actions, and that behave like traditional client applications. Reduce full-page refreshes and avoid page flicker. Partial page rendering using iframe is a very simple solution.

    References: 1. http://ajax.asp.net/docs/overview/PartialPageRenderingOverview.aspx

    Credit Rebuilder Program (4th in a 5 article series)
    Step 3: Save For Good Credit!Did you know you can use a savings account to establish or repair your credit? Follow these 5 simple steps and you can start to rebuild your credit right away!1. Open a Credit Union Savings AccountCall your local credit union tell them you want to open a savings account. Depending on the credit union you may need about $500.00 to make this program work. If you don’t have enough cash yet, don’t wait. Open your account with the minimum requirement and begin to deposit as often as you can.2. Take out a Loan Secured by Your SavingsOnce your account is open and has the minimum savings required, take out a Secured Share Loan. This loan will be secured by your savings. In most cases you can choose any repayment terms you like. I advise a 12 month repayment. Once you have only 10 months left, most lenders will not count the payment against your debt load!3. Deposit the Loan back into Your AccountDon't
    their data is updated. Examples include the Refresh Data action button, or recalculate totals in a table.
    •Re-render Dependent Fields: Fields may be added, removed, or change sequence, and data may be updated. Examples include the Country choice list, which may display different address fields, and toggling between Simple and Advanced Search.
    •Hide/Show Content: Both fields and data toggle in and out of view.

    Page Elements That Do Not Change During PPR:

    Some page elements are always associated with a page, regardless of the content displayed on the page.

    As a general rule of thumb, elements above the page title (except message boxes) remain constant and do not change position, whereas elements in footer constant but may move up or down the page to accommodate changes to page content. The following elements never change when PPR is initiated:
    • Branding
    • Global buttons
    • Tabs, Horizontal Navigation, SubTabs
    • Locator elements: Breadcrumbs, Train, Next/Back Locator
    • Quick links
    • Page titles (first level header)
    • Page footer
    • Separator lines between the Tabs and Page Title

    In most cases the following elements will also not change, other than moving up or down the page to accommodate changed elements. Nevertheless, in certain cases actions on the page may require them to be redrawn:
    • Side Navigation, unless it contains a Hide/Show control.
    • Subtabs
    • Contextual information
    • Page-level action/navigation buttons
    • Page-level Instruction text
    • Page-level Page stamps
    • Page-level Key Notation

    In all above scenarios this solution can be used to achieve the good performance and user interaction of the web pages.

    Contexts in Which PPR Should Not Be Used:

    When PPR is implemented correctly, it significantly improves application performance. When performance improvement is not possible with PPR, it should not be implemented, thus avoiding unnecessary code bloat, PPR can’t be used when navigating to another page (with a different title).

    Partial Page Rendering Solution:

    Solution provided to the Partial Page Rendering using simple hidden iframe and JavaScript, this can be used as a generalized solution to all the Partial Page Rendering scenarios. Below is the main html (Table 1.1), which will have two buttons one is to show a simple table which will be generated by the server, and another button to remove the table.

    [html] [head] [title] Main Document [/title] [script language="JavaScript"] [!--

    function showTable() {

    hiframe.location="./table.htm";

    }

    function removeTable() {

    document.getElementById("tableId").innerHTML="";

    } //--] [/script] [/head] [body]

    [iframe id="hiframe" style="visibility:hidden;display:none"][/iframe]

    [table]

    [tr]

    [td]Table::[/td]

    [td][/td]

    [/tr]

    [tr]

    [td colspan="2"][div id="tableId"][/div][/td]

    [/tr]

    [tr]

    [td][input type="button" value="Show Table" onclick="showTable()"][/td]

    [td][input type="button" value="Remove Table" onclick="removeTable()"][/td]

    [/tr]

    [/table] [/body] [/html]

    Table 1.1

    [iframe id="hiframe" style="visibility:hidden;display:none"][/iframe] This iframe tag is used as target to the Partial Page Rendering Request. The tag [input type="button" value="Show Table" onclick="showTable()"] gives the user action to get the contents of a table from the server, in this solution sample html is provided to render the table, which supposed to be generated by the server. The tag [input type="button" value="Remove Table" onclick="removeTable()"] gives the user to remove the table from the user interface. The JavaScript

    function showTable() {

    hiframe.location="./table.htm";

    } Is used to get the contents from the server, the line hiframe.location="./table.htm"; sends the GET request to the server, and as a response iframe gets the HTML. If the requirement insists to send a POST request for Partial Page rendering Response, that can be achieved by setting the html form element target attribute as the name of hidden iframe.

    The code for the post request looks like [form method=”post” action=”/myaction” target=”hiframe”]

    Partial Page Rendering Server Response:

    Table 1.2 shows the sample response from the server for Partial Page Rendering. This response has the JavaScript code to transfer the HTML from hidden iframe to main page.

    [html] [head] [script language="JavaScript"] [!-- function iframeLoad() {

    parent.document.getElementById("tableId").innerHTML = document.getElementById("tableId").innerHTML; } //--] [/script] [/head] [body onload="iframeLoad()"]

    [div id="tableId"]

    [table]

    [tr]

    [td]1[/td]

    [td]One[/td]

    [/tr]

    [tr]

    [td]2[/td]

    [td]Two[/td]

    [/tr]

    [/table]

    [/div] [/body] [/html]

    Table 1.2 The tag [div id="tableId"] encloses the content to transfer from hidden iframe to main page.

    [table]

    [tr]

    [td]1[/td]

    [td]One[/td]

    [/tr]

    [tr]

    [td]2[/td]

    [td]Two[/td]

    [/tr]

    [/table] This is the content to show the table to user.

    The code [body onload="iframeLoad()"] is used for triggering the action to transfer the content.

    function iframeLoad() {

    parent.document.getElementById("tableId").innerHTML = document.getElementById("tableId").innerHTML; }

    This JavaScript function does the transferring data from the hidden iframe to main page. parent.document.getElementById("tableId").innerHTML This part refers to tag div html id in main page and this part document.getElementById("tableId").innerHTML refers the HTML of the Partial Page Response.

    Conclusion:

    Improve the user experience with Web pages that are richer, that are more responsive to user actions, and that behave like traditional client applications. Reduce full-page refreshes and avoid page flicker. Partial page rendering using iframe is a very simple solution.

    References: 1. http://ajax.asp.net/docs/overview/PartialPageRenderingOverview.aspx

    Get Your Trading Back On Track
    Trading is a classic case of preparation and opportunity!! Traders who lose are unprepared and hence miss the opportunities. They miss the opportunity to be successful. They operate in a state of constant panic or excitement. They live on the edge or uncertainty, totally unprepared. It is a little mystery why most newcomers to Forex Trading don't last enough to make any serious money.What they lack are basic survival skills. Everyone at sometime has a story to tell on how they went bust and then learnt from it. There are hundreds of articles on trading systems, money management and discipline. Yet very few even mention a trading journal.Why a trading journal? Simply because it reinforces all the habits of successful traders. It helps you maintain discipline. It reflects your commitment to adhere to your trading system and money management. Flaws in your trading system, money management or discipline are very obvious in your trading journal. You cannot afford to ignore a trad
    l Instruction text
    • Page-level Page stamps
    • Page-level Key Notation

    In all above scenarios this solution can be used to achieve the good performance and user interaction of the web pages.

    Contexts in Which PPR Should Not Be Used:

    When PPR is implemented correctly, it significantly improves application performance. When performance improvement is not possible with PPR, it should not be implemented, thus avoiding unnecessary code bloat, PPR can’t be used when navigating to another page (with a different title).

    Partial Page Rendering Solution:

    Solution provided to the Partial Page Rendering using simple hidden iframe and JavaScript, this can be used as a generalized solution to all the Partial Page Rendering scenarios. Below is the main html (Table 1.1), which will have two buttons one is to show a simple table which will be generated by the server, and another button to remove the table.

    [html] [head] [title] Main Document [/title] [script language="JavaScript"] [!--

    function showTable() {

    hiframe.location="./table.htm";

    }

    function removeTable() {

    document.getElementById("tableId").innerHTML="";

    } //--] [/script] [/head] [body]

    [iframe id="hiframe" style="visibility:hidden;display:none"][/iframe]

    [table]

    [tr]

    [td]Table::[/td]

    [td][/td]

    [/tr]

    [tr]

    [td colspan="2"][div id="tableId"][/div][/td]

    [/tr]

    [tr]

    [td][input type="button" value="Show Table" onclick="showTable()"][/td]

    [td][input type="button" value="Remove Table" onclick="removeTable()"][/td]

    [/tr]

    [/table] [/body] [/html]

    Table 1.1

    [iframe id="hiframe" style="visibility:hidden;display:none"][/iframe] This iframe tag is used as target to the Partial Page Rendering Request. The tag [input type="button" value="Show Table" onclick="showTable()"] gives the user action to get the contents of a table from the server, in this solution sample html is provided to render the table, which supposed to be generated by the server. The tag [input type="button" value="Remove Table" onclick="removeTable()"] gives the user to remove the table from the user interface. The JavaScript

    function showTable() {

    hiframe.location="./table.htm";

    } Is used to get the contents from the server, the line hiframe.location="./table.htm"; sends the GET request to the server, and as a response iframe gets the HTML. If the requirement insists to send a POST request for Partial Page rendering Response, that can be achieved by setting the html form element target attribute as the name of hidden iframe.

    The code for the post request looks like [form method=”post” action=”/myaction” target=”hiframe”]

    Partial Page Rendering Server Response:

    Table 1.2 shows the sample response from the server for Partial Page Rendering. This response has the JavaScript code to transfer the HTML from hidden iframe to main page.

    [html] [head] [script language="JavaScript"] [!-- function iframeLoad() {

    parent.document.getElementById("tableId").innerHTML = document.getElementById("tableId").innerHTML; } //--] [/script] [/head] [body onload="iframeLoad()"]

    [div id="tableId"]

    [table]

    [tr]

    [td]1[/td]

    [td]One[/td]

    [/tr]

    [tr]

    [td]2[/td]

    [td]Two[/td]

    [/tr]

    [/table]

    [/div] [/body] [/html]

    Table 1.2 The tag [div id="tableId"] encloses the content to transfer from hidden iframe to main page.

    [table]

    [tr]

    [td]1[/td]

    [td]One[/td]

    [/tr]

    [tr]

    [td]2[/td]

    [td]Two[/td]

    [/tr]

    [/table] This is the content to show the table to user.

    The code [body onload="iframeLoad()"] is used for triggering the action to transfer the content.

    function iframeLoad() {

    parent.document.getElementById("tableId").innerHTML = document.getElementById("tableId").innerHTML; }

    This JavaScript function does the transferring data from the hidden iframe to main page. parent.document.getElementById("tableId").innerHTML This part refers to tag div html id in main page and this part document.getElementById("tableId").innerHTML refers the HTML of the Partial Page Response.

    Conclusion:

    Improve the user experience with Web pages that are richer, that are more responsive to user actions, and that behave like traditional client applications. Reduce full-page refreshes and avoid page flicker. Partial page rendering using iframe is a very simple solution.

    References: 1. http://ajax.asp.net/docs/overview/PartialPageRenderingOverview.aspx

    Swing Trading Systems
    Swing trading systems capitalize on the oscillations experienced in the stock prices. In this style of trading, the returns on a stock can be gained in few days or within a week or two. Traders employing this style can leverage on the short term stock movements without fearing any stiff competition from the big players in the market. Swing trading systems are best suited for the at-home or part time traders. These traders do not have enough time for constantly monitoring the stock prices like the day traders. They can only afford to watch over the market progress once in a day or week. They have to rely on the services of broker firms, who notify them about the price changes using email alerts and newsletters.Large trading firms or agencies cannot trade their stocks at a rapid pace, owing to the bulk size of the holdings. They therefore do not adopt swing trading systems as their mainstay. Instead they utilize the trading system occasionally to earn small amounts of profit. Day traders also s
    [td][input type="button" value="Remove Table" onclick="removeTable()"][/td]

    [/tr]

    [/table] [/body] [/html]

    Table 1.1

    [iframe id="hiframe" style="visibility:hidden;display:none"][/iframe] This iframe tag is used as target to the Partial Page Rendering Request. The tag [input type="button" value="Show Table" onclick="showTable()"] gives the user action to get the contents of a table from the server, in this solution sample html is provided to render the table, which supposed to be generated by the server. The tag [input type="button" value="Remove Table" onclick="removeTable()"] gives the user to remove the table from the user interface. The JavaScript

    function showTable() {

    hiframe.location="./table.htm";

    } Is used to get the contents from the server, the line hiframe.location="./table.htm"; sends the GET request to the server, and as a response iframe gets the HTML. If the requirement insists to send a POST request for Partial Page rendering Response, that can be achieved by setting the html form element target attribute as the name of hidden iframe.

    The code for the post request looks like [form method=”post” action=”/myaction” target=”hiframe”]

    Partial Page Rendering Server Response:

    Table 1.2 shows the sample response from the server for Partial Page Rendering. This response has the JavaScript code to transfer the HTML from hidden iframe to main page.

    [html] [head] [script language="JavaScript"] [!-- function iframeLoad() {

    parent.document.getElementById("tableId").innerHTML = document.getElementById("tableId").innerHTML; } //--] [/script] [/head] [body onload="iframeLoad()"]

    [div id="tableId"]

    [table]

    [tr]

    [td]1[/td]

    [td]One[/td]

    [/tr]

    [tr]

    [td]2[/td]

    [td]Two[/td]

    [/tr]

    [/table]

    [/div] [/body] [/html]

    Table 1.2 The tag [div id="tableId"] encloses the content to transfer from hidden iframe to main page.

    [table]

    [tr]

    [td]1[/td]

    [td]One[/td]

    [/tr]

    [tr]

    [td]2[/td]

    [td]Two[/td]

    [/tr]

    [/table] This is the content to show the table to user.

    The code [body onload="iframeLoad()"] is used for triggering the action to transfer the content.

    function iframeLoad() {

    parent.document.getElementById("tableId").innerHTML = document.getElementById("tableId").innerHTML; }

    This JavaScript function does the transferring data from the hidden iframe to main page. parent.document.getElementById("tableId").innerHTML This part refers to tag div html id in main page and this part document.getElementById("tableId").innerHTML refers the HTML of the Partial Page Response.

    Conclusion:

    Improve the user experience with Web pages that are richer, that are more responsive to user actions, and that behave like traditional client applications. Reduce full-page refreshes and avoid page flicker. Partial page rendering using iframe is a very simple solution.

    References: 1. http://ajax.asp.net/docs/overview/PartialPageRenderingOverview.aspx

    Attention Utah Home Owners-Buyers, You Need To Read This...
    Utah home buyers, are you ready to buy a home, refinancing your current mortgage, or finally get that home equity loan? If you are looking for a Utah Mortgage you need to watch interest rates from the Fed closely, because changing rates could make a huge impact in your home loan options. Interest rates are the biggest affect the type of mortgage available to choose and affect when it's smart to make a change.What is the best type of Mortgage, and how do you find a mortgage in Utah? Here are some answers.A fixed-rate mortgage is a wise choice when interest rates are rising, because it locks in the current rate and you are protected from future rate hikes. For falling rates, an adjustable-rate mortgage or (ARM) becomes better, since its interest rate changes over time (usually every one, three, or five years), which helps you to benefit from lower rates. Many people choose an ARM even when rates are still rising because the initial interest rate on an ARM can still be much lower – many
    "tableId").innerHTML = document.getElementById("tableId").innerHTML; } //--] [/script] [/head] [body onload="iframeLoad()"]

    [div id="tableId"]

    [table]

    [tr]

    [td]1[/td]

    [td]One[/td]

    [/tr]

    [tr]

    [td]2[/td]

    [td]Two[/td]

    [/tr]

    [/table]

    [/div] [/body] [/html]

    Table 1.2 The tag [div id="tableId"] encloses the content to transfer from hidden iframe to main page.

    [table]

    [tr]

    [td]1[/td]

    [td]One[/td]

    [/tr]

    [tr]

    [td]2[/td]

    [td]Two[/td]

    [/tr]

    [/table] This is the content to show the table to user.

    The code [body onload="iframeLoad()"] is used for triggering the action to transfer the content.

    function iframeLoad() {

    parent.document.getElementById("tableId").innerHTML = document.getElementById("tableId").innerHTML; }

    This JavaScript function does the transferring data from the hidden iframe to main page. parent.document.getElementById("tableId").innerHTML This part refers to tag div html id in main page and this part document.getElementById("tableId").innerHTML refers the HTML of the Partial Page Response.

    Conclusion:

    Improve the user experience with Web pages that are richer, that are more responsive to user actions, and that behave like traditional client applications. Reduce full-page refreshes and avoid page flicker. Partial page rendering using iframe is a very simple solution.

    References: 1. http://ajax.asp.net/docs/overview/PartialPageRenderingOverview.aspx 2. http://www.w3schools.com/htmldom/dom_obj_document.asp 3. http://www.w3schools.com/tags/tag_iframe.asp 4. http://www.oracle.com/technology/tech/blaf/specs/ppr.html 5. http://download-west.oracle.com/otn_hosted_doc/jdeveloper/904preview/uixhelp/uixdevguide/partialpage.html

    HTTP = HTML link (for blogs, profiles,phorums):
    <a href="http://www.casualarticles.com/article/177571/casualarticles-Partial-Page-Rendering-Using-Hidden-IFrame.html">Partial Page Rendering Using Hidden IFrame</a>

    BB link (for phorums):
    [url=http://www.casualarticles.com/article/177571/casualarticles-Partial-Page-Rendering-Using-Hidden-IFrame.html]Partial Page Rendering Using Hidden IFrame[/url]

    Related Articles:

    Beyond China's Coal Fields: Expanding Its Gas Resources

    All About Secured Loans

    Aussies Build Wealth Through Real Estate

    Bookmark it: del.icio.us digg.com reddit.com netvouz.com google.com yahoo.com technorati.com furl.net bloglines.com socialdust.com ma.gnolia.com newsvine.com slashdot.org simpy.com shadows.com blinklist.com