Just nu i M3-nätverket
Gå till innehåll
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

Sätta disabled/readonly i css:er

Jan1

Startad av Jan1,
i Webbutveckling

Rekommendera Poster

Jan1

Jan1

Postad
Postad

Går det att sätta <textarea readonly> i css:en?

 

Jag skulle nämliga behöva "toggla" en rad textareas och därför skulle detta vara käckt.

 

Länk till kommentar
Dela på andra webbplatser
Anjuna Moon

Anjuna Moon

Postad
Postad

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/

 

Länk till kommentar
Dela på andra webbplatser
Jan1

Jan1

Postad
  • Trådskapare
Postad

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?

 

Länk till kommentar
Dela på andra webbplatser
Anjuna Moon

Anjuna Moon

Postad
Postad
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.

 

Länk till kommentar
Dela på andra webbplatser
Anjuna Moon

Anjuna Moon

Postad
Postad

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/

 

Länk till kommentar
Dela på andra webbplatser
Anjuna Moon

Anjuna Moon

Postad
Postad

You are very welcome! Det finns andra sätt att göra det på också, men funkar det som du vill så gott.

 

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

Gå till ämneslista


×
×
  • Skapa nytt...