From: Minkyeong Kim <minkyeong.kim@samsung.com>
Date: Thu, 2 May 2013 06:34:30 +0000 (+0900)
Subject: Splitview: Use jQM popup instead of window.alert().
X-Git-Tag: accepted/tizen/20130520.101609~2^2~13
X-Git-Url: http://review.tizen.org/git/?a=commitdiff_plain;h=aee3b11b1d44390f7d32aaf56a54bbc31aa09812;p=platform%2Fframework%2Fweb%2Fweb-ui-fw.git

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
--- 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 );
 
 		});