StyleAssistant |
| Startseite |
 |
| Screenshot |
|
| Kurzanleitung |
|
| Download |
|
| Kurse & Infos |
|
| >Tipps & Tricks< |
|
| Unterstützer |
|
| TMXtensions |
|
| ?Freeware! |
|
| About TM |
|
Stand: 07.12.2002 |
Tipps & Tricks – Tipp 53
|
 |
 |
 |
|
53.
INPUT-Felder (de-)aktivieren (22.05.2001)
Neuere Browser (IE und N6/Mozilla) können das Attribut DISABLED auf INPUT-Felder anwenden. Damit können diese deaktiviert werden.
Sollen z. B. Eingabefelder Ereignis-gesteuert aktiviert bzw. deaktiviert werden, bietet sich der Zugriff mittels JavaScript an.
document.formname.feldname.disabled="true";
oder
document.formname.feldname.disabled="false";
Zur Behandlung mehrerer Felder wird man eher auf Schleifen innerhalb separater Funktionen zurückgreifen.
function Aus()
{
for (i=0;i<document.formname.length;i++)
{
if (document.formname.elements[i].type=="text")
{
document.formname.elements[i].style.backgroundColor="#C0C0C0";
document.formname.elements[i].disabled=true;
}
}
}
function An()
{
for (i=0;i<document.formname.length;i++)
{
if (document.formname.elements[i].type=="text")
{
document.formname.elements[i].style.backgroundColor="#FFFFCC";
document.formname.elements[i].disabled=false;
}
}
}
Beispiel 53 demonstriert diese Codes, wobei der Zustand der Felder zusätzlich durch Änderung der Hintergrundfarbe (gelb/grau) veranschaulicht wird.
Auch wenn man mit solchen Techniken nicht alle Browser erreichen kann, ist deren Anwendung in Intranets durchaus praktikabel.
|
|
 |
|
 |