Is it possible to rearrange a mobile web UI given a link? - iphone

Given a link:
http://m.llmtrafik.gov.my/TrafficList.aspx
It works well if I browse it on Mobile Safari.
However, I'm thinking of designing a free application by transforming the mobile page(3rd party) into an application by:
removing top panel which contains image button
remove the footer which contains copyright information
Is it possible to achieve this?
Thanks in advance.

You can use 'media=screen' to target iPhone and Android devices for CSS. Here's a decent link on the topic.

Related

i had an jquery page , i want to add it to the android activity,how it could be done?

I am new to android developement.i had created one page in jquery using html and css and i want to add it to the android activity but i am unable to do it,can anyone please provide me proper code for it?
If you're talking about how to make a hybrid app (using HTML/CSS/Javascript to make an application but still have native Android functionality) I would take a look into Phonegap. Just follow the directions and it lets you upload HTML/CSS and your AndroidActivity simply has to open it. Hope this helps.

Opening link on an HTML page to a specific page of a PDF on an iPad

I've been searching for the answer to this for the past two days but can't get it to work.
I'm working on a web app built in HTML that is optimized for the iPad. One of the pages has different links to different pages of a 50 page pdf. I used the link on Adobe's site http://helpx.adobe.com/acrobat/kb/link-html-pdf-page-acrobat.html using sample.html#page=2 and that worked in desktop browsers on Windows, but not on the iPad. I've also tried creating destinations in the PDF and linking to them, but that didn't work either.
Any help would be greatly appreciated. The only real requirement is that no additional software can be downloaded for viewing. Thanks again.
Just remove the "=" sign.
So: sample.html#page2
That should work for iPad.
Those links work only with desktop versions of Adobe products. It might be possible for Adobe to add support for them in Adobe Reader for iPad in the future.
Just
filename.pdf#pagenumber
ex
wwww.domain/pdffile

How to access the iPhone's camera from Mobile Safari

Is there a API or way for accessing the the iPhone's camera from Mobile Safari?I want to create a application that can read barcode within the browser.
Thanks in advance.
It's now supported in iOS 6. I believe it uses a regular form file input field.
You can see some explanation here.
Try using input tag <input type="file" name="image" accept="image/*" capture/>.
It works well as compared to getUserMedia method which is fully supported by Opera mobile and chrome higher versions.
Hope it help.
No. There's no way to do that. No web page can access internal devices.
You can do however a small tiny app that its launched via mobile safari link and makes user select the barcode image and then redirect to a web page that will process (the small app will also upload). Like what THIS guys actually implemented (the link provides code).
If you doesn't have experience with Objective C and Cocoa Touch you can create that app via PhoneGap like if you were creating a Web Page.
UPDATE
From iOS 6 and so on you actually can as the official specs says, you can use it via the upload API as seen here.

How to make web site that is compatible to mobile(Blackberry,Android,iPhone) screen sizes?

Hi I am developing a site for desktop.The site renders the contents for desktop size.But when I see it in mobile the content is not properly rendered.
How can I make a site that fits all mobile screen sizes say Blackberry,Android,iPhone, etc. Can anybody mention any articles. I know only HTML. Thanks in advance.
I remember looking into myself a while ago and finding this video tutorial on net-tuts+ to be a good starting point
It is hard to make a single site that looks good on both mobile and desktop. Resolution is not the only problem, the very way the user interacts with you site changes on a mobile device. That said, the typical thing to do is to have a mobile style sheet which is loaded for mobile, and a desktop sheet for desktop. You might even go so far as to limit some of your content on mobile to make the page lighter.
I found http://mobiforge.com to be a good source of info.

How to build correctly Android-compatible website?

I am HTML/CSS/jQuery coder. And I need to develop the website, which will be "zoomed-out" or "fitted" to 320x480 (frequently used resolution) Android mobile device screen.
Or even this solutions should check my screen resolution and connect the right CSS for that.
Somewhere I met that there is android.js file, which connects to HTML and recognizes if the website was open on PC or on android device. But I am not sure at all. I didn't do anything for mobiles before.
Found this article: http://blog.mgpwr.co.uk/2010/09/make-your-website-iphone-compatible/
Don't think it's a right solution to use PHP for that.
Better would be HTML or JS.
A very simple answer would be don't hardcode width on the elements and don't specify font size in pixels. The mobile browser will adjust the rendered page itself.
If however you want more iPhone-like look of form controls like radio buttons, buttons, drop downs, then you need to use the mobile javascript libraries outlined in the other answer.
A simple answer would be a mobile javascript library such as one of the following:
http://www.sencha.com/products/touch/
http://www.phonegap.com/home/
http://jquerymobile.com/
http://jqtouch.com/