CSS, siblings, javascript
Geplaatst: 15 mei 2009, 15:48
Voor het maken van een editable select veld heb ik volgende style sheet gevonden
tesamen met volgende HTML code
Wanneer ik dit gebruik in een standalone stukje HTML werkt dit prima, echter wanneer ik het gebruik in een applicatie gaat het fout (het dropdown pijltje staat dan compleet ergens anders). Ook moet de select tag tegen de input tag staan, een newline karakter geeft al problemen (vermoedelijk door de previousSibling method, maar het vervangen door document.getElementsByName('myfd')[0] werkt niet). Tevens staat de style sheet nu op alle select tags, wat ook niet de bedoeling is (en een class='stylesheet' op de select werkt evenmin).
Iemand een idee hoe de previousSibling en style sheet wat meer generiek te schrijven ?
Code: Selecteer alles
select {
top: expression(this.previousSibling.offsetTop);
left: expression(this.previousSibling.offsetLeft);
width: expression(this.previousSibling.offsetWidth);
position: absolute;
clip: expression("rect(auto auto auto " + (this.previousSibling.offsetWidth - 20) + "px)");
overflow: hidden;
}Code: Selecteer alles
<input name="myfld" type='text'"/><select>...options...</select>Iemand een idee hoe de previousSibling en style sheet wat meer generiek te schrijven ?
