Splitview: Use jQM popup instead of window.alert().

Resolves #N_SE-37077

Change-Id: Ibf6cfe1b3bce2f3792c93ceebe0a223fafca4eb5

diff --git a/demos/tizen-winsets/widgets/splitview.html b/demos/tizen-winsets/widgets/splitview.html
index b9cd2bc..fcf5686 100644 (file)
--- a/demos/tizen-winsets/widgets/splitview.html
+++ b/demos/tizen-winsets/widgets/splitview.html
@@ -8,9 +8,9 @@
                        <div class="ui-pane" id="menu" data-scroll="y">
                                <ul data-role="listview">
                                        <li><a id="testSetRatio"><h2>Ratio setting</h2></a></li>
-                                       <li><a id="testGetRatio"><h2>Current ratio</h2></a></li>
-                                       <li><a id="testSetConents"><h2>Set contents of "Up"</h2></a></li>
-                                       <li><a id="testGetConents"><h2>Get contents</h2></a></li>
+                                       <li><a id="testGetRatio" href="#splitview_popup" data-rel="popup" data-position-to="window"><h2>Current ratio</h2></a></li>
+                                       <li><a id="testSetContents"><h2>Set contents of "Up"</h2></a></li>
+                                       <li><a id="testGetContents" href="#splitview_popup" data-rel="popup" data-position-to="window"><h2>Get contents</h2></a></li>
                                        <li><a id="testFixed"><h2>Fixed / Flexible</h2></a></li>
                                        <li><a id="testDirection"><h2>Divider: Vertical / Horizontal</h2></a></li>
                                        <li><a id="testMaximize"><h2>Maximize "Up" / Restore</h2></a></li>
@@ -26,6 +26,11 @@
                                        </div>
                                </div>
                        </div>
+
+                       <div id="splitview_popup" data-role="popup">
+                               <div class="ui-popup-text">
+                               </div>
+                       </div>
                </div>
        </div>
        <div data-role="footer">
@@ -46,15 +51,15 @@
 
                $( "#testGetRatio" ).bind( "vclick", function () {
                        var ratio = testSplitview.splitview( "option", "ratio" );
-                       window.alert( "Up : Down = \n" + ratio[ 0 ].toFixed( 2 ) + " : " + ratio[ 1 ].toFixed( 2 ) );
+                       $( ".splitview-popup" ).text( "Up : Down = \n" + ratio[ 0 ].toFixed( 2 ) + " : " + ratio[ 1 ].toFixed( 2 ) );
                });
 
-               $( "#testSetConents" ).bind( "vclick", function () {
+               $( "#testSetContents" ).bind( "vclick", function () {
                        var element = $( "<div><h4>Changed \"Up\" pane</h4> Contents changed!!</div>" );
                        testSplitview.splitview( "pane", "#up", element );
                });
 
-               $( "#testGetConents" ).bind( "vclick", function () {
+               $( "#testGetContents" ).bind( "vclick", function () {
                        var contents = "",
                                upContents = testSplitview.splitview( "pane", "#up" ),
                                downContents = testSplitview.splitview( "pane", "#down" );
@@ -65,7 +70,7 @@
                                                ( ( typeof downContents === "undefined" || !downContents ) ? "" : downContents[ 0 ].outerHTML );
 
                        contents = contents.substring(0, 120) + "..." ;
-                       window.alert( contents );
+                       $( ".splitview-popup" ).text( contents );
 
                });