21
timgno
Re: Talk of JQuery Mobile Framework For Xoops
  • 2012/11/21 22:11

  • timgno

  • Module Developer

  • Posts: 1504

  • Since: 2007/6/21


This is the default mobile theme in alpha version you can customize as you like, there is still work to be done.

22
timgno
Re: Talk of JQuery Mobile Framework For Xoops
  • 2012/11/24 11:07

  • timgno

  • Module Developer

  • Posts: 1504

  • Since: 2007/6/21


Hi Mamba!

I would like an idea to create a mdefault theme for xoops mobile.

For xoops 2.5.x should be like the default desktop theme?

23
Mamba
Re: Talk of JQuery Mobile Framework For Xoops
  • 2012/11/24 15:20

  • Mamba

  • Moderator

  • Posts: 11366

  • Since: 2004/4/23


You could use the default theme as a test. Once this is working properly, hopefully other people can design new themes for it.
Support XOOPS => DONATE
Use 2.5.10 | Docs | Modules | Bugs

24
timgno
Re: Talk of JQuery Mobile Framework For Xoops
  • 2012/11/26 17:36

  • timgno

  • Module Developer

  • Posts: 1504

  • Since: 2007/6/21


The Work Goes On:

I have some problem remotely with links to other pages, you have to refresh manually, it works fine in local.

Resized Image
Resized Image
Resized Image
Resized Image

25
timgno
Re: Talk of JQuery Mobile Framework For Xoops
  • 2012/11/29 23:41

  • timgno

  • Module Developer

  • Posts: 1504

  • Since: 2007/6/21


Solved more bugs and remotely with links to other pages

26
timgno
Re: Talk of JQuery Mobile Framework For Xoops
  • 2012/11/30 17:22

  • timgno

  • Module Developer

  • Posts: 1504

  • Since: 2007/6/21


In order to interact with the modules, the framework should contain lists, for example, the modules that offer a list like news, forums, downloads, videos, music, etc., should attach this piece of jquery code:

$('#list').live('pageshow', function (eventui) {    
    var 
"";
    var 
param getParameterByName('type');
    var 
jsurl "/search.php?query=" param;

    $.
ajax({
        
type"GET",
        
urljsurl,
        
data"{}",
        
contentType"application/json; charset=utf-8",
        
dataType"json",
        
success: function (msg) {
            var 
data = eval(msg);
            $.
each(data, function (rec) {
                
+= "<li><a href='modules/downloads/product.php?id=" this.Id "'>";
                
+= "<img src='" this.Cover "'/>";
                
+= "<h3>" this.Title "</h3>";
                
+= "<p style='font-size:11px'>";
                
+= "<span>Price: &euro;" this.Price "</span>";
                
+= "<span> &euro;" this.PriceForegone "</span>";
                
+= "<span>" this.Discount "%</span>";
                
+= "</p>";
                
+= "</a></li>";
            });
            $(
"[data-role=listview]").html(t);
            $(
"[data-role=listview]").listview('refresh');

        },
        
error: function (msg) {
            
alert(msg.status ' ' msg.statusText);
        }
    });

});


Tell me what you think or if you have other ideas let me know...

http://mobile.txmodxoops.org

27
timgno
Re: Talk of JQuery Mobile Framework For Xoops
  • 2012/12/4 11:10

  • timgno

  • Module Developer

  • Posts: 1504

  • Since: 2007/6/21


In the framework has been added another code for form buttons and anchors

Was added the block of the main menu fixed

See images:

Resized Image
Resized Image

As you can see in the pictures, the selectors of themes can be changed as you wish.

For submenu I chose the yellow

See demo on smartphones, iphone, (tested on Android 2.3.2)

Download alpha

28
timgno
Re: Talk of JQuery Mobile Framework For Xoops
  • 2012/12/6 11:43

  • timgno

  • Module Developer

  • Posts: 1504

  • Since: 2007/6/21


The following images show you how you could see the theme mdefault for jquery mobile on tablet:

Resized Image


---

Resized Image


---

Resized Image


---

Resized Image


---

Resized Image


---

Resized Image


I'm using the correct overryde for the modules and the work to be done without using a third-level domain in the future is to be able to upload the theme based on your device directly from php

Example:
function device_detect()
{    
    if(
$mobile == 1)
    {
       if(
preg_match('/(smartphone|sony|...)/i'$_SERVER['HTTP_USER_AGENT'])) 
          return 
true;  
       else 
          return 
false
      }
    else
       
preg_match('/desktop/i'$_SERVER['HTTP_USER_AGENT']);
}


If you want to view the desktop site will then automatically load the default desktop theme will be loaded otherwise the theme mdefault mobile.

Available as soon as possible I put a beta version that I tested on the mobile and simulation with Opera Mobile Emulator that allows me to view the site in a variety of devices ranging from desktop to mobile tablet and (iphones, smartphones, etc.)

29
timgno
Re: Talk of JQuery Mobile Framework For Xoops
  • 2012/12/14 15:38

  • timgno

  • Module Developer

  • Posts: 1504

  • Since: 2007/6/21


New Addons

- Added View/Hide blocks
- Modified css for compatibility on xoops in base modules
- Updated php file form input radio, text and others

View Demo

Download

30
blackrx
Re: Talk of JQuery Mobile Framework For Xoops
  • 2013/3/14 13:31

  • blackrx

  • Quite a regular

  • Posts: 227

  • Since: 2008/2/5 1


tq timgno

im testing in localhost and using opera browser smartphone emulator...

but when i set the theme to mtheme both smartphone browser emulator and normal pc display mtheme

In mainfile i use this

if($mobile === true)
header('Location:http://localhost/xoops255/');


1. How do we setup our mobile site so when we use our mobile we will be redirected to mtheme and when we use normal PC we are redirected to our normal theme.


how to setup the mobile site example herehttp://mobile.txmodxoops.org/
do we need to install another xoops ? and set the theme to mtheme ?

2. Is it possible when in mobile, a link to display the full site (normal theme) is displayed




Login

Who's Online

273 user(s) are online (159 user(s) are browsing Support Forums)


Members: 0


Guests: 273


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Mar 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits