交流|分享
13.06.2008
confirm消息框教程
category: JavaScript
tags:

弹出一个对话框，让用户确认是否执行操作，常在删除按钮上。

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function disp_confirm()
  5.   {
  6.   var r=confirm("Press a button")
  7.   if (r==true)
  8.     {
  9.     document.write("You pressed OK!")
  10.     }
  11.   else
  12.     {
  13.     document.write("You pressed Cancel!")
  14.     }
  15.   }
  16. </script>
  17. </head>
  18. <body>
  19.  
  20. <input type="button" onclick="disp_confirm()" value="Display a confirm box" />
  21.  
  22. </body>
  23. </html>

 ’\n’ 可以用来换行，相当于html里的<br />

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function confirmAdd() {
  5.     var msg = "你好\n确认要修改收件地址？";
  6.     if (confirm(msg)==true){
  7.     return true;
  8.     }else{
  9.     return false;
  10.     }
  11. }
  12. </script>
  13. </head>
  14. <body>
  15. <a href="" onclick="javascript:return confirmAdd()">修改收件地址</a>
  16.  
  17. </body>
  18. </html>

 

13.06.2008
javascript优先加载笔记
category: JavaScript
tags:

函数部分

  1. <script type="text/javascript">
  2. function sysTab() {
  3. $('#container > ul').tabs({ selected: 0 });
  4. }
  5. </script>
  1. <body>
  2.  
  3. <div id="container"><!--需要加载的dom-->
  4. <ul>
  5. <li><a href="#fragment-1"><span>ルートフォルダの定義</span></a></li>
  6. <li><a href="#fragment-2"><span>文書管理</span></a></li>
  7. <li><a href="#fragment-3"><span>表示設定</span></a></li>
  8. <li><a href="#fragment-4"><span>メール設定</span></a></li>
  9. <li><a href="#fragment-5"><span>データベース管理</span></a></li>
  10. <li><a href="#fragment-6"><span>フォルダ監視</span></a></li>
  11. <li><a href="#fragment-7"><span>システム管理</span></a></li>
  12. </ul>
  13. .................
  14. </div><!--需要加载的dom end-->
  15.  
  16. <script type="text/javascript">
  17. sysTab();
  18. </script> //提前加载函数
  19. <!--剩余的大段代码-->
  20. </body>

这样就可以在指定的dom输出完毕后就执行javascript，而不需要等待页面全部加载完毕。

04.06.2008
公司洗手间的点缀
category: Life
tags:

早晨来到公司，发现昨晚打扫卫生的阿姨把我们的花草都摆放到洗手间的窗台上了，很和谐。

02.06.2008
通过CSS捕捉页面中的所有单选框
category: CSS
tags:

今天需要对一堆已经完成的页面进行表单部分CSS精简。 在精简过程中发现在firefox中单选框和复选框与label的位置始终无法同时垂直对齐。

类似的页面很多，手工对radio和checkbox分配不同的class进行设置显然很不明知。隐约记得CSS3中支持一种可以根据设置属性值来寻找元素的方法，于是就查了下资料。

这句可以捕捉到所有type=”radio”的元素。

input[type^="radio"] {margin-bottom:-3px}

类似的方法还有：

a[href$=".pdf"] {border：1px solid red} 捕捉所有pdf后缀的链接。