Popup: demo page has been modified
authorhjnim.kim <hjnim.kim@samsung.com>
Thu, 3 Jan 2013 10:21:28 +0000 (19:21 +0900)
committerMinkyu Kang <mk7.kang@samsung.com>
Fri, 4 Jan 2013 11:35:12 +0000 (20:35 +0900)
popup is closed when cancel or ok buttons were clicked
N_SE-18675

Change-Id: Id48fbd0f6ac1f4f326d3541e2720d85d2f7dfd84

demos/tizen-winsets/widgets/popupwindow/popup.html

index 6f69eab..20b0882 100755 (executable)
@@ -62,8 +62,8 @@
                                </ul>
                        </div>
                        <div class="ui-popup-button-bg">
-                               <div data-role="button"  data-inline="true">OK</div>
-                               <div data-role="button"  data-inline="true">Cancel</div>
+                               <a data-role="button" data-rel="back" data-inline="true">OK</a>
+                               <a data-role="button" data-rel="back" data-inline="true">Cancel</a>
                        </div>
                </div>
 
@@ -76,8 +76,8 @@
                                                <input type="text" id="newCategoryPopupInput" name="newCategoryName" size="30" />
                        </div>
                                        <div class="ui-popup-button-bg">
-                                               <div data-role="button"  data-inline="true">OK</div>
-                                               <div data-role="button"  data-inline="true">Cancel</div>
+                                               <a data-role="button" data-rel="back" data-inline="true">OK</a>
+                                               <a data-role="button" data-rel="back" data-inline="true">Cancel</a>
                                        </div>
                </div>
 
                                to the parent windows
                        </div>
                        <div class="ui-popup-button-bg">
-                               <div data-role="button"  data-inline="true">Button</div>
+                               <a data-role="button" data-rel="back" data-inline="true">Button</a>
                        </div>
                </div>
 
                                to the parent windows
                        </div>
                        <div class="ui-popup-button-bg">
-                               <div data-role="button"  data-inline="true">Button1</div>
-                               <div data-role="button"  data-inline="true">Button2</div>
+                               <a data-role="button" data-rel="back" data-inline="true">Button1</a>
+                               <a data-role="button" data-rel="back" data-inline="true">Button2</a>
                        </div>
                </div>
 
                                to the parent windows
                        </div>
                        <div class="ui-popup-button-bg">
-                                       <div data-role="button"  data-inline="true">Button1</div>
-                                       <div data-role="button"  data-inline="true">Button2</div>
-                                       <div data-role="button"  data-inline="true">Button3</div>
+                                       <a data-role="button" data-rel="back" data-inline="true">Button1</a>
+                                       <a data-role="button" data-rel="back" data-inline="true">Button2</a>
+                                       <a data-role="button" data-rel="back" data-inline="true">Button3</a>
                        </div>
                </div>
 
                                to the parent windows
                        </div>
                        <div class="ui-popup-button-bg">
-                               <div data-role="button"  data-inline="true">Button</div>
+                               <a data-role="button" data-rel="back" data-inline="true">Button</a>
                        </div>
                </div>
 
                                to the parent windows
                        </div>
                        <div class="ui-popup-button-bg">
-                               <div data-role="button"  data-inline="true">Button1</div>
-                               <div data-role="button"  data-inline="true">Button2</div>
+                               <a data-role="button" data-rel="back" data-inline="true">Button1</a>
+                               <a data-role="button" data-rel="back" data-inline="true">Button2</a>
                        </div>
                </div>
 
                                to the parent windows
                        </div>
                        <div class="ui-popup-button-bg">
-                               <div data-role="button"  data-inline="true">Button1</div>
-                               <div data-role="button"  data-inline="true">Button2</div>
-                               <div data-role="button"  data-inline="true">Button3</div>
+                               <a data-role="button" data-rel="back" data-inline="true">Button1</a>
+                               <a data-role="button" data-rel="back" data-inline="true">Button2</a>
+                               <a data-role="button" data-rel="back" data-inline="true">Button3</a>
                        </div>
                </div>
 
                                already in use
                        </div>
                        <div class="ui-popup-button-bg">
-                               <div data-role="button">Rename</div>
-                               <div data-role="button">Replace</div>
-                               <div data-role="button">Cancel</div>
+                               <a data-role="button" data-rel="back" data-inline="true">Rename</a>
+                               <a data-role="button" data-rel="back" data-inline="true">Replace</a>
+                               <a data-role="button" data-rel="back" data-inline="true">Cancel</a>
                        </div>
                </div>
 
                                <label for="checkbox-1">Don't ask again</label>
                        </div>
                        <div class="ui-popup-button-bg">
-                               <div data-role="button"  data-inline="true">Rename</div>
-                               <div data-role="button"  data-inline="true">Replace</div>
+                               <a data-role="button" data-rel="back" data-inline="true">Rename</a>
+                               <a data-role="button" data-rel="back" data-inline="true">Replace</a>
                        </div>
                </div>
 
                                </ul>
                        </div>
                        <div class="ui-popup-button-bg">
-                               <div data-role="button"  data-inline="true">Cancel</div>
+                               <a data-role="button" data-rel="back" data-inline="true">Cancel</a>
                        </div>
                </div>
 
                                </ul>
                        </div>
                        <div class="ui-popup-button-bg">
-                               <div data-role="button"  data-inline="true">Ok</div>
-                               <div data-role="button"  data-inline="true">Cancel</div>
+                               <a data-role="button" data-rel="back" data-inline="true">Ok</a>
+                               <a data-role="button" data-rel="back" data-inline="true">Cancel</a>
                        </div>
                </div>
 
                                </ul>
                        </div>
                        <div class="ui-popup-button-bg">
-                               <div data-role="button"  data-inline="true">Rename</div>
-                               <div data-role="button"  data-inline="true">Replace</div>
-                               <div data-role="button"  data-inline="true">Cancel</div>
+                               <a data-role="button" data-rel="back" data-inline="true">Rename</a>
+                               <a data-role="button" data-rel="back" data-inline="true">Replace</a>
+                               <a data-role="button" data-rel="back" data-inline="true">Cancel</a>
                        </div>
                </div>