In Silverlight, is there any way to get a notification event if a Control (or any FrameworkElement) has been scrolled into the viewport and is now visible? I want to implement something like the Lazy Load Images jQuery Plugin. ...
I have a web page for iPhone/iPod touch displaying a thumbnail of a video. Quite simple, the thumbnail links to the video itself: <meta name="viewport" content="width=320" /> [...] <img src="images/buttons/video_play_button.png" onmouseup="window.location = 'http://wapshop.gameloft.com/iAd_prototype/videos/video_01.m4v'" ontouchstart=...
Basically I'm a tad confused. You'll see at http://furnace.howcode.com , in the second column, the bottom scrollbar button is extended slightly beyond the end of the viewport. I'm pretty confused as I've been examining the CSS and can't find anything that's causing this. Can you have a look? It's probably something simple that I've just...
Hello... I have a Ext.Viewport in my page... In North region, I have a Dropdown Menu... But When I mouse over a menu item, the menu items drop down but the items appear below the Center region panel. I have been unable to get this to work. I tried setting the z-index but no luck at all. Help? Thanks ...
Hi, I have a page that has a 100% width and height div in it (all surrounding elements are sized accordingly so that it does actually achieve 100% width and height). Below that div I have a second div with a fixed height. In mobile safari and blackberry everything is fine, when the page loads the dimensions are applied correctly (the t...
Hi all. Please be gentle, I'm still learning. I imagine that the solution to my problem is simple and that perhaps I have just been in front of the computer too long. I am trying to detect the size of the viewport, and then use a different sized image for a background on an element depending on the size of the viewport. Here is what I ...
How do I use jQuery to determine the size of the browser viewport, and to redetect this if the page is resized? I need to make an IFRAME size into this space (coming in a little on each margin). For those who don't know, the browser viewport is not the size of the document/page. It is the visible size of your window before the scroll. ...
I am trying to determine the actual viewPORT size of the current browser window. I've tried: window.innerHeight/innerWidth document.documentElement.clientHeight/clientWidth document.body.clientHeight/clientWidth All return the full page size and NOT the viewing area. What I'm trying to ultimately achieve is forcing a popup menu to...
[Note that I can only reproduce the issue on the Android mobile web browser (used via emulator).] Summary After clicking an anchor to go to the bottom of the page, and another anchor to get to the top of the page - and typing within a textbox at the top, you will be scrolled back down to the anchor at the bottom of the page. Initial I...
Is there a way to get the content of a component inside a scroller to be at 100% height. here is a simple example: <s:Scroller width="100%" height="100%"> <s:viewport> <s:Group height="100%"> <s:Rect width="10" height="500"> <s:fill> <s:SolidColor color="0xFF0000"/> </s:fill> </s:Rect> <s:Rect width="10" x="10...
Hi there! Ok, so, I have the following markup that opens in a pop-up window (the size is adjusted to 120px width and 300px height via Javascript): <body bgcolor="#000" topmargin="0" leftmargin="0" style="width:100%"> <table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%"> <tr> <td align="center" height...
Hi All- I'm trying to load a div and position it absolutely in mobile safari - think something like the alert box. I tried to use an absolutely positioned div with top set to 50% with a margin half the height/width: #overlay-message { position: fixed; top: 50%; left: 50%; padding: 20px; margin: -67px 0 0 -110px; width: 220...
I have an ajax app built for mobile Safari that needs to display different types of content. Some content I need user-scalable=1 other content I need user-scalable=0. Is there a way to update this on the fly without refreshing the page? <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalabl...
I created a sample script to add and remove metatags from the head. But Android 2.2 doesn't seem to respect it's removal. However it does respect the addition of the metatag on click for example.. How do I get it to respect the removal of the tag and revert to the default viewport through javascript? <script type="text/javascript"> $(d...
I'm having trouble wrapping my head around how these work. First, in a 2d game the projection matrix should be set up as ortho with left, right, top, bottom matching the window, right? But when the window resizes, should I just change glViewport, not the projection matrix? And how do I keep the aspect ratio? Could someone explain the pu...
I'm programming a Webpage/-Application for the iPhone. I need to scroll to a specific position after page reload, no matter where I scrolled to while using the page before. The script I use works fine in firefox but not in mobileSafari. In corntrast to firefox, mobileSafari seems to save the position I scrolled to previously and jumps t...
How can I get an indication of what part of a long document is currently being displayed? E.g. if my html contains 1,000 lines 1 2 3 ... 999 1000 and the user is near the middle showing the 500th line then I would like to get "500\n501\n502" or something like that. Obviously most scenarios would be more complex than t...
I am having an issue where the background color is behaving unexpectedly when the viewport is shrunk to a size smaller than that specified for some of my elements. While the scroll bars appear correctly the background is not what I would expect. When the viewport is as large or larger the backgrounds behave as intended. When inspecting t...
I have a CSS border on the HTML tag of my site, when I viewed it on the iPhone it didn't respect the border as part of the width and some of the div's overlap as oppose to having a 10px gap between content and the sides of the screen. I used the meta viewport tag <meta name="viewport" content="width=device-width, initial-scale=auto"> ...
On mobile devices such as the iPad, I would like to disable a feature that only works if position:fixed is supported. Is there a way to detect these devices without using the user agent string? The reason is that I would like to avoid searching for iPad, iPhone, iPod, Android, etc if possible. ...