ContextPopup: input type="button" popup open issue has been fixed
[platform/framework/web/web-ui-fw.git] / demos / tizen-winsets / widgets / ctxpopup.html
old mode 100755 (executable)
new mode 100644 (file)
index 6e784e4..df9a00e
 <div id="pop_text_only" data-role="popup" >
        <ul data-role="listview">
                <li>
-                       <a href="http://www.naver.com">www.naver.com</a>
+                       <a href="#">Menu1</a>
                </li>
                <li>
-                       <a href="http://www.naver.com">www.naver.com</a>
+                       <a href="#">Menu2</a>
                </li>
                <li>
-                       <a href="http://www.samsung.com">www.samsung.com</a>
+                       <a href="#">Menu3</a>
                </li>
                <li>
-                       <a href="http://www.apple.com">www.apple.com</a>
+                       <a href="#">Menu4</a>
                </li>
        </ul>
 </div>
+<span id="codeSample">
+Code Sample
+</span>
 <br>
 <br>
 
 <div id="pop_text_only" data-role="popup" >
        <ul data-role="listview">
                <li>
-                       <a href="http://www.naver.com">www.naver.com</a>
+                       <a href="#">Menu1</a>
                </li>
                <li>
-                       <a href="http://www.naver.com">www.naver.com</a>
+                       <a href="#">Menu2</a>
                </li>
                <li>
-                       <a href="http://www.samsung.com">www.samsung.com</a>
+                       <a href="#">Menu3</a>
                </li>
                <li>
-                       <a href="http://www.apple.com">www.apple.com</a>
+                       <a href="#">Menu4</a>
                </li>
        </ul>
 </div>
 <br>
 <br>
 </div>
+<a href="#positionOrigin" data-role="button" data-inline="true" data-rel="popup" data-position-to="#codeSample">Position to origin</a>
+<div data-role="popup" id="positionOrigin" class="ui-content" data-theme="d">
+       <p style="color:white">I am positioned over the origin.</p>
+</div>
+<br>
+<br>
+<input type="button" data-inline="true"  onclick="popupTest()" value="Open Popup - input type button"/>
+<br>
+<br>
+<div data-role="button" "button" data-inline="true"  onclick="popupTest()">Open Popup - div button</div>
 </div> <!-- /content -->
 
 <div data-role="footer">
-       <a href="#slideView_pop" data-role="button" data-transition="slideup" data-icon="naviframe-more" data-rel="popup"></a>
-       <div  id="slideView_pop" data-role="popup" data-show-arrow="true">
-               <ul data-role="listview" style="width:400px">
-               <li ><a id="manageFeedsViewBtn">4Manage feeds</a></li>
-               <li><a href="#settingView" id="viewbyBtn">Settings</a></li>
-       </ul>
-       </div>
+       <a href="#navi" data-role="button"  data-icon="naviframe-more" data-rel="popup"></a>
+
+               <div id="navi" data-role="popup" >
+               <ul data-role="listview">
+                       <li><a href="#" data-rel="back">Settings</a></li>
+                       <li><a href="#" data-rel="back">Add to contact</a></li>
+                       <li><a href="#" data-rel="back">Call log</a></li>
+                       <li><a href="#" data-rel="back">Music</a></li>
+                       <li><a href="#" data-rel="back">File manager</a></li>
+                       <li><a href="#" data-rel="back">Internal Link</a></li>
+               </ul>
+               </div>
 </div>
 </div> <!-- /page -->