[JS] Aanpassen style voor specifiek mediatype

[Verwijderd]

Ik probeer met JavaScript de style van een element op een pagina te wijzigen, als volgt:

JavaScript:

window.print();
document.getElementById('confirmationdialog').style.display= 'block';

Dit gebeurt dus tegelijk met een print opdracht. Het is een bevestingsdialoog waarin de gebruiker gevraagt wordt of het afdrukken succesvol is verlopen.

Ik heb voor het mediatype 'print' een aparte stylesheet waarin ik een aantal zaken onzichtbaar maak, waaronder dat confirmationdialog element. Dat gaat als volgt:

Cascading Stylesheet:

#confirmationdialog {
display: none;
}

Echter, omdat ik de style van het confirmationdialog aanpas wordt ook die CSS regel overschreven en verschijnt het confirmationdialog dus wel op de afdruk.

Nou hoop ik dat er een manier is om (via JavaScript) alleen de style voor het mediatype 'screen' - of in elk geval niet 'print' - aan te passen. Iemand enig idee?

Ik heb al geprobeert om via .style[0].display of style['screen'].display een specifiek stylesheet aan te passen, maar zonder succes.

[T-MOB]

In plaats van display togglen met JS een class togglen met JS?

[Verwijderd]

T-MOB schreef op maandag 14 januari 2008 @ 11:58:
In plaats van display togglen met JS een class togglen met JS?

Thanks! De oplossingen liggen soms zo voor de hand.