回退练习

原创 2012年03月25日 21:50:23

index.html

<!DOCTYPE html>
<html>
<head>
 <title>jQuery Mobile: Demos and Documentation</title>
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet"  href="importFile/jquery.mobile-1.0.1.min.css" />
 <script src="importFile/jquery.js"></script>
 <script src="importFile/jquery.mobile-1.0.1.min.js"></script>
 
 <script language ="javascript" >
     function selectPerson(obj) {
         //$("#ee").append("<div data-role='collapsible' data-collapsed='true' class='info'><ul data-role='listview' data-inset='true'  class='detail'> </ul><ul data-role='listview' data-inset='true'  class='detail'></ul></div>").trigger("create");
         var id = $(obj).prev().attr("id");
    
         var divObj = document.createElement("div");
         divObj.id = "slectPersonPage";
         divObj.setAttribute("data-role", "page");
         divObj.setAttribute("targetSelPer", id);

         var divHead = document.createElement("div");
         divHead.setAttribute("data-role", "header");
         divHead.innerHTML = "<h1>Page Title</h1>";

         var divContent = document.createElement("div");
         divContent.setAttribute("data-role", "content");
         divContent.innerHTML = "<input type ='text' value='王明' /><a onclick='post(this)' data-role='button'>提交</a>"

         divObj.appendChild(divHead);
         divObj.appendChild(divContent);
        
         document.body.appendChild(divObj);

         $("#slectPersonPage").trigger("create");
        
         //alert(document .body .innerHTML);         
         //alert($("#slectPersonPage")[0].innerHTML);
     }

     function post(obj) {
         var val = $(obj).prev().val();
        
         var tarId = $(obj).parents("div[targetSelPer]").attr("targetSelPer");

         $("#" + tarId).val(val);

         $(obj).parents("div[targetSelPer]").dialog('close')
     }
 </script>
 
</head>
<body>

<div data-role="page" class="type-home" id="mainPage">
 <div data-role="content">
   <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
    <li><a href="dbgw.html"  data-ajax="false">代办公文页面</a></li>
    <li><a href="0325.html"  data-ajax="false">练习</a></li>
   </ul>
   
   <br />
   
   <table>
       <tr>
           <td>人员选框</td>
           <td>
               <span>
                   <input type ="hidden" />
                   <input id="selectPerson1" type ="text" />
                   <a href ="#slectPersonPage" onclick ="selectPerson(this)" data-rel="dialog" data-direction="slidedown"><img src="importFile/2012-03-24_085415.png" /></a>
               </span>
           </td>
       </tr>
   </table>

 </div>
</div>

<!--<div data-role="page" id="test">
    <div data-role="header">
    <h1>Page Title</h1>
</div>

</div>-->
 
</body>
</html>

 

 

dbgw.html

<!DOCTYPE html>
<html>
<head>

 
 <title>jQuery Mobile: Demos and Documentation</title>
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet"  href="importFile/jquery.mobile-1.0.1.min.css" />
 <script src="importFile/jquery.js"></script>
 <script src="importFile/jquery.mobile-1.0.1.min.js"></script>
 
</head>
<body>

<div data-role="page" class="type-home">
 
 <div data-role="header" data-position="inline">  
  <a href="cancel.html" data-icon="delete">Cancel</a>  
  <h1>Edit Contact</h1>  
  <a href="save.html" data-icon="check">Save</a>
 </div>

 <div data-role="content">
       <div>
        <a href="" data-rel="back" data-iconpos="notext" class ="ui-btn-right back">返回</a>
    </div>
        <div>
            代办公文数据
        </div>
 </div>
 
 <pre class="brush:html;gutter:false;">
 <div data-role="navbar">  
  <ul>     
   <li><a href="#nav1" class="ui-btn-active">One</a></li>     
   <li><a href="#nav2">Two</a></li>  
  </ul>
 </div><!-- /navbar -->
</div>

</body>
</html>

 

0325.html

<!DOCTYPE html>
<html>
<head>

 
 <title>jQuery Mobile: Demos and Documentation</title>
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet"  href="importFile/jquery.mobile-1.0.1.min.css" />
 <script src="importFile/jquery.js"></script>
 <script src="importFile/jquery.mobile-1.0.1.min.js"></script>
 
</head>
<body>
<div data-role="page" id="ff" data-position="fixed">
<div data-role="header" data-position="fixed">
      <h1>Navigation</h1>
   </div><!-- /header -->
   <div data-role="content" >
      <ul data-role="listview" data-dividertheme="d" style="margin-top: 0;">
      <li><a href="#nav1">Henry VIII <span class="ui-li-count">Reign 37 Years</span></a></li>
      <li><a href="#nav1">George V <span class="ui-li-count">Reign 25 Years</span></a></li>
      <li><a href="#nav1">Prince of Wales <span class="ui-li-count">N/A</span></a></li>
     <li><a href="#nav1">Elizabeth I <span class="ui-li-count">Reign 44 Years</span></a></li>
      <li><a href="#nav1">Elizabeth II<span class="ui-li-count">Reign since 1952</span></a></li>
         <li data-role="list-divider">Prime Miniseters</li>
         <li><a href="#nav2">Winston Churchill</a></li>
         <li><a href="#nav2">Tony Blare</a></li>
         <li><a href="#nav2">David Cameron</a></li> <li><a href="#nav1">Prince of Wales</a></li>
         <li><a href="#nav1">Elizabeth I</a></li>
         <li><a href="#nav1">Elizabeth II</a></li>
         <li data-role="list-divider">Prime Miniseters</li>
         <li><a href="#nav2">Winston Churchill</a></li>
         <li><a href="#nav2">Tony Blare</a></li>
         <li><a href="#nav2">David Cameron</a></li> <li><a href="#nav1">Prince of Wales</a></li>
         <li><a href="#nav1">Elizabeth I</a></li>
         <li><a href="#nav1">Elizabeth II</a></li>
         <li data-role="list-divider">Prime Miniseters</li>
         <li><a href="#nav2">Winston Churchill</a></li>
         <li><a href="#nav2">Tony Blare</a></li>
         <li><a href="#nav2">David Cameron</a></li>
      </ul>
   </div><!-- /content -->
<div data-role="footer" data-position="fixed">
   <div data-role="navbar">
      <ul>
         <li><a href="#nav1" class="ui-btn-active">Royals</a></li>
         <li><a href="#nav2">Leaders</a></li>
      </ul>
   </div><!-- /navbar -->
</div><!-- /footer -->
</div><!-- /page -->
<div data-role="page" id="nav1" data-position="fixed">
   <div data-role="header">
      <h1>Royal Family</h1>
   </div><!-- /header -->
<div data-role="content">
<p>Members and relatives of the British Royal Family historically represented the monarch in various places throughout the British Empire, sometimes for extended periods as viceroys, or for specific ceremonies or events. Today, they often perform ceremonial and social duties throughout the United Kingdom and abroad on behalf of the UK, but, aside from the monarch, have no constitutional role in the affairs of government. This is the same for the other realms of the Commonwealth though the family there acts on behalf of, is funded by, and represents the sovereign of that particular state, and not the United Kingdom.</P>
</div><!-- /content -->
   <div data-role="footer" data-position="fixed">
      <h4>Royal Family</h4>
   </div><!-- /header -->
</div><!-- /page -->
<div data-role="page" id="nav2" data-position="fixed">
   <div data-role="header">
      <h1>Prime Ministers</h1>
   </div><!-- /header -->
<div data-role="content">
The Prime Minister of the United Kingdom of Great Britain and Northern Ireland is the Head of Her Majesty's Government in the United Kingdom. The Prime Minister and Cabinet (consisting of all the most senior ministers, who are government department heads) are collectively accountable for their policies and actions to the Sovereign, to Parliament, to their political party and ultimately to the electorate. The current Prime Minister, David Cameron, was appointed on 11 May 2010.</div><!-- /content -->
<div data-role="footer" data-position="fixed">
   <h4>Prime Minister</h4>
      </div><!-- /header -->
   </div><!-- /page -->

</body>
</html>

 

游戏开发者社区对底层API的投票

世界最大的游戏开发者社区对底层API的投票其中,DirectX、SDL、Allegro是全功能(图像,声音,网络,输入)的开发包,OpenGL是图像开发包;DirectX是Windows平台的,其他都...
  • Nightmare
  • Nightmare
  • 2002-10-17 09:06:00
  • 1423

“回退”编码应用程序示例

  • 2010年10月29日 12:50
  • 68KB
  • 下载

练习1-10 编写一个将输入复制到输出的的程序,并将其中的制表符替换成\t,把回退符替换成\b,把反斜杠\替换成\\,这样可以将制表符和回退符以可见的方式显示出来。

/* 时间:2017/8/2 地点:工程北629 功能:将制表符、单个反斜杠、回退符,以可见的方式显示出来 思想:使用标志位。使用getchar、putchar函数 说明:关于回退符的输...
  • AA11224488
  • AA11224488
  • 2017-08-17 18:41:31
  • 321

练习1-10 编写一个将输入复制到输出的程序,并将其中的制表符替换为\t,把回退符替换为\b,把反斜杠替换为\\。

C语言程序设计(第二版) 练习1-10 个人设计编写一个将输入复制到输出的程序,并将其中的制表符替换为\t,把回退符替换为\b,把反斜杠替换为\。代码块#include main() { ...
  • navicheung
  • navicheung
  • 2017-03-24 17:56:22
  • 783

工作流中的回退业务实现

  • 2011年04月11日 15:50
  • 216KB
  • 下载

关于VS2010的源代码智能分析与回退位置FallbackLocation

VS2010 按F12 找不到符号定义 怎么办?
  • Sad_Sugar
  • Sad_Sugar
  • 2017-03-04 09:33:12
  • 1073

安卓webview系列(基础)——如何用webview支持回退

嗯,在webviewz
  • u010849674
  • u010849674
  • 2014-08-22 10:58:50
  • 3125

GIT远程仓库回退方法

GIT远程仓库回退方法 引用块内容 1 问题素描 如果提交注释错误如何回退 如果提交了一个错误的版本到了本地仓库如何回退 如果提交了一个错误的版本到了远程公共仓库如何回退 2 提交...
  • jackyzheng
  • jackyzheng
  • 2017-08-04 17:58:59
  • 1529

html回退一步

html中返回上一页 返回上一页 或 返回上一页 如果是用按钮做的话就是: 返回上一页"> 用图片做的话就是: 返回上一页"> [color=#FF0000]几秒钟后[/color]自动返回上一...
  • sunzhenhua2012
  • sunzhenhua2012
  • 2013-08-19 09:58:51
  • 3372

svn回退

subversion是版本控制系统. 虽然现在还有git. 但做为集中研发的模式, subversion还是适用的. (虽然subversion对很多人来说已经不再陌生, 但毕竟江山代有人才出嘛...
  • niushuai666
  • niushuai666
  • 2014-02-17 18:05:15
  • 14031
收藏助手
不良信息举报
您举报文章:回退练习
举报原因:
原因补充:

(最多只允许输入30个字)