March 29, 2024, 09:46:26 AM

collapse

Author Topic: N7 chrome browser does not display JQM html pages properly  (Read 1036 times)

Offline caprock

  • Newbie
  • *
  • Posts: 2
  • Popularity: 0
    • View Profile
N7 chrome browser does not display JQM html pages properly
« on: September 15, 2012, 05:38:15 PM »
Nexus 7/16gb/Unlocked/Rooted (Standard (ROM)

I am new to Android and all mobile development as well. Trying to develop a mobile application with latest jQuery Mobile (JQM) with mark-up html pages.
This is a good example:<

Code: [Select]
https://github.com/jtsage/jquery-mobile-simpledialog
Browsing this real web site above with the N7/Chrome, and with the desktop under Chrome and Firefox, all page formatting displays as expected.

The problem is that when I copy these into my N7 folder /storage/sdram0/html these same html files do not display with the formatting grahics when browsed on the N7; the pretty dialog menus are displayed as the basic html links; it is as if the JQM engine is not running.

If I browse these same simpledialog N7 files with the Android PAW Server to my desktop IP, these are displayed fully with both Chrome and Firefox.

When exploring the N7 file structure, the PAW file structure is mainly the same: /storage/sdram0/paw/html/app/...so seems to have the same structure.

I have searched many associated forums, and cannot find a hint as to what is missing. So the question is why? Is this a case of privileges?

It seems as though the the JQM is not loaded. But there doesn't appear to be any missing files since they all use only Web access.

Anyone out there with an answer or hint, would be greatly appreciated!!!!

Code: [Select]

    <link rel="stylesheet" type="text/css" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
    <link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/simpledialog/latest/jquery.mobile.simpledialog.min.css" />

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
    <script type="text/javascript" src="http://dev.jtsage.com/cdn/simpledialog/latest/jquery.mobile.simpledialog2.min.js"></script>
[/size]   



Offline caprock

  • Newbie
  • *
  • Posts: 2
  • Popularity: 0
    • View Profile
Resolved Re: N7 chrome browser does not display JQM html pages properly
« Reply #1 on: September 17, 2012, 08:43:45 AM »
Resolved!

I found a post from
Code: [Select]
http://www.codeofaninja.com/2011/05/how-to-view-webpage-inside-your-android.html that provided a so so simple solution. I was browsing from the current tree rather than the complete tree path!

Hope this helps others.


Quote
If you want to view an html page from your sdcard, you can change the url for example "file:///sdcard/YourProject/index.html". Well that's it. Thanks for reading. :)


 


* Top Boards

* 'Like' And 'Follow' Us!

* Top Posters

bjs229 bjs229
2682 Posts
S.Prime S.Prime
2017 Posts
Babyfacemagee Babyfacemagee
1263 Posts
matt matt
936 Posts
birdastrompgman birdastrompgman
840 Posts
loociddreemr loociddreemr
708 Posts
radiocycle radiocycle
653 Posts