Asp.net programming we consider all important topic for knowledge about controls,web Services, JSON, Ajax, database, and interview related Question. In this Asp.net and sql server tutorial blog we give many examples of jquery as like How Play YouTube Video in Your Asp.net Website by URL, How to Play YouTube Videos in Asp.net by using Jquery , Jquery Change div background on mouseover in asp.net , JQuery UI Datepicker (Calendar) etc.

Saturday, November 22, 2014

Asp.net jQuery Mobile C# example on asp.net web page

Asp.net jQuery Mobile C# example:



In this post we consider a example of Jquery mobile in asp.net web page. As we learn what is Asp.net jQuery mobile framework A Jquery mobile a very light waited framework. It is usually adjust on display screen on computer as well as mobile.

External links for creating a Example of Jquery mobile:

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js"></script>

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.css">
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js"></script>
</head>
<body style="background-color:Orange">

<div data-role="page" id="pageone">
  <div data-role="header">
    <h1>Button  Example by Jquery mobil in asp.net page</h1>
  </div>

  <div data-role="main" class="ui-content">
    <p>Welcome!</p>
    <a href="#pagetwo" class="ui-btn">Go to Page Two</a>
  </div>

  <div data-role="footer">
    <h1>Hey ..this is a first page and i want to move in to second on button click.</h1>
  </div>
</div>

<div data-role="page" id="pagetwo">
  <div data-role="header">
    <h1>Button in second page</h1>
  </div>

  <div data-role="main" class="ui-content">
    <p>Goodbye!</p>
    <a href="#pageone" class="ui-btn">Go to Page One</a>
  </div>

  <div data-role="footer">
    <h1>This is a Example of Jquery Mobile in asp.net web page</h1>
  </div>
</div>

</body>
</html>

Description of Jqury mobile Example:


Here we give tow screen short one of computer window and second for size of mobile .

 Asp.net jQuery Mobile C# example on asp.net web page


 Asp.net jQuery Mobile C# example on asp.net web page


Asp.net and Jquery Related Other Post:






No comments:

Post a Comment