DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript彈出窗口中增加確定取消按鈕
javascript彈出窗口中增加確定取消按鈕
編輯:關於JavaScript     

比例a標簽點擊後,彈出帶確定與取消的窗口,點擊確定則執行一個動作,否則不執行.

首先我們用ecshop 模板使用舉例

{if $votings eq 1} 
 <a href="javascript:;"
 onclick="if (confirm('多次投票將扣除100個積分,您確定投票嗎?')) 
{vote_this({$item.id},{$item.cat_id});}else{return false;}"

 id="supportme15" > </a>

 {else}
 
 <a href="javascript:;"
 onclick="vote_this({$item.id},{$item.cat_id})"

 id="supportme15" > </a>
 {/if}


<script type="text/javascript">
function vote_this(voting_id,cat_id)
{
 $.post("voting_ajax.php",
 {cat_id:cat_id,voting_id:voting_id},
 function(data){
 alert(data.message);
 window.location.reload();
 },"json");
}
</script>

解釋.$votings用來判斷是否多次投票,如果再投票,則執行 js函數vote_this(),扣積分.

如果後台發現會員是初次投票.則直接執行,不需要扣積分,自然也不需要提醒了.

上面的方法可簡單的總結為

使用JS的Confirm彈出

例:用確認對話框使用戶做出決定

<script>
  like=window.confirm("你覺得好嗎?");
  if(like==true)
    document.write("謝謝你的誇獎");//確定
  else
    document.write("希望得到你的誇獎");//取消
</script>

是不是非常的簡單呢,希望本文能夠幫到大家

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved