mobile-webkit

In Chrome (19.0.1084.46 m on WinXP) and Safari (5.1.7 on OS X 10.7.4), this fiddle http://jsfiddle.net/Vkpwm/ works; clicking on the google image shows/hides the green div, but when loading it on my iPhone, and on the iPhone simulator in xCode (by using the direct page http://jsfiddle.net/Vkpwm/show/ ), the div never gets shown again. Removing the line "-webkit-transition: 0.5s;" from the css makes it work, but obviously breaks the animation. Removing the line "visibility: hidden;" also makes it work, but means that the div is still there and events get fired on it (e.g. the alert is fired

I am trying to pass 2 parameters to a javascript function.This code webview.loadUrl("javascript: function_to_call();"); works fine without parameters but i couldn't use it with parameters. This is javascript junction : function changeLocation(_lon , _lat){ var zoom=16; var lonLat = new OpenLayers.LonLat( _lon , _lat ).transform( new OpenLayers.Projection("EPSG:4326"), map.getProjectionObject()); map.setCenter (lonLat, zoom); } And this is how i call it from java : webView.loadUrl("javascript:changeLocation( -0.1279688 ,51.5077286 );") ; Edit: I couldn't find the problem and i changed my

I am building a page that needs to have some elements which stick to the top of the page when they would otherwise be scrolled off the screen. I managed to do this using position:absolute . Everything was working perfectly, but it needed momentum scrolling. I added -webkit-overflow-scrolling: touch to the css of the scrollable area. This broke everything. My sticky elements with position:absolute are now just scrolling with the rest of the content. My question is this: Why does -webkit-overflow-scrolling: touch affect absolute positioning, and is there a way around this? UPDATE: I added an

I have an HTML element in my web page on iPad and it must be read only to prevent users updating the content,using readOnly='readOnly' makes the element unselectable and text content of the element can not be copied at all. is there any way to make the element read only and the user can select/copy the text content???? aomar just i removed the readOnly attribute and added the following onkeydown and oncut events to simulate readOnly behavior <input type="textarea" onkeydown="event.preventDefault();event.stopPropagation();return false;" oncut="event.preventDefault();event.stopPropagation()