XOOPS 
Forum
Forum Index General Forums Community Support Modules Support Themes Support Development International Support Module Hack Reviews Theme Designer Talk
  1. Board index / 
  2. Xoops Development / 
  3. Xoops Development 
  4.  / Talk of JQuery Mobile Framework For Xoops
Register
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: 11409

  • 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.11 | 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 (event, ui) {    
    var t = "";
    var param = getParameterByName('type');
    var jsurl = "/search.php?query=" + param;

    $.ajax({
        type: "GET",
        url: jsurl,
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (msg) {
            var data = eval(msg);
            $.each(data, function (rec) {
                t += "
  • + this.Id + "'>";
                        t += "+ this.Cover + "'/>";
                        t += "

    " + this.Title + "

    "    ;
                        t += "";
                        t += "Price: €" + this.Price + "";
                        t += " €" + this.PriceForegone + "";
                        t += "" + this.Discount + "%";
                        t += "

    "    ;
                        t += "
    • "    ;
                });
                $(    "[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 here http://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



    « 1 2 (3) 4 »

    Login

    Register now!  |  Lost Password?

    Search

    Advanced Search

    Recent Posts

    Who's Online

    330 user(s) are online (199 user(s) are browsing Support Forums)

    Members: 0

    Guests: 330

    more...

    Donat-O-Meter

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

    Latest GitHub Commits