assign !important through javascript

In general, we usually do change the style of an DOM element through javascript by getting them by id like   But what if we want to add “!important” along with the value. Using the above way to add !important to the height, will not really work. for making it work, I’ve used the following available method          

Ajax – XMLHttpRequest Object

XMLHttpRequest Object Properties readyState A number representing the current state of the request: 0 – UNINITIALIZED 1 – LOADING 2 – LOADED 3 – INTERACTIVE 4 – COMPLETE status The numeric HTTP status code returned by the web server. statusText The text associated with the above HTTP status code. For example, 200 means “OK” and 404 means “Not found”. responseText A string containing the response data returned from the...

Sprite height and width issue

In order to set the height and width of the Sprite, it needs at least one child component inside it. If you are setting the height and width of an empty sprite, and then trying to add the child to that sprite, then the sprite will scale down to 0.   So first add the children and then set the height and width of the sprite container.  

CSS Blinking text

CSS code to display blinking text on the browser, Seems to be working on all the browsers and devices   Courtesy:- https://gist.github.com/mugifly/5099109

Change elements class in javascript

Dynamically changing class of an HTML element. If there is a case where the style has to be changes, which could be defined in some other class   HTML Code:-     CSS Class:-         Changing the class in javascript:-

Ellipse shaped shadows

All Credits to http://ivomynttinen.com/blog/going-crazy-with-css3-issue-3-creating-ellipse-shaped-shadows/ <div class="shadowElement">Any Content</div>

CSS Oval shape

CSS wonders to create the shapes   Below is the html elements used in which the shapes will be drawn using CSS   Below is the CSS code for drawing the desired shapes in the above markup    

CSS hover effect on multiple components

Mouse over on either the text or the image, the change happens on both the text and the image   HTML Code:-     CSS Code:-    

Filter Function – String match regex

 

Replace Regex in ActionScript

Trim spaces. The following code removes space from start and end of a string. This includes tabs, returns, and line breaks.   Format multiple consequent spaces. Replaces multiple spaces with a single space.   Remove all spaces.