

AJAX XMLHttpRequest + display:none/block - nefunguje
Ahoj, používám tento kod:
http://concepts.waetech.com/dhtml_tabs/stretch.cfm
<div id="tabs">
<a href="" class="tab" onmousedown="return event.returnValue = showPanel(this, 'panel1');" id="tab1" onclick="return false;">Tab 1</a>
<a href="" class="tab" onmousedown="return event.returnValue = showPanel(this, 'panel2');" onclick="return false;">Tab 2</a>
<a href="" class="tab" onmousedown="return event.returnValue = showPanel(this, 'panel3');" onclick="return false;">Tab 3</a>
<a href="" class="tab" onmousedown="return event.returnValue = showPanel(this, 'panel4');" onclick="return false;">Tab 4</a>
<a href="" class="tab" onmousedown="return event.returnValue = showPanel(this, 'panel5');" onclick="return false;">Tab 5</a>
<a href="" class="tab" onmousedown="return event.returnValue = showPanel(this, 'panel6');" onclick="return false;">Tab 6</a>
<a href="" class="tab" onmousedown="return event.returnValue = showPanel(this, 'panel7');" onclick="return false;">Tab 7</a>
</div>
<div class="panel" id="panel1" style="display: block">a</div>
<div class="panel" id="panel2" style="display: none">b</div>
<div class="panel" id="panel3" style="display: none">c</div>
<div class="panel" id="panel4" style="display: none">Panel 4</div>
<div class="panel" id="panel5" style="display: none">Panel 5</div>
<div class="panel" id="panel6" style="display: none">Panel 6</div>
<div class="panel" id="panel7" style="display: none">Panel 7</div>
Do divu panel1 nahrávám nahrávám přes AJAX XMLHttpRequest obsah z určitého souboru. To vše funguje, ale jakmile přepnu na další záložku a vrátím se, obsah tam už není, ale já chci, aby tam přetrval i dále. Napadá mě zatím řešení pouze přes position:absolute a přidělování z-indexů, což se mi zdá masochistické. Na googlu jsem odpověď na tuhle záhadu nenašel. Díky za odpovědi.