Cześć. Mam pewien problem. A więc, zacznijmy od początku. Chce zrobić sobie menu, które zmienia zawartość w strony w modalnym okienku bez przeładowania całej strony. Całe okienko wyskakuje, zawarte w nim informację się pojawiają. Jednakże, jest jeden problem. Zawartość okna się nie zmienia. Cały kod wygląda tak:
<foreach loop="$vehicles as $d">
<tr>
<td>{$d['id']}</td>
<td>{$d['name']}</td>
<td><a class="ipsButton_secondary" id='veh{$d['id']}' href="#">Więcej</a></td>
</tr>
<div id="gameVehTabs{$d['id']}" class="boxIn" style="display: none">
<div class="maintitle ipsFilterbar clear clearfix ">
<ul class="ipsList_inline left">
<li id="veh{$d['id']}_info_tab" class="tab_toggle clickable active">
<a href="#">Podsumowanie</a>
</li>
<li id="veh{$d['id']}_lol_tab" class="tab_toggle clickable">
<a href="#">Lol</a>
</li>
</ul>
</div>
<div id="veh{$d['id']}_info_pane" class="tab_toggle_content userpopup" style="font: 11px tahoma,helvetica,arial,sans-serif;">
<div>
<div class="info">
<br>
<dl>
<dt>Identyfikator</dt>
<dd>{$d['id']}</dd>
<dd>--</dd>
</dl>
<dl>
<br>
<br>
</div>
</div>
</div>
<div id="veh{$d['id']}_lol_pane" class="tab_toggle_content" style="display: none;">
<div class="ipsPad"> Nie znaleziono żadnych sesji z ostatnich dni. </div>
</div>
</div></div></div></div>
</div>
<script type='text/javascript'>
$('veh{$d['id']}').observe( 'click', function(e) {
_var = new ipb.Popup( 'vehDetail', { type: 'pane',
initial: $('gameVehTabs{$d['id']}').innerHTML,
hideAtStart: false,
w: '900px',
h: 500} );
Event.stop(e);
return false;
});
</script>
</foreach>
Użyłem już wujka google i starałem się znaleźć jakiekolwiek informacje na ten temat, jednakże nic się nie doszukałem.