drukowanie strony

[donremigio]

Witam

Mam problem który występuje tylko pod Firefox/Mozilla

Mam sobie stronę gdzie mam wyświetlone cyferki powiedzmy mniej więcej tak:
<div id="warstwa1" class="A">1</div>
<div id="warstwa2" class="A">2</div>
<div id="warstwa3" class="A">3</div>
<div id="warstwa4" class="A">4</div>
<div id="warstwa5" class="A">5</div>

No i chcę wysłać do drukarki najpierw to co w pierwszym div, potem to co w drugim itd.

W stylach mam coś takiego:
@media print {
.A {display: block }
.B {display: none }
}

Czyli jak A to ma nie drukować to co w div, a jak B to ma drukować.

Przycisk drukuj ma przy onclick coś takiego
onclick ="javascript:drukujWarstwe('warstwa1'); drukujWarstwe('warstwa2'); drukujWarstwe('warstwa3'); drukujWarstwe('warstwa4'); drukujWarstwe('warstwa5');"

a funkcja jest taka:

function drukujWarstwe($warstwa){
var W1=document.getElementById($warstwa);
W1.className='A';
window.print();
W1.className='B';
}

czyli jak klikam to bierze warstwe pierwszą, ustawia ją jako A czyli ma ją wydrukować, drukuje, ustawia na B, potem bierze drugą, ustawia na A, drukuje, ustawia ją na B itd itd

no i wszystko pięknie pod IE robi tak jak ma robić
a firefox drukuje div 2, div 4, stronę pustą

nie mogę znaleźć błędu, który powoduje że firefox się wykrzacza

Pomocy

[donremigio]

wydaje mi się że jest gdzieś problem ze zmianą nazwy class w div

spróbowałem też coś takiego:

function drukujWarstwe($warstwa){
var W1=document.getElementById($warstwa);
W1.setAttribute("className", "A");
window.print();
W1.setAttribute("className", "B");
}

ale nadal nie działa pod firefox

nawet jak ustawiłem by przy onclick drukowało tylko jeden element to znaczy
onclick ="javascript:drukujWarstwe('warstwa1');"

to przy IE drukuje to co w pierwszym div, a przy firefox pusta stronę, tak jakby nie zmieniało nazwy class=B na class=A

[Tomek]

hm...a czy nazwy styli moga być jednoliterowe?