Skip to content

Tag: css

HTML5 Video – Percentage Loaded?

Does anyone know what event or property I need to query in order to get a percentage figure of the amount an HTML5 video has loaded? I want to draw a CSS styled “loaded” bar that’s width represents this figure. Just like You Tube or any other video player. So just like you tube a video will …

How to jump to top of browser page

I’m writing a modal popup and I need the browser to jump to the top of the screen when the open modal button is pressed. Is there a way to scroll the browser to the top using jQuery? Answer You can set the scrollTop, like this: Or if you want a little animation instead of a snap to the top:

How do I hide the address bar on iPhone?

How do I hide the address bar on iPhone? I tried two different methods so far: The scroll down one pixel trick with JavaScript on page load And the following meta tags: Also this: I am completely confused. PS: Oh, I forgot a really important thing: the web page itself does not overflow the browser window. It …

HTML input fields does not get focus when clicked

I have a problem and I can’t figure out what exactly is causing this behavior. I cannot access my input fields and textareas on my HTML form. Unfortunately, the JS, HTML and CSS are very large, so I can’t really post it all here. Can anybody tell me what to look for when debugging this strange beh…

Append Style to DOM not Replacing Existing

How can I append style element to DOM without eliminating existing style on the item (eg color, text-align, etc)? The event calls the function, but the problem is ‘Style’ gets completely replaced with the single item instead. I have simple code triggered on the event: Answer Which browser are you …

Get CSS path from Dom element

I got this function to get a cssPath : But i got something like this : html > body > div#div-id > div.site > div.clearfix > ul.choices > li But to be totally right, it should look like this :html > body > div#div-id > div.site:nth-child(1) > div.clearfix > ul.choices > li:n…

Select Element By CSS style (all with given style)

Is there a way to select all elements that have a given style using JavaScript? Eg, I want all absolutely positioned elements on a page. I would assume it is easier to find elements by style where the style is explicitly declared: the style is non-inherited (such as positioning) the style is not the default (…