回退练习

原创 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>

 

Activity,回退栈,Task之间的关系

  • 2017年07月14日 17:29
  • 145KB
  • 下载

Fragmeng回退栈小例子

  • 2015年08月23日 11:06
  • 256KB
  • 下载

Android之Fragment回退栈详解

前言:本文将结合开发中的实际需求,来讲解一下Fragment中的回退栈 对于Activity,当按返回键时,能够返回到上一个Activity,但是,当我们Fragment到Activity中时,如果不...

网件6300的回退固件

  • 2016年07月06日 22:09
  • 12.63MB
  • 下载

git reset(回退add操作)

在git的一般使用中,如果发现错误的将不想提交的文件add进入index之后,想回退取消,则可以使用命令:git reset HEAD ...,同时git add完毕之后,git也会做相应的提示,...

js屏蔽页面回退功能

  • 2014年08月31日 16:22
  • 1KB
  • 下载

js 特效 html 特效 回退的页面数

  • 2011年08月17日 20:50
  • 7KB
  • 下载

Pycharm技巧之代码跳转该如何回退

背景最近玩Python已经有段时间了, 一般都是通过vim和Pycharm来开发, 真心觉得这两个是神器. Vim神器暂且不说, 今天来分享Pycharm的一个小技巧,下面话不多说,一起来看看详细介绍...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:回退练习
举报原因:
原因补充:

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