Сообщение от Atlant-t
|
Приношу извинения за флуд. Но не мог сдержаться.
Вот мой вариант после небольшого абгрэйда.
В файле.html:
.........
<div class="main">
<div class="titlbox"><p class="li" id="a">Первая</p></div> <!-- Основной список -->
<div class="titlbox"><p>Вторая</p></div> <!-- Основной список -->
<div class="subbox">
<div>
<p class="li" id="b">Первый подкаталог</p>
<p class="li" id="c">Второй подкаталог</p>
<p class="li" id="d">Третий подколотый</p>
<p class="li" id="e">Четвертый подколотый</p>
<p class="li" id="f">Пятый подкоталог</p>
</div>
</div>
......
Во внешнем скрипте:
.......
$('p.li').click(function(){
var li = $(this).attr("id");
switch (li) {
case 'a': ($('div.win').load('a.html')); break
case 'b': ($('div.win').load('b.html')); break
case 'c': ($('div.win').load('c.html')); break
case 'd': ($('div.win').load('d.html')); break
case 'e': ($('div.win').load('e.html')); break
case 'f': ($('div.win').load('f.html')); break
default: ($('div.win').load('Error.html'));
}
.......
|
- Жестоко .... Ой как жестоко.
Я бы так не придумал ..... ヅ ... Это ж, блин, почти искусство ...
Проще нужно .... Гораздо проще.
$('p.li[id]').click(function(){
var li=$(this).attr("id")||'Error',url=li+'.html';
$('div.win').load(url,function(a,b,c){if(b=='error'){$('div.win').html('Извините, но произошла ошибка: '+c.status+' '+c.statusText)}});
return false;});
Пример v1
Пример v2
... или вот, как альтернатива «404» ....
Пример v3
... А вообще, это делается соовсем по другому .... ヅ
Пример? ... Ну, например вот это:
«День гаишника» ....
Или вот это
«Darkseed - Poison Awaits (2010)» - то, что в спойлерах - внешние файлы, в данном случае -
*.txt? но сути не меняет.
А вообще по этому вопросу - полно инфы с примерами и пошаговыми объяснениями/инструкциями. Кое что есть и на
моём форуме.
... ヅ