By default, DIV element in HTML occupies the entire width available to it. That is to say that unless controlled, the default width of DIV is always 100%. As a result, DIV element pushes other elements in its way down. If you control width of the DIV element (let’s say you
Read moreThis is pretty simple to create a multi level drop down menu in css. But it’s true that it doesn’t have such flexibility that javascript have. And also the width of drop down section needs to be fixed, not flexible. Now a days css drop down menu is not widely
Read moreCSS selectors are patterns or specific elements you want to select and apply styles to it. Here are 2 not most commonly used but useful selectors.There have been many scenarios where you want to checkif an element is the only child of a parent[crayon-680a4dd3ed2b0354992847/]Click here for demo. only-child selector would
Read moreEvent bubbling and event capturing are two ways of event propagation in DOM structure.Ex. There are two HTML elements embedded in one another as:Event bubbling: the event is captured in span element first and then in div.Event Capturing: the event is captured in div element first and then in span.Browser Support: In older
Read moreMany times we need to change the way browsers render scrollbars, although we don’t find enough browsers that support it( :( ) not even vendor-prefixed properties except for Webkit.Webkit supports styling your scrollbar as required, and yes this means you could only view these custom scrollbars in Safari and Chrome
Read moreDemo: MultiplePin Script code: <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> <script type="text/javascript"> var locations = [ ['New Sangvi', 18.58671, 73.8154, 4],
Read moreWhat is the box model?A HTML element is rendered as a rectangle box. The box has attributes viz. width, padding, height, margin and border.The HTML element is rendered differently in different browsers.For example:[crayon-680a4dd3ed63b547841730/]Guess the computed width of the div.60em80emBoth are correct answers. How?IE: Trident (layout engine for IE) renders the
Read moreI have one Url of website(for downloading file), I don’t want to show this url. When downloading, I can call window.location.href = “full link file path”). After some time, I have called redirect to another page of the web site/application: [crayon-680a4dd3ed727867386535/] Enjoy..
Read moreDemo: PinOnMap Here is the source code to show pin on Google map using JavaScript: <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> [crayon-680a4dd3ed830901434638/] </script> // html code <body onload="initialize(new google.maps.LatLng(18.5203,73.8567))" style="font-family: Arial; border: 0 none;"> <input type="text" size="52" name="address" id="Address" />
Read moreDemo: ImagePreview Here is the source code for image preview before upload using jQuery: <script src="http://mundrisoft.com/js/jquery.min.js"></script> <script type="text/javascript"> [crayon-680a4dd3ed950079988116/] </script> [crayon-680a4dd3ed954358504529/] Please drop comment if you have any question :)
Read more