Javascript und stylesheets
E. Wrtal
- javascript
Hallo,
lassen sich Stylesheets-Angaben mittels Javascript verändern?
Z.B.: Ich habe in einer HTML-Anweisung:
<img id='preview' src='Imgs/white.jpg' width='0' height='0';
style='border:0px solid blue'; alt='';>
einen Platzhalter ("Dummy") für ein Bild formatiert.
In einem Javascript werden bei einem entsprechenden Aufruf
die eigentlichen Bilddaten eingesetzt:
function show_photo(p_photo,w_photo,h_photo,i_photo) {
document.all.preview.src = p_photo;
document.all.preview.width = w_photo;
document.all.preview.height = h_photo;
document.all.preview.alt = "Photo "+i_photo; }
Das klappt alles. Aber, wie kann ich die style-Angaben setzen?
Mit "Zentralen attributbedingten Formaten", etwa wie:
Element[Attributname~=Attributwert] { CSS-Eigenschaft:Wert; ...}
z.B.: img[alt~=Photo] { border-style: solid;
border-width: 2px;
border-color: blue; }
wäre eventuell eine Möglichkeit.
Aber welcher Browser unterstützt diese Methode?
MfG E. Wrtal
hallo,
document.all.preview.src = p_photo;
document.all.preview.width = w_photo;
Dir ist klar, daß das nicht alle Browser verstehen? Besser nimmst du "document.getElementById"
Aber, wie kann ich die style-Angaben setzen?
Das müßte sich mit "document.getElementById.style" machen lassen, siehe auch http://de.selfhtml.org/javascript/objekte/style.htm.
Grüße aus Berlin
Christoph S.
document.all.preview.src = p_photo;
document.all.preview.width = w_photo;Dir ist klar, daß das nicht alle Browser verstehen? Besser nimmst du "document.getElementById"
Und im Falle eines Bildes, wie hier, noch besser document.images[]
Struppi.