[JavaScript] Form Elemente ausblenden.

[Blaster]

Hi

gibt es eine Möglichkeit Formelemente aus statischen HTML per JS auszublenden.

Damit meine ich nicht deaktivieren, sondern "hidden" zu schalten.

Vielen Dank!

cu

Blaster

[Abraxax]

<input type="text" name="irgendwas" value="nix" style="visibility: hidden">

den style kannst du nun mit JS anpacken.

[Blaster]

Ja danke!

Hat sich schon erledigt:

elementRef.style.visibililtity ="hidden" // = "visible";

CSS2 IE/win 4; IE/Mac 4; NN 6;

cu

Blaster

[Abraxax]

sage ich ja.

[Blaster]

Hmm ...

leider ist die Lösung nicht sehr pragmatisch.
Labels lassen sich so schlecht ausblenden und bei radio-Gruppen wird nur das erste Element ausgeblendet usw.

Gib es eine Lösung ganze Tabellensegmente auszublenden, über
forms, class id´s oder sonst was?

[Abraxax]

gib dem ding eine id ... dann kannst du es komplett ansprechen.

bei ausblendungen im großen stil, also z.b. ein ganzer block, kannst du ein div darum bauen.

[Blaster]

Danke Abraxax!

Werde ich mal prbieren...

[Blaster]

Hi!

Also das Ändern der Properties ist trivial.
Das Ansteuern der Stylessheets weniger - Gefundene Lösung:

                 // Aufruf
        setStyle(".ext", "visibility", "visible");    
            
            function getStyleSheet(name)
             {
                  if(!name || !document.styleSheets) return null;

                var i = document.styleSheets.length;
                 while(i--)
                 {
                     var rules = document.styleSheets[i].rules ? document.styleSheets[i].rules :
                     document.styleSheets[i].cssRules;
                    var j = rules.length;
                    while(j--) { if(rules[j].selectorText == name) return rules[j]; }
                }
                 return null;
            }            
            
            function setStyle(name, attr, value)
            {
                var rule = getStyleSheet(name);
                if(!rule) return null;
                if(value) rule.style[attr] = value;
                return rule.style[attr];
              } 

Geeignet IE >=4, NN >=6.x
Falls jemand eine bessere Methode kennt, nur her damit.

cu

Blaster