Tag: Html


Enable Tab navigation for your entire page using jQuery

One of the most commonly faced Accessibility issue is in maintaining the tab order. If you don't take it the right way, you might end up wasting days and days of effort, when you can just get it done in 2mins using jQuery. Requirement: Clicking on tab should go through all the functional controls on ...


‘Add to Favourites’ button javascript

Here is a simple code, that i found useful from dynamicdrive. You can use for 'Add to Favourites' button in HTML. Add them in your head tag: <script type="text/javascript"> /*********************************************** * Bookmark site script- © Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ ...


HTML 5: Part 1 – Getting Started

Hola Amigos! Before i work with the elephant in the room; lemme tell you HTML 5 specs aint REC ready (Candidate Recommendation - W3C stage for stamping the spec to be ready for use). If Apple dint care waiting for 802.11g spec to stabilize for use in their products...then why should we.. 😉 ..jsssst kidding ...


Some Common Html Validation errors you should keep in mind

Some common standards that i keep in mind while writing an html code: 1. Avoid using html tags inside <script>: It would be good if you avoid using html tags inside script tags on the page. <script type="text/javascript"> <!-- // This is an error! document.write("</P>"); // --> </script> As mentioned in the HTML 4 Recommendation's ...


Learn jQuery: A simple ‘Hello World’ jQuery Code

jQuery - A powerful javascript library capable of doing all your complex javascript actions and functionality in a line or two. How cool is that. Pre-requisites : Notepad, jquery.js file(You can get it here),  some coding background and an open mind Let's Start with a simple Hello World: Open your notepad, create a html file ...


jQuery : To check if an element is present in the page or not

This is a precautionary measure that you can adopt, if you are doubtful about the presence of a particular control in the page. Under normal scenarios, in case if the element is not there, it would throw an error. But you can now check if that particular element is present in the page or not, ...


Javascript to maximise window on load

Well this is simple script to get your browser maximised onload: <html> <head> <script language="JavaScript"> window.onload = maxWindow; function maxWindow() { window.moveTo(0,0); if (document.all) { top.window.resizeTo(screen.availWidth,screen.availHeight); } else if (document.layers||document.getElementById) { if (top.window.outerHeight<screen.availHeight||top.window.outerWidth<screen.availWidth) { top.window.outerHeight = screen.availHeight; top.window.outerWidth = screen.availWidth; } } } </script> </head> <body>Testing</body> </html> I just tested it it IE. Hope this ...