+ Antworten
Ergebnis 1 bis 7 von 7

Thema: [js] kein Zugriff auf .style

  1. #1
    Registered User Toxical macht alles soweit korrekt Avatar von Toxical
    Registriert seit
    Dec 2001
    Ort
    Berlin
    Beiträge
    1.059

    Question [js] kein Zugriff auf .style

    Hi folks, ich hab schon wieder ein problem.
    und zwar will ich auf den style einen option tags zugreifen, nur wie?
    wenn ich auf .text oder .value zugreifen will, von eben diesm option dann geht es einwandfrei, aber .style geht nicht..
    Code:
    if(aktElementTagName=="select"){
    			  for(i = 0; i<aktElement.options.length; i++){
    			    aktElement.options[i].style.color="#000000"; // Textfarbe fuer Hover
    				aktElement.options[i].style.backgroundColor="#ffffff"; // Textfeldfarbe fuer Hover
    			  }
    			}
    gruss an lars, wgen dem Script, hatte er mal geposted, zum hovern von formularfelder, hab es etwas erweitert...

    au jeden fall geht es so nicht.. ich weiss nicht warum

    hoffe jmd von euch can hekp me ouit
    Gruss
    der Tox

  2. #2
    TP-Specialist Stuck Mojo ist ein richtiges Arbeitstier - DANKE Stuck Mojo ist ein richtiges Arbeitstier - DANKE Stuck Mojo ist ein richtiges Arbeitstier - DANKE Stuck Mojo ist ein richtiges Arbeitstier - DANKE Stuck Mojo ist ein richtiges Arbeitstier - DANKE Stuck Mojo ist ein richtiges Arbeitstier - DANKE Avatar von Stuck Mojo
    Registriert seit
    Feb 2001
    Ort
    Helmstedt/Wolfsburg
    Beiträge
    4.108
    komisch... komisch...
    Das hier funktioniert...
    Code:
    <html>
    <head>
    <title></title>
    </head>
    <script language"JavaScript">
    function doit(frm) {
      aktElement = frm.sel;
      for(i = 0; i<aktElement.options.length; i++){
          aktElement.options[i].style.color="#000000"; // Textfarbe fuer Hover
          aktElement.options[i].style.backgroundColor="#ffffff"; // Textfeldfarbe fuer Hover
      }
    }
    </script>
    <body>
    <form name="frm">
    <select name="sel" size="1">
    <option style="color:#FF0000">hjjhkjh</option>
    <option style="color:#FF0000">jhkjhkk</option>
    <option style="color:#FF0000">jkjhkjh</option>
    </select>
    <input type="button" onclick="doit(this.form);" value="doit">
    </form>
    </body>
    </html>
    ich denke mal das du aktElement nicht richtig referenziert hast...

    Gruss Jan

  3. #3
    Registered User Toxical macht alles soweit korrekt Avatar von Toxical
    Registriert seit
    Dec 2001
    Ort
    Berlin
    Beiträge
    1.059
    Hm, nur wie soll ich mich denn sonst refrenzieren?
    Code:
    if(aktElementTagName=="select")
      {
       for(i = 0; i<aktElement.options.length; i++)
        {
        alert(aktElement.options[i].style.color); 
        alert(aktElement.options[i].value); 			  }
        }
      }
    Gibt mir brav den Value aus, aber nicht die farbe
    wenn das eine geht, müsste docj auch das andre gehen oder?

  4. #4
    TP-Specialist Stuck Mojo ist ein richtiges Arbeitstier - DANKE Stuck Mojo ist ein richtiges Arbeitstier - DANKE Stuck Mojo ist ein richtiges Arbeitstier - DANKE Stuck Mojo ist ein richtiges Arbeitstier - DANKE Stuck Mojo ist ein richtiges Arbeitstier - DANKE Stuck Mojo ist ein richtiges Arbeitstier - DANKE Avatar von Stuck Mojo
    Registriert seit
    Feb 2001
    Ort
    Helmstedt/Wolfsburg
    Beiträge
    4.108
    mmhhh... hast du denn für das option-Feld auch Styleangaben gemacht? Bei mir funst es tadellos... Wie sieht denn das Alert-Fenster aus, indem du die Farbe angeben lässt? Was steht da drin?

  5. #5
    Registered User Toxical macht alles soweit korrekt Avatar von Toxical
    Registriert seit
    Dec 2001
    Ort
    Berlin
    Beiträge
    1.059
    das alert Fenster ist absolut leer.
    Hab ihm den Style über eine class zuggewiesen, aber auch eine änderung/Neuzuweisung des style geht ja nicht...

  6. #6
    Registered User Toxical macht alles soweit korrekt Avatar von Toxical
    Registriert seit
    Dec 2001
    Ort
    Berlin
    Beiträge
    1.059
    ok hab mein problem etwas eingrenzen können
    und zwar muss dem tag yoption> die Funktion hover() wieder wegnehmen, die onpropertychange ausgelöst wird.
    Code:
    Code:
    window.onload=Init;
    
    function Init(){
    	if(document.activeElement){
    		document.attachEvent("onpropertychange",hover);
    		option = document.getElementsByTagName("option");
    		for(j = 0; j < option.length; j++){
    		  document.getElementsByTagName("option")[j].detachEvent("onpropertychange",hover);
            }
    	}
    }
    geht nur leider nicht..

    gibt es vielleicht eine andere möglichkeoit, ALLEN tags ausser yoption> diese Funktion mit diesem handler zuzuweisen?

    danke schonmal

  7. #7
    Registered User Toxical macht alles soweit korrekt Avatar von Toxical
    Registriert seit
    Dec 2001
    Ort
    Berlin
    Beiträge
    1.059
    Keiner noch 'ne Idee?


+ Antworten

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51