[DHTML] setAttribute.style

[Verwijderd]

kZit met een probleem dat wanneer ik
newEditbox.setAttribute("class", "editbox");

Dat dit geen effect heeft. Het zit in een extern css bestand. Wanneer ik het doe met style dan evenmin.

Wie heeft een oplossing?

code:

function Init(){
//create a new editbox-object
var newEditbox = document.createElement("input");

//set attributes for the object
newEditbox.setAttribute("type", "text");
newEditbox.setAttribute("value", "t");
newEditbox.setAttribute("id", this.id);
newEditbox.setAttribute("name", this.id);
newEditbox.setAttribute("width", "50");
newEditbox.setAttribute("class", "editbox");

//set events for the object
newEditbox.attachEvent("onblur",CheckProperty);

//get the id of the object
obj = eval(this.id);
//make object empty
obj.innerHTML = "";
//place the object
obj.appendChild(newEditbox);
}

[Bosmonster]

vreemd, als je het achteraf doet kan ik me voorstellen dat het geen re-layout triggered, maar zoals jij het nu doet moet het werken.

Sterker nog, ik gebruik het zelf zo met setAttribute("style",style)

[Verwijderd]

Op vrijdag 17 mei 2002 13:36 schreef Bosmonster het volgende:
vreemd, als je het achteraf doet kan ik me voorstellen dat het geen re-layout triggered, maar zoals jij het nu doet moet het werken.

Sterker nog, ik gebruik het zelf zo met setAttribute("style",style)

IK doe bijvoorbeeld het volgende:

newEditbox.setAttribute("style", "BACKGROUND:#f3f3fb");

Dit werkt echt niet, waarom weet ik niet ik kan het niet vinden. Misshcien heb je een hint?

[Bosmonster]

Op vrijdag 17 mei 2002 13:45 schreef haltink het volgende:

[..]

IK doe bijvoorbeeld het volgende:

newEditbox.setAttribute("style", "BACKGROUND:#f3f3fb");

Dit werkt echt niet, waarom weet ik niet ik kan het niet vinden. Misshcien heb je een hint?

Hmm BACKGROUND:#f3f3fb is ook niet echt geldige CSS

probeer eens background-color:#f3f3fb

[Verwijderd]

Niet, op de een of andere manier pakt ie geen style en class.
Opties zoals width, id, name etc werken gewoon.

[LuCarD]

Misschien ben ik gek maar ik doe het zo..


newEditbox.style.backgroundColor="f3f3fb";

[Bosmonster]

Op vrijdag 17 mei 2002 13:49 schreef LuCarD het volgende:
Misschien ben ik gek maar ik doe het zo..


newEditbox.style.backgroundColor="f3f3fb";

Dat kan en zou helemaal moeten werken. Maar de setAttribute moet ook gewoon werken..

je kunt ook gewoon de className zetten inderdaad dus:

newEditbox.className="editbox";

[Verwijderd]

Op vrijdag 17 mei 2002 13:49 schreef LuCarD het volgende:
Misschien ben ik gek maar ik doe het zo..


newEditbox.style.backgroundColor="f3f3fb";

Gewoon te gek. Het werkt. Maar wat is dan eigenlijk het verschil tussen wat ik deed en wat jij deed?

[RM-rf]

Op vrijdag 17 mei 2002 13:46 schreef Bosmonster het volgende:

[..]

Hmm BACKGROUND:#f3f3fb is ook niet echt geldige CSS

probeer eens background-color:#f3f3fb

'background:' is de shorthand for alle background-properties en officiële CSS-1, enkel ns4 ondersteund geen shorthand properties.

wat mogelijk een oplossing zou zijn is om iets te doen als
newEdit.style.backgroundColor = "#f3f3fb"
dat zou moeten werken, als dat niet werkt ligt het toch aan iets anders (misschien een !important-style voor INPUT elementen?

ik vraag me ook af of dit correct is:

code:

newEditbox.setAttribute("id", this.id);

een ID is een unique value en die mag je dus niet dubbel toepassen

[Verwijderd]

Op vrijdag 17 mei 2002 13:52 schreef RM-rf het volgende:

[..]

'background:' is de shorthand for alle background-properties en officiële CSS-1, enkel ns4 ondersteund geen shorthand properties.

wat mogelijk een oplossing zou zijn is om iets te doen als
newEdit.style.backgroundColor = "#f3f3fb"
dat zou moeten werken, als dat niet werkt ligt het toch aan iets anders (misschien een !important-style voor INPUT elementen?

Ja maar ik kan er ook geen class aanhangen en dat moet toch ook kunnen. Wie heeft hier dan een antwoord op?

[Bosmonster]

Op vrijdag 17 mei 2002 13:54 schreef haltink het volgende:

[..]

Ja maar ik kan er ook geen class aanhangen en dat moet toch ook kunnen. Wie heeft hier dan een antwoord op?

newEditbox.className="editbox";

[Bosmonster]

Tsi trouwens een typisch Explorer probleem, want setAttribute class en style werkt wel gewoon in Mozilla....

[Verwijderd]

Op vrijdag 17 mei 2002 13:59 schreef Bosmonster het volgende:
Tsi trouwens een typisch Explorer probleem, want setAttribute class en style werkt wel gewoon in Mozilla....

Ja dat is helemaal waar. kHeb het ook net geprobeerd.

[Verwijderd]

Op vrijdag 17 mei 2002 13:52 schreef RM-rf het volgende:

[..]

'background:' is de shorthand for alle background-properties en officiële CSS-1, enkel ns4 ondersteund geen shorthand properties.

wat mogelijk een oplossing zou zijn is om iets te doen als
newEdit.style.backgroundColor = "#f3f3fb"
dat zou moeten werken, als dat niet werkt ligt het toch aan iets anders (misschien een !important-style voor INPUT elementen?

Dat van het id klopt wel want ik geef het id aan form element en die geef ik mee als property bij het aanroepen van het gemaakte htc object

[LuCarD]

Gebruik de domviewer van brainjar dan kan je zien welke properties je kan setten en welke waarde ze hebben.

http://www.brainjar.com/dhtml/domviewer/domviewer.html <--Deze file lokaal saven

en dan aanroepen via

code:

var DOMViewerObj;
function debug(obj) {
    DOMViewerObj=obj;
    window.open("domview.html");
}

debug(newEditbox);

[Verwijderd]

Op vrijdag 17 mei 2002 14:06 schreef LuCarD het volgende:
Gebruik de domviewer van brainjar dan kan je zien welke properties je kan setten en welke waarde ze hebben.

http://www.brainjar.com/dhtml/domviewer/domviewer.html <--Deze file lokaal saven

en dan aanroepen via

code:

var DOMViewerObj;
function debug(obj) {
    DOMViewerObj=obj;
    window.open("domview.html");
}

debug(newEditbox);

Bedankt ik ben hier nog niet heel lang mee bezig maar soms loop je je rot te zoeken.

Nogmaals dank