Tizen-web-ui-fw.js is not working

By Noureen Akhter

16 May 2013 02:36 English 5 Replies

I am developing an app for tizen. I have a div in which i am
showing text. Text may be large than the div so for this i am using
overflow:auto/scroll to make div scrollable.

Now this is perfectly showing on eclipse html view but when i run my code on tizen device i don't see any scrollbars.

Now for this i have come to know from my tizen developer guide that i have to enable scrolling in tizen. for this i need tizen-web-ui-fw.js file which i download from link.

And follow the instruction from tizen developer guide. But when app run on my device i see error message on console that

js/tizen-web-ui-fw.js (156) :TypeError: 'undefined' is not an object

which is on line :

(function ( $, window, document, undefined )

Now what i have to change or any other relible link for downloading the file tizen-web-ui-fw.js. Any help would be appreciated.

Here is my steps which i followed:

  <head>
<script src="jquery.js"></script>
<script src="my-configure.js></script>
<script src="tizen-web-ui-fw/0.1/js/tizen-web-ui-fw.js" data-framework-theme="tizen-gray"></script>
<script src="myapp.js></script>
</head>

Edited by: Brock Boland on 17 Mar, 2014 Reason: Paragraph tags added automatically from tizen_format_fix module.

Responses

5 Replies

Lakshmi Grandhi

16 May 2013 05:43

Hi, You need to include tizen-web-ui-fw-libs.js javascript also, Using Tizen Ecllipse IDE project template, you can create Single Page or Multi Page Web Applications. It includes all the necessary tizen web framework related files.

Reply to this post
Mark as answer
- Report
- Edit
- Delete

Noureen Akhter Lakshmi Grandhi

19 May 2013 23:32

According to your suggestion i also added libs in my html but its still giving undefined on both files

Reply to this post
Mark as answer
- Report
- Edit
- Delete

tattoo wu Noureen Akhter

20 May 2013 00:35

maybe you should clean your project and rebuild it ,then try it again.

Reply to this post
Mark as answer
- Report
- Edit
- Delete

Sergey

24 May 2013 01:54

You have to create new Tizen Web Project and then select "Tizen Web UI Framework"

After this actions, you will get путукфеув Index.html file, Hi will must have similar structure in the head: <head> <meta charset="utf-8"/> <meta name="description" content="A Tizen Web UI FW single-page template generated by Tizen Web IDE"/> <title>Tizen Web IDE - Template - Tizen - Tizen Web UI Framework - Single-Page</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/main.js"></script> <link rel="stylesheet" type="text/css" href="./css/style.css"/> </head>