Hello to this community,
currently I'm trying to write my first tizen web app and I run into problems with tau on a regular basis. Maybe one of you guys can help me.
Earlier I got weird behaviour when I had jquery imported so that i choose to not use it anymore. I used the following code to import it though:
<head> <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no"> <title>test</title> <link rel="stylesheet" href="lib/tau/wearable/theme/default/tau.min.css"> <link rel="stylesheet" media="all and (-tizen-geometric-shape: circle)" href="lib/tau/wearable/theme/default/tau.circle.min.css"> <!-- load theme file for your application --> <link rel="stylesheet" href="css/style.css"> <!-- <script src="lib/jquery-2.1.4.js"></script> --> <!-- <script src="lib/jquery-1.11.3.js"></script> --> <!-- <script src="lib/jquery.mobile-1.4.5.js"></script> --> <script src="lib/tau/wearable/js/tau.js"></script> <script src="app.js"></script> <script src="js/circle-helper.js"></script> <script src="lowBatteryCheck.js"></script> </head>
Right now I have the problem that the popup I'm creating is not closing when I press the button. I used the following to create it:
<div id="popupMainOK" class="ui-popup"> <div class="ui-popup-content" id="popupMainOK-text">msg</div> <div class="ui-popup-footer ui-bottom-button"> <a id="1btnPopup-cancel" href="#" class="ui-btn ui-btn-icon-only btn-icon-check" data-rel="back">Check</a> </div> </div>
and in app.js I have a init() function which is called on pageload which has the following code:
var popupWidget = tau.openPopup("#popupMainOK"); document.getElementById('popupMainOK').addEventListener("popuphide", onPopupPressBtnHide);
I tried so many different things but nothing worked properly so far. How am I supposed to use this? I copied my tau library and stylesheets and stuff from the webui sample and im using the tizen 2.4 SDK with the wearable 2.3.1 downloaded via the updatemanager. According to the version file I'm using tau version 0.11.4.
I also get the same result when I use the code given in the SDK help
https://developer.tizen.org/dev-guide/2.3.1/org.tizen.web.apireference/html/ui_fw_api/mobile/ns_widget_mobile_Popup.htm)
var popupElement = document.getElementById("popupMainOK"), popup = tau.widget.Popup(popupElement); popup.open(); document.getElementById('popupMainOK').addEventListener("popuphide", onPopupPressBtnHide);
I appretiate any help as I'm lost here.
I'm also thankfull for any tips on which help files to use or which development steps to take or tools to use...
greetings
daberne