Click image and troggle popup

Click image and troggle popup base on Tizen Web UI Framework
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width,user-scalable=no"/>
    <script src="./lib/jquery.js"></script>
    <script type="text/javascript" src="./lib/tau/mobile/js/tau.js" data-build-remove="false"></script>
    <link rel="stylesheet"  href="./lib/tau/mobile/theme/default/tau.css">	
</head>

<body>        
    <div data-role="page" id="main">
        <div data-role="content">         
            <a href="#myPopup"  data-rel="popup">
            	<img alt="smiley face" src="./icon.png" height="100" width="100">
            </a>		      		        		         		      	            	                    
        </div><!-- /content -->  
        <div id="myPopup" data-role="popup" class="mypopup" style="height:40%;width:50%;position:absolute;top:30%;">
	    <button id="im1" class="btn btn-primary" style="width:100%" onclick="save();">Save</button>
	    <button class="btn btn-primary" style="width:100%" onclick="cancel();">Cancel</button>
        </div>    
    </div>                 
</body>
</html>

Responses

0 Replies