By Benoit JOUANIGO

16 Jan 2014 12:34 English 14 Replies

Hello,

I need your help for disable selection and contextMenu on a Web App.

I have a config.js :

$(document).bind("mobileinit", function() {
    console.log("mobileinit");
	$.mobile.tizen.disableSelection(document);
	$.mobile.tizen.disableContextMenu(document);
});

And I load the config.js like that:

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8"/>
    <meta name="viewport"  content="width=720, maximum-scale=1, user-scalable=0">
    <meta name="description" content="A Tizen Web UI FW multi-page template generated by Tizen Web IDE"/>

    <title>Something</title>
    
    <script src="tizen-web-ui-fw/latest/js/jquery.js"></script>
    <script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.js"></script>
    <script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw.js"
        	data-framework-theme="tizen-white"></script>
 
  <script type="text/javascript" src="./js/jquery-1.7.1.js"></script>
     <script type="text/javascript" src="./js/config.js"></script>
    <script type="text/javascript" src="./js/jquery.mobile-1.2.0.js"></script>
    <link rel="stylesheet" href="./css/jquery.mobile-1.2.0.css"/> 
    
    [...]
</head>
[...]
</html>

On my console I can read:

js/config.js (2) :mobileinit
js/config.js (3) :TypeError: 'undefined' is not an object

The selection and menuContext isn't disable, do you know why?

Thank you

Responses

14 Replies

Raghu Kona

16 Jan 2014 03:30

Hi,

In config.js file, please replace the event 'mobileinit' with either 'pageinit' or 'pagebeforeshow'.

Regards,

Raghu Kona

Reply to this post
Mark as answer

Benoit JOUANIGO

20 Jan 2014 06:45

Thank you for your help, but I have the same problem with 'pageinit'

Reply to this post
Mark as answer

Raghu Kona

21 Jan 2014 04:06

Can you try with the below order while replacing the mobileinit event with pageinit in config.js file.

Reply to this post
Mark as answer

Benoit JOUANIGO

21 Jan 2014 10:30

Thank you but always the same error: js/config.js (3) :TypeError: 'undefined' is not an object

Reply to this post
Mark as answer

Marco Buettner

16 Jan 2014 06:12

config.js must after jquery mobile ;) mobileinit is a jquery mobile event ;)

Reply to this post
Mark as answer

Alexander AVSukhov

16 Jan 2014 01:36

Hello,

Check-out the docs for binding to the mobileinit event:

http://jquerymobile.com/demos/1.0/docs/api/globalconfig.html

Specifically this bit:

Because the mobileinit event is triggered immediately upon execution, you'll need to bind your event handler before jQuery Mobile is loaded.

<script src="jquery.js"></script>
<script src="custom-scripting.js"></script>
<script src="jquery-mobile.js"></script>

Reply to this post
Mark as answer

Benoit JOUANIGO

20 Jan 2014 07:13

I always have the same problem. On the console I can read this error: js/config.js (5) :TypeError: 'undefined' is not an object

config.js content:

console.log("Enter");

$(document).bind("pageinit", function() {
    console.log("pageinit");
	$.mobile.tizen.disableSelection(document);
	$.mobile.tizen.disableContextMenu(document);
});

Reply to this post
Mark as answer

Marco Buettner

20 Jan 2014 07:49

Maybe its to difficult to read this http://demos.jquerymobile.com/1.2.0/docs/api/globalconfig.html and my post above... Once again1

CREATE A CONFIG:JS file and BIND IT AFTER the Tizen Web Framework !

<script src="tizen-web-ui-fw/latest/js/jquery.min.js"></script>
<script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.min.js"></script>
<script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw.min.js" data-framework-theme="tizen-white"></script>

<script type="text/javascript" src="./js/config.js"></script>
<script type="text/javascript" src="./js/main.js"></script>

The content of the CONFIG.JS is

$(document).bind("mobileinit", function() {
    console.log("mobileinit");
    $.mobile.tizen.disableSelection(document);
	$.mobile.tizen.disableContextMenu(document);
});

Reply to this post
Mark as answer

Marco Buettner

20 Jan 2014 07:54

If you use jQuery with jQuery Mobile you have to add config,.js AFTER jquery mobile.js

Reply to this post
Mark as answer

Benoit JOUANIGO

20 Jan 2014 08:42

Hello,

Thank you for your help and sorry for the delay. So now I changed my config.js to :

$(document).bind("mobileinit", function() {
    console.log("mobileinit");
    $.mobile.tizen.disableSelection(document);
    $.mobile.tizen.disableContextMenu(document);
});

And with your solution I call the file like that:

<script src="tizen-web-ui-fw/latest/js/jquery.js"></script>
<script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.js"></script>
<script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw.js"
    	data-framework-theme="tizen-white" data-framework-viewport-width="720"></script>

<script type="text/javascript" src="./js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="./js/jquery.mobile-1.2.0.js"></script>
<link rel="stylesheet" href="./css/jquery.mobile-1.2.0.css"/>
    
<script type="text/javascript" src="./js/config.js"></script>
   
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
<script type="text/javascript" src="./js/main.js"></script>

And now I haven't any error but on the console I can't read mobileinit .

But in your link http://demos.jquerymobile.com/1.2.0/docs/api/globalconfig.html, we can see, the file must be called between jquery.js and jquery-mobile.js so:

[...]
<script type="text/javascript" src="./js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="./js/config.js"></script>
<script type="text/javascript" src="./js/jquery.mobile-1.2.0.js"></script>
[...]

And with this second solution on my console, I obtain this:

js/config.js (2) :mobileinit
js/config.js (3) :TypeError: 'undefined' is not an object

Thank you

Reply to this post
Mark as answer

Alexander AVSukhov

20 Jan 2014 10:21

Hello,

This error occurred because $.mobile.tizen namespace is not defined when mobileinit event triggered.

I have tried use

$.mobile.tizen.disableContextMenu(document);

in $(document).bind('pageinit') in main.js and it works fine (prevents the context menu event)

Reply to this post
Mark as answer

Benoit JOUANIGO

20 Jan 2014 11:10

Hello,

I have the same error with your solution (error for $.mobile.tizen.disableSelection(document);) : js/main.js (11) :TypeError: 'undefined' is not an object

and my web app is blocked.

Reply to this post
Mark as answer

Marco Buettner

21 Jan 2014 01:37

If you want I can check your project at home... Email m.buettner@scidev.eu

Reply to this post
Mark as answer

Benoit JOUANIGO

21 Jan 2014 10:27

Thank you, I just sent you a mail.

Reply to this post
Mark as answer

User Menu

Tizen Forums

Community

Community

Responses

Search form

Responses