HTML 5 – Hypertext markup language version 5 is the next major version of the Browser’s htm language. This is going to make our world of internet really very fast. Basically this will have number of new elements, such as for navigation, for footer, more simplified version. And some of the html default properties will be dropped like.. , .. all this will be controlled by CSS. for more Click here

Expand and collapse option through JS and CSSFollow steps1. Copy this code in notepad2. Save your note pad as .html or .htm3. Open with browser… solution is ready 🙂 <html xmlns:v=”urn:schemas-microsoft-com:vml” xmlns:o=”urn:schemas-microsoft-com:office:office”><head><style type=”text/css”>h4{ color:#719500;}</style></head><script type=”text/javascript”>var collapseDivs, collapseLinks;function createDocumentStructure (tagName) { if (document.getElementsByTagName) { var elements = document.getElementsByTagName(tagName); collapseDivs = new Array(elements.length); collapseLinks = new Array(elements.length); for (var i = 0; i < elements.length; i++) { var element = elements[i]; var siblingContainer; if (document.createElement && (siblingContainer = document.createElement(‘div’)) && siblingContainer.style) { var nextSibling = element.nextSibling; element.parentNode.insertBefore(siblingContainer,nextSibling); var nextElement = elements[i + 1]; while (nextSibling != nextElement && nextSibling != null) { var toMove = nextSibling; nextSibling = nextSibling.nextSibling; siblingContainer.appendChild(toMove); } siblingContainer.style.display = ‘none’; collapseDivs[i] = siblingContainer; createCollapseLink(element, siblingContainer, i); } else[…]

Number of times, i have tried to make html popup based application… finally i have got very good solution. Here m framing that code, its output is well enough. Take this and paste as it is in notepad and save it as a .html file.. and see the output. To make attractive, u can go for images within CSS.follow these steps1. Copy this code in notepad2. Save notepad file with .html extension3. Popup application is ready <html><head> <title>Desktop Provisioining Portal</title> <style type=”text/css”> #child { position: absolute; top: 50%; left: 50%; margin-left: -365px; margin-top: -250px; z-index: 3; width: 730px; height: 520px; background-color:black; background-repeat: repeat-x; border: solid 3px #2c7292; } #divTitleBar { position: relative; text-align: right; width: 100%; margin-top: 5px; margin-left: -5px;[…]