1. #1
    Sencha User
    Join Date
    Feb 2012
    Posts
    34
    Vote Rating
    0
    Bassem Samy is on a distinguished road

      0  

    Default Answered: Problem with Scripts

    Answered: Problem with Scripts


    Hi, i made a panel , that containes html with an onClick event, the problem is that it hardly fires
    like it doesn't recognize the click event on the mobile phone , any clue ?
    thx
    code:
    Ext.application({
    name: 'Sencha',

    launch: function() {
    alert('launched');
    Ext.create('Ext.Panel', {
    fullscreen: true,
    html: '<div style="width:100%;height:100%" onClick="alert(\'looooool\')">Hello World</div>'
    });
    }
    });

  2. Try:

    Code:
    var panel = Ext.create('Ext.Panel', {
        fullscreen: true,
        html: '<div style="width:100%;height:100%" class="click-me">Hello World</div>',
        listeners : {
            element : 'element',
            tap : function(e, t) {
                var el = e.getTarget('div.click-me');
    
                if (el) {
                    //tap on the <div> with class = "click-me"
                }
            }
        }
    });

  3. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,073
    Answers
    3500
    Vote Rating
    854
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Try:

    Code:
    var panel = Ext.create('Ext.Panel', {
        fullscreen: true,
        html: '<div style="width:100%;height:100%" class="click-me">Hello World</div>',
        listeners : {
            element : 'element',
            tap : function(e, t) {
                var el = e.getTarget('div.click-me');
    
                if (el) {
                    //tap on the <div> with class = "click-me"
                }
            }
        }
    });
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  4. #3
    Sencha User
    Join Date
    Feb 2012
    Posts
    34
    Vote Rating
    0
    Bassem Samy is on a distinguished road

      0  

    Default


    works great thanks a lot

Thread Participants: 1