i developing tizen web application using html, js, tau , jquery. need context menu when user click on specific position. possible ?
i tried,
$("#mycontextmenu").popup('open'); it shows
typeerror: $(...).popupwindow not function any appreciated.
you need add tau library. tau has different types of context menu. try this,
<!doctype html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> <link rel="stylesheet" href="./lib/tau/mobile/theme/default/tau.css"> <meta name="description" content="tizen mobile application"/> <title>hello tizen</title> <link rel="stylesheet" type="text/css" href="css/style.css"/> <script src="js/main.js"></script> <script type="text/javascript" src="./lib/tau/mobile/js/tau.js"></script> </head> <body> <div class="ui-page" id="list-styles-page"> <div class="ui-header" data-position="fixed"> <h1>home</h1> </div> <div class="ui-content"> <ul class="ui-listview"> <li class="ui-group-index">horizontal style</li> <li class="ui-li-anchor"><a href="#ctxpopup_horizontal_basic" data-inline="true" data-rel="popup">horizontal basic</a></li> <li class="ui-li-anchor"><a href="#ctxpopup_horizontal_scroll" data-inline="true" data-rel="popup">horizontal scroll</a></li> <li class="ui-li-anchor"><a href="#ctxpopup_horizontal_2line" data-inline="true" data-rel="popup">horizontal 2line</a></li> <li class="ui-group-index">vertical style</li> <li class="ui-li-anchor"><a href="#ctxpopup_vertical_basic" data-inline="true" data-rel="popup">vertical basic</a></li> </ul> <div id="ctxpopup_horizontal_basic" class="horizontal-ctxpopup ui-popup" data-overlay="false"> <ul class="ui-listview"> <li class="ui-li-anchor"><a href="#" data-rel="back">copy</a></li> <li class="ui-li-anchor"><a href="#" data-rel="back">cut</a></li> <li class="ui-li-anchor"><a href="#" data-rel="back">paste</a></li> </ul> </div> <div id="ctxpopup_horizontal_scroll" class="horizontal-ctxpopup ui-popup" data-overlay="false"> <ul class="ui-listview"> <li class="ui-li-anchor"><a href="#" data-rel="back">copy</a></li> <li class="ui-li-anchor"><a href="#" data-rel="back">cut</a></li> <li class="ui-li-anchor"><a href="#" data-rel="back">paste</a></li> <li class="ui-li-anchor"><a href="#" data-rel="back">clipboard</a></li> <li class="ui-li-anchor"><a href="#" data-rel="back">close</a></li> </ul> </div> <div id="ctxpopup_horizontal_2line" class="horizontal-ctxpopup ui-popup" data-overlay="false"> <ul class="ui-listview"> <li class="ui-li-anchor"><a href="#" data-rel="back">select all</a></li> <li class="ui-li-anchor"><a href="#" data-rel="back">cut</a></li> <li class="ui-li-anchor"><a href="#" data-rel="back">copy</a></li> <li class="ui-li-anchor"><a href="#" data-rel="back">paste</a></li> </ul> <ul class="ui-listview"> <li class="ui-li-anchor"><a href="#" data-rel="back">clipboard</a></li> <li class="ui-li-anchor"><a href="#" data-rel="back">dictionary</a></li> <li class="ui-li-anchor"><a href="#" data-rel="back">translate</a></li> <li class="ui-li-anchor"><a href="#" data-rel="back">share via</a></li> </ul> </div> <div id="ctxpopup_vertical_basic" class="ui-popup" data-overlay="false"> <ul class="ui-listview"> <li class="ui-li-anchor"><a href="#" data-rel="back">copy</a></li> <li class="ui-li-anchor"><a href="#" data-rel="back">cut</a></li> <li class="ui-li-anchor"><a href="#" data-rel="back">paste</a></li> <li class="ui-li-anchor"><a href="#" data-rel="back">clipboard</a></li> </ul> </div> </div> </div> </html> here demo of vertical style (basic)
please see tizen online sample 'tauuicomponents' tau examples
Comments
Post a Comment