Just nu i M3-nätverket
Jump to content

Sätta disabled/readonly i css:er


Jan1

Recommended Posts

Du sa inte vilket element du ville ska användas för att toggla, men du ser nog principen:

 

[log]

<html><head>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function ToggleDisable(sEl) {
	o=document.getElementById(sEl)
	o.disabled=!o.disabled;
}
//-->
</SCRIPT>
</head><body>
<textarea id="ta">Test</textarea>
<input onclick="ToggleDisable('ta');" type="button" value="Disable">
</body></html>

[/log]

 

AnjunaMoon

____________________________________________________________

/* There is nothing more permanent than a temporary solution... */

Stoppa mjukvarupatenten nu! http://www.ffii.se/

 

Link to comment
Share on other sites

Nja...

 

Det funkar väl förvisso (som vanligt med Dina svar)

 

Så här då... lite mer detaljerat fast förenklat:

 

Det finns tre rader

Rad 1: Om man kryssar en checkbox ska de två raderna under bli "readonly". Men man ska kunna se innehållet.

 

Rad 2: Tre olika textfält

 

Rad 3: samma som 2:an

 

Det rör sig om flera rader än ovan, men principen är densamma.

 

Men kan man inte styra readonly/disabled via stylesheets?

 

Link to comment
Share on other sites

Men kan man inte styra readonly/disabled via stylesheets?

 

Nä, det är ingen style utan ett attribut så det går inte. Jag ska klura ut något som passar dig.

 

Link to comment
Share on other sites

Det här scriptet sätter disabled på alla element i form-taggen som har en specifik klass.

 

[log]

<html><head>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function ToggleDisable(sClass,oFrm) {
	arrEl=oFrm.childNodes;
	for (el in arrEl) {
		oEl=arrEl(el);
		if (oEl.className==sClass);
		oEl.disabled=!oEl.disabled;
	}
}
//-->
</SCRIPT>
</head><body>
<form action="">
<input type="checkbox" onclick="ToggleDisable('ta',this.form);"><br>
<textarea class="ta">Test</textarea><textarea class="ta">Test</textarea><textarea class="ta">Test</textarea><br>
<textarea class="ta">Test</textarea><textarea class="ta">Test</textarea><textarea class="ta">Test</textarea><br>
</form>
</body></html>

[/log]

 

AnjunaMoon

____________________________________________________________

/* There is nothing more permanent than a temporary solution... */

Stoppa mjukvarupatenten nu! http://www.ffii.se/

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...