Load Different Content In Div

Using the DOM, any visible element on the page can by dynamically hidden or revealed with the help of the CSS properties "visibility" and "display. How to load external site(URL) on page without iframe? I have done with Object tag but its not working on IE8. I'm trying to figure out how to write a script where when a link is clicked in the left nav column, it will display text in the right main column. Change div content with jQuery. It can have a particular location, size, border, and color. Switching between different style sheets based on user preference is a fairly common web site feature — using what we have discussed so far, you can set up multiple style sheets and enable only the ones that the current site visitor would want to view. Join Chris Converse for an in-depth discussion in this video Loading alternative content based on screen size, part of Creating a Responsive Web Experience. javascript can load content into a div tag, but that content has to come from somewhere and javascript cannot open a file (page) on its own. This iframe load different domain. Minimize the number of files for performance while keeping unrelated JavaScript in separate files for maintenance. aspx renders not the "real" complete HTML, but a fragment of it, something which make a valid div's inner HTTP, otherwise it would produce invalid HTML, having nested "html" and "body" elements, for example. This hides our extra content by default. With jQuery, you can load not just the contents of a URL, but a specific CSS selector from within that URL. This executes the script blocks before they are discarded. This is being done using jQuery's. How to access a div element inside a iframe in a different domain using. By clicking on two different vertices, an edge is drawn to connect them. It basically allows you to add content from another HTML file (or whatever else) as if you had never visited that page. This iframe load from a different domain. With jQuery, you can load not just the contents of a URL, but a specific CSS selector from within that URL. How to access a div element inside a iframe in a different domain using. T he advantages of this are obvious - but once again Netscape has very limited support of CSS layers - and to top it off: the limited support it offers is quite often executed with failures. The HTML structure is composed of a element, wrapping the page content, a div. In this tutorial you will see the Twitter Bootstrap tabstrip in action. jQuery Function to Load Dynamic Content from Database The following jQuery function will be called on the button click event. This executes the script blocks before they are discarded. So like on Facebook, your URL never changes even though you keep scrolling, but it's continually adding content from something like "page-2", "page-3" and so on. It basically allows you to add content from another HTML file (or whatever else) as if you had never visited that page. Why not responseHTML? There is no responseHTML attribute belong responseText and responseXML in XMLHttpRequest, but this is not a problem. This is a tutorial for replacing the content in a div on-the-fly, without reloading the web page. html within the element with an ID of contentand puts it on to the current page, inside the element with an ID of area. Bootstrap preloaders (also known as loaders) are simple animations that are used to keep visitors entertained while the page is still loading, which helps to increase the user experience. I want to access div inside the iframe. Hence all the server side elements that got rendered will not work, if it is not under a form tag. Method 1: Show and hide different content on any platform. You can find many different alternatives to this approach online, but this basic approach will serve you well. This executes the script blocks before they are discarded. cd-cover-layer which is used to create the layer covering the content during the page transition, and a div. In addition, the browser's Same Origin Policy and Cross-Origin Resource Sharing (CORS) policy may further restrict whether the template is successfully loaded. Why not responseHTML? There is no responseHTML attribute belong responseText and responseXML in XMLHttpRequest, but this is not a problem. Clicking on the Write link invokes the load function, causing chap4/inc/userWrite. How to hide, show, or toggle your div with jQuery Hiding and showing content is MUCH easier with the magic of jQuery. Create a very basic “loading” screen using only JavaScript & CSS. jssor_slider1_init = function (containerId) { var options = {}; var jssor_slider1 = new $JssorSlider$(containerId. Steps on how to prevent a div from breaking to the new line and keeping more than one div on a single line. I want to access a div element inside a iframe. The div should not increase in height when overflow:visible is used; the background and border should be drawn as though the extra content was not there, and the content simply drawn outside the bounds. php to be loaded into the div with an id of newArticle. In both example cases, one of the ways to achieve this is by loading of user controls dynamically. Tip: To test this Ajax example you need to place the HTML files on a web server. BUTthat's really the wrong way to go about building a web site. But in AngularJS we can do that by using ng-include directive, where we can give the. To get your web content working well on all of the huge, diverse number of different web browsers and web-enabled devices that exist (or even a good proportion of them), you're going to have to do some work, optimizing the layouts and content delivered to each browser, and sometimes even directing certain devices to completely separate web sites. html page loads every 30 seconds in div with id “block1”. Here's an example of loading external HTML from a file called navigation. Rotating ads - if one isn't clicked on within a minute, present a different one. Tip: To test this Ajax example you need to place the HTML files on a web server. This will all be done using CSS3 so this will work on all modern browsers except of course IE7, Ie8 and 9. Rate this: on different platform then Intel or other known. You can find many different alternatives to this approach online, but this basic approach will serve you well. In this event, the content category is sent to the PHP code to get the content data from the database based on the category selected. This iframe load different domain. In this post you will find out how to make a HTML element fills the height of any screen with CSS There are many ways to make the height of your HTML elements to be exactly as the height of the browser screen, regardless of the screen resolution, browser, device, etc. When these 2 values are concatenated, we get the name of the div we will need to toggle. Using the DOM, any visible element on the page can by dynamically hidden or revealed with the help of the CSS properties "visibility" and "display. Hiding or showing parts of a DOM based on some conditions is a common requirement. I have a number of different div's on my page, including a navigation div and a content div. Part of jQuery For Dummies Cheat Sheet. Just by using some simple CSS can easily show and hide different content on mobile devices and on desktops regardless of how your website was created. I want to access div inside the iframe. In this tutorial I will show you how to write code for three small div boxes inside one large div box. I have tried this link; it's working for a single page URL, which I mentioned in the script. But this was complicated to do and caused web pages to load very slowly. Change div content with jQuery. In HTML5 there is a element, as well as a , and a couple other new elements that replace these div tags. Using the DOM, any visible element on the page can by dynamically hidden or revealed with the help of the CSS properties "visibility" and "display. load() using a URL without a suffixed selector expression, the content is passed to. Passive mixed content refers to content that doesn't interact with the rest of the page, and thus a man-in-the-middle attack is restricted to what they can do if they intercept or change that content. In this post you will find out how to make a HTML element fills the height of any screen with CSS There are many ways to make the height of your HTML elements to be exactly as the height of the browser screen, regardless of the screen resolution, browser, device, etc. For example, it would be very easy for me to have 3 tabs, Tab1, Tab2, Tab3, where Tab1 loads content off the page, while Tabs 2 and 3 did AJAX calls to load content. The first method I used was to load *. ajax() anyway, but allows you to narrow down what you want returned, in our case, just the content only. This is a tutorial for replacing the content in a div on-the-fly, without reloading the web page. Graph and Vertex instances are statically placed in the template to form a selection of disconnected nodes. These are divs that tend stay the same throughout a website. However, it will also stop stylesheets from being loaded. cd-loading-bar to create the loading bar animation. The HTML structure is composed of a element, wrapping the page content, a div. In this tutorial I will show you how to write code for three small div boxes inside one large div box. 2 but not hidden it completely just for demo purposes. Skip to Main Content. So like on Facebook, your URL never changes even though you keep scrolling, but it's continually adding content from something like "page-2", "page-3" and so on. add via-views attribute to your div element to specify where to load the content. json files is left as an exercise to the reader - in my case, I created a C# utility that saved the necessary data to a CSV file, then used the CSV to JSON converter, and finally the JSON Lint site to clean up any bad data. It's designed to speed up page loading times and decrease traffic to your customers and users by only loading the content in view. 2) You are loading the entire returned response into the #content div, so basically you’ll be left with a “page within a page” thing going on. Here is the content of our example file: "demo_test. In the OnLoad event, you can call an ASP page or another external data source to retrieve the data and to copy it into the form. Now we have two different elements that we will be able to access in JQuery: the image and the content section. Is there a way to > do > this that is friendly on all browsers? AJAX. Create a very basic “loading” screen using only JavaScript & CSS. Oh hi there, have you ever wanted to create fade in like animations on page load? Think Google homepage, or even our site has plenty of them. You can dynamically load data into InfoPath by using one of the following three methods: Use the OnLoad event. Loading content with jQuery AJAX - using a loading image Posted in Javascript - Last updated Feb. Here's an example of loading external HTML from a file called navigation. A while ago I used this code to load content into a div using jQuery load. Switching between different style sheets based on user preference is a fairly common web site feature — using what we have discussed so far, you can set up multiple style sheets and enable only the ones that the current site visitor would want to view. Pass a specific selection of the new HTML if you only want that content to load (optional). AngularJS has four different directives (ng-show / ng-hide, ng-if, ng-include, ng-switch), which are used to conditionally display or hide the HTML DOM elements. However, it will also stop stylesheets from being loaded. Refer to AngularJS's Strict Contextual Escaping. I would like to load it into a variable instead of the div. aspx renders not the "real" complete HTML, but a fragment of it, something which make a valid div's inner HTTP, otherwise it would produce invalid HTML, having nested "html" and "body" elements, for example. Ajax/jQuery - Load webpage content into a div on page load? Ask Question I think you are trying to explain something different than your example. I'm trying to figure out how to write a script where when a link is clicked in the left nav column, it will display text in the right main column. A protip by mborn319 about jquery, bootstrap, ajax, and javascript. Change div content with jQuery. What is Lazy? Lazy is a fast, feature-rich, extensible and lightweight delayed content loading plugin for jQuery & Zepto. Divs are similar to tables but they are easier to use, customizable with CSS, and load faster than tables. load() using a URL without a suffixed selector expression, the content is passed to. In this tutorial you will see the Twitter Bootstrap tabstrip in action. json files using jQuery's getJSON() method (creating the *. There is no need to load these scripts before the page content. The optional data parameter specifies a set of querystring key/value pairs to send along with the request. ready() will only run once the page Document Object Model (DOM) is ready for JavaScript code to execute. For example, it would be very easy for me to have 3 tabs, Tab1, Tab2, Tab3, where Tab1 loads content off the page, while Tabs 2 and 3 did AJAX calls to load content. When these 2 values are concatenated, we get the name of the div we will need to toggle. html page loads every 30 seconds in div with id “block1”. I have tried this link; it's working for a single page URL, which I mentioned in the script. This is a tutorial for replacing the content in a div on-the-fly, without reloading the web page. A DIV is a very powerful HTML object that can be used for many purposes. It comes with several examples. in the below code iam getting the DIV(object) of Default2. This feature of the HTML Cleaner offers you a simple way to replace all table tags with div tags having the correct classes. Here's an example of loading external HTML from a file called navigation. By Lynn Beighley. So please suggest me what to do now. How to dynamically load content into DIV using Javascript it into has a div which I want to load the content from another page into. Is there any other way to do this?. In this post you will find out how to make a HTML element fills the height of any screen with CSS There are many ways to make the height of your HTML elements to be exactly as the height of the browser screen, regardless of the screen resolution, browser, device, etc. Switching between different style sheets based on user preference is a fairly common web site feature — using what we have discussed so far, you can set up multiple style sheets and enable only the ones that the current site visitor would want to view. If any images are used for rollover effects, you should preload them here after the page content has. In this post you will find out how to make a HTML element fills the height of any screen with CSS There are many ways to make the height of your HTML elements to be exactly as the height of the browser screen, regardless of the screen resolution, browser, device, etc. This hides our extra content by default. I have tried this link; it's working for a single page URL, which I mentioned in the script. To load templates from other domains or protocols you may either whitelist them or wrap them as trusted values. See how beautiful jQuery Steps is and what you can do with it!. Then call the init function and pass it your views. When these 2 values are concatenated, we get the name of the div we will need to toggle. There is no need to load these scripts before the page content. This is being done using jQuery's. Likewise most pages have a nav div and on the bottom a footer. which will be a different class. The div tag is used to specify a section within an HTML document. I'm trying to auto-refresh the content inside a div tag using jQuery, and even found two great tutorials (can't post the links, search for "jquery refresh div", I read both brightcherry and 9lessons). Method 1: Show and hide different content on any platform. toggle() function. How to dynamically load content into DIV using Javascript it into has a div which I want to load the content from another page into. jQuery provides you with easy ways to get at the data in your Web page. Rajesh-----Success is a slow rider, it requires a lot of time, I need pace in life, so left success and moved ahead. ready() will only run once the page Document Object Model (DOM) is ready for JavaScript code to execute. Dynamic Ajax content FF1+ IE5+ Opera8+ Load and display external pages inside a DIV without reloading the page using this Ajax script. I'm trying to auto-refresh the content inside a div tag using jQuery, and even found two great tutorials (can't post the links, search for "jquery refresh div", I read both brightcherry and 9lessons). You can find many different alternatives to this approach online, but this basic approach will serve you well. Rate this: on different platform then Intel or other known. Tip: To test this Ajax example you need to place the HTML files on a web server. is a bit different as I. Passive mixed content refers to content that doesn't interact with the rest of the page, and thus a man-in-the-middle attack is restricted to what they can do if they intercept or change that content. I was wondering weather ther is a way of hiding the Content in the Div and opening it by clicking the anchor,rather than haveing it opne at the beginning and needing to click it tio close. load() function leverages. whatever page you want to display in div is just mention that url in load method thats all it can display sajithnet 10-Oct-11 4:38am dear murali many thanks for ur help. cd-loading-bar to create the loading bar animation. I will be using MVC, Razor and jQuery to accomplish this. which will be a different class. Then there are divs (or a div) with content that is unique to each page. The rest of the CSS simply adds a border to our div (the border is hidden by the display rule, but becomes visible later) and fancied up our show/hide anchors by putting down/up arrows next to them and replacing the standard underline with a dotted border. How To Load User Control Dynamically? Let say your web application needs to provide different user interface to different user groups. To load templates from other domains or protocols you may either whitelist them or wrap them as trusted values. There are a number of different techniques that can be used to dynamically load components. Do you want to change the actual content with javascript on a click or possibly show or hide the content based on clicks? Here is a CodePen you can check out. When these 2 values are concatenated, we get the name of the div we will need to toggle. If we want to get data from another HTML page and insert it into the displayed page, this can be achieved easily. Here is the content of our example file: "demo_test. The code for the three components looks like the following: Vertex. On the src attribute, you use a blank. The HTML structure is composed of a element, wrapping the page content, a div. BUTthat's really the wrong way to go about building a web site. A protip by mborn319 about jquery, bootstrap, ajax, and javascript. This iframe load from a different domain. For example, it would be very easy for me to have 3 tabs, Tab1, Tab2, Tab3, where Tab1 loads content off the page, while Tabs 2 and 3 did AJAX calls to load content. But, if you load some html content to a div, using ajax, the content (including all elements) become attached to that div. Or, you want to add additional modules without need to re-deploy complete application. This is different than having your animations come in as you scroll. > Im looking for a way to keep all my static content loaded but only load > new > content in my center div when a user clicks on a link. loadContent() function Though most of the jQuery code is placed inside head tag, I prefer that you create an additional javascript function for managing inline anchor links quickly. ready() will only run once the page Document Object Model (DOM) is ready for JavaScript code to execute. In this tutorial I will show you how to write code for three small div boxes inside one large div box. This feature of the HTML Cleaner offers you a simple way to replace all table tags with div tags having the correct classes. aspx but the page is not populating in the DIV?. It can have a particular location, size, border, and color. This page includes a number of different techniques for controlling the loading of html file components: Changing HTML using DIV; Loading other files using IFRAME; Combination of DIV and IFRAME; See also 'How to change the load order of images'. When the spinner is paused I have lowered the opacity to 0. To load templates from other domains or protocols you may either whitelist them or wrap them as trusted values. -paused instead of. This post expands the functionality by looking at how to put a loading image as a placeholder where the new content will. This is being done using jQuery's. Loading content with jQuery AJAX - using a loading image Posted in Javascript - Last updated Feb. Ajax/jQuery - Load webpage content into a div on page load? Ask Question I think you are trying to explain something different than your example. Hi, relative jam newb coming atcha here with a question on how to dynamically generate collapsible content block based on json return data, here are the How to dynamically load a collapsible div with json return data? - jQuery Forum. Line 4 accesses the div we will need to toggle based on the name that is passed over as the argument and the counter. But I’ll load content do the dummy div from the API. But, if you load some html content to a div, using ajax, the content (including all elements) become attached to that div. $("#area"). Load remote content. I need to load a responsive website into a div in my HTML page without using an iframe element. Why is automatic refreshing and loading of Div content required? While there is certainly nothing wrong with having the option of manually loading div content on pages, these days, many of the sites would want to impress or rather cut some slack on the users’ part when it comes to dealing with such things. In HTML5 there is a element, as well as a , and a couple other new elements that replace these div tags. jssor_slider1_init = function (containerId) { var options = {}; var jssor_slider1 = new $JssorSlider$(containerId. Please note in the Codepen demo I have added a couple of things; I'm using. 7 The form has been loaded into the page so that the user can write a new article. Load custom content into the divs with AJAX. -paused instead of. width() How to access div. jQuery provides you with easy ways to get at the data in your Web page. More controls on closing a dialog. Finally, open this page in your browser and click the "Load Content" button. The div should not increase in height when overflow:visible is used; the background and border should be drawn as though the extra content was not there, and the content simply drawn outside the bounds. below code I tried: $('iframe'). That only slows down the initial appearance of the page load. is a bit different as I. Codepen demo of accessible, single element CSS loading spinner. jQuery Function to Load Dynamic Content from Database The following jQuery function will be called on the button click event. Using the DOM, any visible element on the page can by dynamically hidden or revealed with the help of the CSS properties "visibility" and "display. Hiding or showing parts of a DOM based on some conditions is a common requirement. It basically allows you to add content from another HTML file (or whatever else) as if you had never visited that page. A couple of weeks back I looked at how to load remote content with jQuery and AJAX using the jQuery. How to load external site(URL) on page without iframe? I have done with Object tag but its not working on IE8. The CSS and Div tutorial. Passive mixed content includes images, video, and audio content, along with other. I will be using MVC, Razor and jQuery to accomplish this. In this post you will find out how to make a HTML element fills the height of any screen with CSS There are many ways to make the height of your HTML elements to be exactly as the height of the browser screen, regardless of the screen resolution, browser, device, etc. Lines 5-10 tells the same old story as before for toggling the content. loadContent() function Though most of the jQuery code is placed inside head tag, I prefer that you create an additional javascript function for managing inline anchor links quickly. This iframe load different domain. in the below code iam getting the DIV(object) of Default2. You can find many different alternatives to this approach online, but this basic approach will serve you well. jQuery Function to Load Dynamic Content from Database The following jQuery function will be called on the button click event. below code I tried: $('iframe'). jQuery provides you with easy ways to get at the data in your Web page. load() function leverages. In HTML5 there is a element, as well as a , and a couple other new elements that replace these div tags. I am loading divs from separate HTML files into a div on the index. So I have more stuff with different id-s and I'd like to have them changed when I click on a menu item. When these 2 values are concatenated, we get the name of the div we will need to toggle. On the src attribute, you use a blank. If we want to get data from another HTML page and insert it into the displayed page, this can be achieved easily. To get your web content working well on all of the huge, diverse number of different web browsers and web-enabled devices that exist (or even a good proportion of them), you're going to have to do some work, optimizing the layouts and content delivered to each browser, and sometimes even directing certain devices to completely separate web sites. The best text and video tutorials to provide simple and easy learning of various technical and non-technical subjects with suitable examples and code snippets. Without Frames. With jQuery, you can load not just the contents of a URL, but a specific CSS selector from within that URL. > Im looking for a way to keep all my static content loaded but only load > new > content in my center div when a user clicks on a link. is a bit different as I. In particular, you can insert any content you want, anywhere on your page. Clicking on the Write link invokes the load function, causing chap4/inc/userWrite. load() may not be exactly the same as if the document were retrieved directly by the browser. Rajesh-----Success is a slow rider, it requires a lot of time, I need pace in life, so left success and moved ahead. The first method I used was to load *. cd-cover-layer which is used to create the layer covering the content during the page transition, and a div. I need on my page just load into DIV content of another URL,. If any images are used for rollover effects, you should preload them here after the page content has. In the above code, index. How to load external site(URL) on page without iframe? I have done with Object tag but its not working on IE8. Join Chris Converse for an in-depth discussion in this video Loading alternative content based on screen size, part of Creating a Responsive Web Experience. The code they have given is this: $("#. Then there are divs (or a div) with content that is unique to each page. Here is a small video which shows the working of this code snippet: Download of this article: MVC2LoadPartialViewThroughAjax. ajax() anyway, but allows you to narrow down what you want returned, in our case, just the content only. Now all we have left in the iFrame is the one DIV. Am I able to include a link in the navigation div to a html file (that contains different content) and. Do you want to change the actual content with javascript on a click or possibly show or hide the content based on clicks? Here is a CodePen you can check out. In the OnLoad event, you can call an ASP page or another external data source to retrieve the data and to copy it into the form. Dynamic Ajax content FF1+ IE5+ Opera8+ Load and display external pages inside a DIV without reloading the page using this Ajax script. The rest of the CSS simply adds a border to our div (the border is hidden by the display rule, but becomes visible later) and fancied up our show/hide anchors by putting down/up arrows next to them and replacing the standard underline with a dotted border. The code for the three components looks like the following: Vertex. Pass a specific selection of the new HTML if you only want that content to load (optional). It comes with several examples. Skip to Main Content. It basically allows you to add content from another HTML file (or whatever else) as if you had never visited that page. gif and on the data-src, you put the URL to full image (that you get from the href attribute on the a element). Note that IEWin renders that first example (overflow:visible) wrong. August 30, 2014, include the jQuery library and attach an event handler to the link that will be responsible for loading the content into the div. Optional: for a better user experience, you also set width, height, alt & title, which you get from data- attributes, also on the a element. Hi, relative jam newb coming atcha here with a question on how to dynamically generate collapsible content block based on json return data, here are the How to dynamically load a collapsible div with json return data? - jQuery Forum. You have to use div tags and style them as required. load("something. A DIV is a very powerful HTML object that can be used for many purposes. With jQuery, you can load not just the contents of a URL, but a specific CSS selector from within that URL. In this tutorial you will see the Twitter Bootstrap tabstrip in action. Dynamic Ajax content FF1+ IE5+ Opera8+ Load and display external pages inside a DIV without reloading the page using this Ajax script. json files using jQuery's getJSON() method (creating the *. Oh hi there, have you ever wanted to create fade in like animations on page load? Think Google homepage, or even our site has plenty of them. Using the DOM, any visible element on the page can by dynamically hidden or revealed with the help of the CSS properties "visibility" and "display. Hence all the server side elements that got rendered will not work, if it is not under a form tag. Remote Template Edition - One Hungry Mind - […] is the sequel to my AngularJS Dynamic Templates - Yes We Can! post which, to my surprise, has received… Submit a Comment Cancel reply Your email address will not be published. Divs are similar to tables but they are easier to use, customizable with CSS, and load faster than tables. So like on Facebook, your URL never changes even though you keep scrolling, but it's continually adding content from something like "page-2", "page-3" and so on. The div should not increase in height when overflow:visible is used; the background and border should be drawn as though the extra content was not there, and the content simply drawn outside the bounds. html #content"); That finds the content in the file something. This iframe load different domain. With jQuery, you can load not just the contents of a URL, but a specific CSS selector from within that URL. That only slows down the initial appearance of the page load. Rotating ads - if one isn't clicked on within a minute, present a different one. json files using jQuery's getJSON() method (creating the *. The next line uses a selector to find the div element with id product and then uses the html function to inject the retrieved html, from the Edit actionresult method which returns html, into the selected div element. Below are a few different. The answer lies in how jQuery handles the dialog windows by default. Rate this: on different platform then Intel or other known. There is however, a lot of repetition and I'm wondering if there is a clean. How to load external site(URL) on page without iframe? I have done with Object tag but its not working on IE8. I have expanded upon that code snippet, converting it to dynamic content using AJAX. jQuery provides you with easy ways to get at the data in your Web page. if i use "wrapper" instead of "content", what are the places need to change. In both example cases, one of the ways to achieve this is by loading of user controls dynamically. I want to access a div element inside a iframe. – xyz Apr 1. I want to access div inside the iframe. There are a number of different techniques that can be used to dynamically load components. Try and test HTML code online in a simple and easy way using our free HTML editor and see the results in real-time. It's like this. I have a number of different div's on my page, including a navigation div and a content div. do u know how to resize a iframe with content from another domain? or how to load it into a div tag? Yeah, with something like the code you used, but you can't do it by measuring the size of the. html() prior to scripts being removed. When the spinner is paused I have lowered the opacity to 0. Change div content with jQuery. which will do an ajax call and fetch data and append it to your div#RecentAdded but this will happen only once on the page load event. Minimize the number of files for performance while keeping unrelated JavaScript in separate files for maintenance. A DIV can be referred to by it's name or ID. jssor_slider1_init = function (containerId) { var options = {}; var jssor_slider1 = new $JssorSlider$(containerId. There are a number of different techniques that can be used to dynamically load components. But I’ll load content do the dummy div from the API. Rajesh-----Success is a slow rider, it requires a lot of time, I need pace in life, so left success and moved ahead. A DIV is a very powerful HTML object that can be used for many purposes. I was wondering weather ther is a way of hiding the Content in the Div and opening it by clicking the anchor,rather than haveing it opne at the beginning and needing to click it tio close.