Подгружаемые Ajax вкладки с динамическими адресами на Jquery UI
Привет всем, помогите пожалуйста решить такую задачу:
есть две вкладки: <div id="tabs"> <ul> <li><a href="#tabs-1">Вкладка один</a></li> <li><a href="/index2.html?Id_переменной">подгружаемая вкладка 2 </a></li> </ul> <div id="tabs-1"> Список значений <a href="#" onclick="setid(1)">вариант 1</a> <a href="#" onclick="setid(2)">вариант 2</a> <a href="#" onclick="setid(3)">вариант 3</a> и т.д. </div> </div> пробовал скрипт setid заставлять возвращать в различных комбинациях второй элемент списка, но так и не заставил работать. Надо сделать так что бы при нажатии на любую из ссылок "вариант1" - "вариант N" менялось Id_переменной в адресе подгружаемой вкладки, ну и соответственно подгружались разные варианты страницы в зависимости от переданной переменной... Вкладки делал как описано тут вариант с Ajax. Вроде правильно объяснил... Заранее спасибо за ответы. |
<script type="text/javascript" src="http://yandex.st/jquery/1.7.2/jquery.min.js"></script>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Вкладка один</a></li>
<li><a href="/index2.html?id=">подгружаемая вкладка 2 </a></li>
</ul>
<div id="tabs-1"><br /><br />
Список значений<br />
<a href="#" onclick="return setid(1)">вариант 1</a><br />
<a href="#" onclick="return setid(2)">вариант 2</a><br />
<a href="#" onclick="return setid(3)">вариант 3</a><br />
и т.д.
</div>
</div>
<script type="text/javascript">
function setid (id) {
var a = $("#tabs > ul > li:last > a");
a.get(0).href='/index2.html?id='+id;
alert(a.parent().html());
return false;
}
</script>
|
Не работает, наверное не правильно объяснил что надо... проблема не в том что бы передать в строку ссылки id варианта, проблема в том что когда меняется id в ссылке при нажатии на вкладку вверху происходит не подгрузка данных со странички во вкладку, а просто переход на страницу по ссылке... Путем наблюдения было выяснено что до выбора варианта ссылка имеет вид
<a href="#ui-tabs-1">подгружаемая вкладка2 </a>а после выбора варианта /index2.html?Id_переменнойхотя судя по всему ссылка меняться не должна а должен меняться целевой див ui-tabs-1... Где-то так наверное... |
Цитата:
<script type="text/javascript" src="http://yandex.st/jquery/1.7.2/jquery.min.js"></script>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Вкладка один</a></li>
<li><a href="/index2.html?id=">подгружаемая вкладка 2 </a></li>
</ul>
<div id="tabs-1"><br /><br />
Список значений<br />
<a href="#" onclick="return setid(1)">вариант 1</a><br />
<a href="#" onclick="return setid(2)">вариант 2</a><br />
<a href="#" onclick="return setid(3)">вариант 3</a><br />
и т.д.
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
//SettingNewPageID;
id=window.name;
if(id!=''&&id.search(/^[0-9]*/g)!=-1) {
var a = $("#tabs > ul > li:last > a");
a.attr("href","/index2.html?id="+id);
alert(a.parent().html()); //После строку Комментируем
}
});
function setid (id) {
window.name=id;
var a = $("#tabs > ul > li:last > a");
a.get(0).href='/index2.html?id='+id;
alert(a.parent().html()); //После строку Комментируем
return false;
}
</script>
А если с подгрузкой, то нужно использовать Аякс |
Результат тот же что и в первом варианте...
ссылка <li><a href="/index2.html?id=">подгружаемая вкладка 2 </a></li>при обработке страницы превращается в <li><a href="#ui-tabs-1">подгружаемая вкладка 2 </a></li>соответственно сам адрес ссылки /index2.html?id= куда-то пишется (куда?) надо заменить вот этот адрес что бы менять загружаемую страницу. посмотрите пожалуйста как это работает тут что-то не могу разобраться где менять... |
Проблема решена, надо было мне внимательно читать документацию... по клику вызываем метод .tabs("url",index,url) виджета и вуаля... Спасибо за помощь Deff
|
| Часовой пояс GMT +3, время: 21:10. |