javascript變灰,html代碼變灰

如何在javascript中讓一個鏈接變成灰色，不可點擊？

直接試用disable不同瀏覽器及版本的兼容例外多,不建議直接disable超鏈接.

成都創(chuàng)新互聯(lián)公司10多年企業(yè)網(wǎng)站設(shè)計服務(wù);為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁設(shè)計及高端網(wǎng)站定制服務(wù),企業(yè)網(wǎng)站設(shè)計及推廣,對成都塑料袋等多個行業(yè)擁有豐富的營銷推廣經(jīng)驗的網(wǎng)站建設(shè)公司。

以下通過調(diào)整樣式和行為的方式實現(xiàn)上述需求:

定義一個超鏈接"變成"普通html文本的樣式

在某個行為中觸發(fā)"變灰"

在原鏈接的事件中加入如果已經(jīng)有"變灰"的class則直接返回

在另外的行為中恢復(fù)"正常"

以下為模擬的代碼:

!DOCTYPE?HTML?PUBLIC?"-//W3C//DTD?HTML?4.0?Transitional//EN"

HTML

HEAD

TITLE?New?Document?/TITLE

META?NAME="Generator"?CONTENT="EditPlus"

META?NAME="Author"?CONTENT=""

META?NAME="Keywords"?CONTENT=""

META?NAME="Description"?CONTENT=""

style

/*?"變灰"效果*/

.disableHref{

cursor:default;

color:#E5E0E0;

text-decoration:none;

}

/style

script

//?禁用超鏈接-"變灰"

function??disableHref(){

var?hrefDom?=?document.getElementById("testHref");

hrefDom.className+="?disableHref";

}

//?啟用超鏈接-"正常"

function??enableHref(){

var?hrefDom?=?document.getElementById("testHref");

hrefDom.className=hrefDom.className.replace("?disableHref","");

}

//?超鏈接點擊事件

function?hrefClick(){

var?target=event.target;

if(target.className.indexOf("disableHref")-1){

?//?加入判斷,有"變灰"時返回

?return?false;

}

//?do?something?u?need

//?for?example

alert("jump?previous");

}

/script

/HEAD

BODY

a?href="javascript:;"?id="testHref"?onclick="hrefClick()"?class="ttt"test?href/a

input?type="button"?id="btnDisableHref"?onclick="disableHref()"?value="Disable?href"?/

input?type="button"?id="btnEnableHref"?onclick="enableHref()"?value="Enable?href"?/

/BODY

/HTML

如何使用javascript使按鈕變灰且不能點擊

第一種方法：直接按鈕中加入

當(dāng)點擊提交后，提交按鈕變灰色不可用，這樣可有效防止重復(fù)提交，本代碼就是實現(xiàn)這樣一個功能。從代碼就可以看出，我們只需在提交按鈕上加入這一句： onclick="javascript:{this.disabled=true;document.form1.submit();}"，意思是當(dāng)按鈕點擊后，將按鈕的不可用屬性設(shè)置為true，這樣按鈕就變灰了

html

head

meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"

title表單提交后按鈕變成灰色/title

/head

body

form?name=form1?method="POST"?action="/"?target=_blank

pinput?type="text"?name="T1"?size="20"input?type="button"?value="提交"?onclick="javascript:{this.disabled=true;document.form1.submit();}"

input?type="reset"?value="重置"?name="B2"/p

/form

/body

/html

第二種方法：通過onSubmit事件實現(xiàn)，并且可以將變灰按鈕變?yōu)榭捎?/p>

在form里面添加 onSubmit事件，如果表單加入了判斷，那么這個方法直接就可以用了，記住就放到最后，否則一開始就為灰了，但我們加上了一個使提交按鈕變?yōu)榭捎玫拇a，

即可防止重復(fù)提交信息，也可以防止代碼問題導(dǎo)致不可提交的情況

form?name=form1?action=""?onSubmit="?return?closebut()"?

input?name="imageField"?type="submit"?class="inputbut"?value="確定"?/br

input?type="button"?name="hui"?id="hui"?value="讓提交按鈕可用"?onclick="document.form1.imageField.disabled=false"?/

/form

script

function?closebut(){

document.form1.imageField.disabled=true;

}

/script

第三種，跟上面的類似

!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?""

html?xmlns=""

head

meta?http-equiv="content-type"?content="text/html;charset=gb2312"

meta?name="keywords"?content="站長,網(wǎng)頁特效,js特效,js腳本,腳本,廣告代碼"?/

meta?name="description"?content=",站長特效網(wǎng)，站長必備js特效及廣告代碼。大量高質(zhì)量js特效，提供高質(zhì)量廣告代碼下載,盡在站長特效網(wǎng)"?/

title網(wǎng)頁特效?表單提交后按鈕變灰效果三/title

/head

body

a?href=""腳本之家/a,站長必備的高質(zhì)量網(wǎng)頁特效和廣告代碼。hr

!--歡迎來到腳本之家，我們網(wǎng)站收集大量高質(zhì)量js特效，提供許多廣告代碼下載，網(wǎng)址：A?href="";/A，用.net打造靚站--

script?language="javascript"

function?submitonce(jb51_net){

if(document.all||document.getElementById){

for(i=0;ijb51_net.length;i++){

var?tempobj=jb51_net.elements[i];

if(tempobj.type.toLowerCase()=="submit"||tempobj.type.toLowerCase()=="reset")

tempobj.disabled=true;

}

}

}//歡迎來到站長特效網(wǎng)，我們的網(wǎng)址是，很好記，zz站長，js就是js特效，本站收集大量高質(zhì)量js代碼，還有許多廣告代碼下載。

/script

form?action=""?method="post"?name="jb51_net"?onSubmit="submitonce(this)"

input?type="text"?name="name"

input?type="submit"?name="submit1"?value="提交"

/form

/body

/html

如何用Javascript使文本輸入框變灰

JavaScript禁用文本框或者禁止文本框的輸入方法僅供參考：

方法1、設(shè)置文本框的ReadOnly選項

input type="text" value="此處文本不可修改" readonly/

在JavaScript中，可以使用以下代碼啟用或禁用問框框的輸入功能：

document.all.textInputID.readOnly = false;

采用這種方法的好處是在基于SSH（Struts + Spring + HIbernate）框架的設(shè)計中，我們能夠通過Form調(diào)用到該文本框。當(dāng)然，其它方法也調(diào)用不到，本文結(jié)尾處將略作介紹。

方法2、設(shè)置文本框的Disable屬性

input type="text" value="該文本框不可用" disabled/

相應(yīng)的JavaScript代碼如下：

document.all.textInputID.disabled = true;

方法3、在對象focus時立刻讓它blur，使它無法獲得焦點

input type="text" value="onfocus=this.blur()" onfocus="this.blur()"/

提示：readonly和disabled的區(qū)別在于后者完全禁止與該對象的交互(表現(xiàn)為不可改寫、不可提交等)，而readonly是可以提交的

如何使用javascript使按鈕變灰且不能點擊？

將這種狀態(tài)保存下來不就行了。比如說你想做一個簽到頁面，數(shù)據(jù)庫里面保存你當(dāng)天的簽到狀態(tài)為0，頁面上獲取這個狀態(tài)，為0的時候可以點擊，點擊后改變狀態(tài)保存，為1的時候不可點擊。

2.disabled改為true然后提交狀態(tài)到后臺，這樣就算刷新，只要你的狀態(tài)是1就不可點。

javascript如果讓頁面上的按鈕變灰（按鈕可見但不可用）

寫個CSS，當(dāng)點擊后變灰色，再點后清空CSS

或者做成圖片

當(dāng)按鈕disabled=true 時，按鈕就無法再按了，所以只能用其他方法取代

分享題目：javascript變灰,html代碼變灰
網(wǎng)址分享：http://muchs.cn/article44/phgsee.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、全網(wǎng)營銷推廣、網(wǎng)站營銷、響應(yīng)式網(wǎng)站、軟件開發(fā)、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)