opera-mini

I have been developing a website for mobile devices. However due to some reasons, AJAX calls are not working on Opera Mini. For Example - one such request for loading more content at the end of page (70%) $(document).scroll(function (e) { if (processing) return false; if ($(window).scrollTop() >= ($(document).height() - $(window).height()) * 0.7) { processing = true; $.ajax({ type: "GET", url: "/ajax/popup-loadmore-test.php", data: { entityid: $("#e").attr("data-id"), version: version } }).done(function (msg) { console.log("Data emitted: " + msg); $('#f').append(msg); version++; processing =

I have been testing out the foundation CSS framework and am quite liking their custom form elements that the framework provides. I have built a page, http://eventgrapple.com/home , to test the framework out, and it works fine in Google Chrome and so on (desktop) (slightly buggy in Internet Explorer 7 ) and works fine with a BlackBerry's native browser, but none of the form elements work in Opera 6.5 for BlackBerry bold 9700 . The link to the framework is http://foundation.zurb.com/docs/forms.php . How can I fix this or is there an alternative? Opera Mini has very limited JavaScript support.

So I want users to be able to see my background on my website. Currently my websites width is 925px and when you view the website in a mobile browser (e.g. iPhone, Opera Mini) it is zoomed in on the text and the user can't see the background. I've tried using the meta viewport tag unsuccessfully. How do I get my website to be zoomed out by default on mobile browsers? EDIT: Here is the code I've tried so far: <meta name = "viewport" content = "width = device-width"> I know this is an old question, but I am answering anyway in case someone else needs the answer. As of September 2011, Opera Mini

How do I debug a website that looks weird on Opera Mini? The site is working fine on any other browser. Alas, I know of no dedicated resource on how to debug a website w/ Mini, though there are a few related articles on http://dev.opera.com that might help you. The most recent article is A developer's look at Opera Mini 5 , but Making Small Devices Look Great and Designing With Opera Mini in Mind should be particularly useful as well. Generally check how a site looks in Opera Desktop and use Opera Dragonfly for debugging. Another good tool for debugging is MicroEmulator when used w/ a locally

With this code: <link rel="stylesheet" type="text/css" href="media/css/mobile.css" media="handheld" /> <link rel="stylesheet" type="text/css" href="media/css/screen.css" media="screen" /> on my N78 the nokia's default browser and opera mini load screen.css instead of mobile.css . What am I missing? Nokia N78 uses the S60 browser, which reads only "screen" stylesheets. It won't read the "handheld". It doesn't support media query. Instead of trying to type everything here, have a look at this article and you will solve the problem - http://www.alistapart.com/articles/return-of-the-mobile