toongoos
Новичок
Добрый день. Вечер. В общем так. В сети нашел скрипт, попытался его вставить в код. Впринципе получилось. Но. в окне вкладки не получается вывести сам диалог. Подскажите, как выводить информации во вкладке не через "title". Можно ли как то дополнить код.
Код:
<script type="text/javascript">
$(document).ready(function() {
$("#messagelist a").click(function() {
addTab($(this));
});
$('#tabs a.tab').live('click', function() {
// Get the tab name
var contentname = $(this).attr("id") + "_content";
// hide all other tabs
$("#content ul").hide();
$("#tabs li").removeClass("current");
// show current tab
$("#" + contentname).show();
$(this).parent().addClass("current");
});
$('#tabs a.remove').live('click', function() {
// Get the tab name
var tabid = $(this).parent().find(".tab").attr("id");
// remove tab and related content
var contentname = tabid + "_content";
$("#" + contentname).remove();
$(this).parent().remove();
// if there is no current tab and if there are still tabs left, show the first one
if ($("#tabs li.current").length == 0 && $("#tabs li").length > 0) {
// find the first tab
var firsttab = $("#tabs li:first-child");
firsttab.addClass("current");
// get its link name and show related content
var firsttabid = $(firsttab).find("a.tab").attr("id");
$("#" + firsttabid + "_content").show();
}
});
});
function addTab(link) {
// If tab already exist in the list, return
if ($("#" + $(link).attr("rel")).length != 0)
return;
// hide other tabs
$("#tabs li").removeClass("current");
$("#content ul").hide();
// add new tab and related content
$("#tabs").append("<li class='current'><a class='tab' id='" +
$(link).attr("rel") + "' href='#'>" +"<div id='tabOn'>" + $(link).attr("rel") +
"</div>"+"</a><a href='#' class='remove'><div id='tabOff'>x</div></a></li>");
$("#content").append("<ul id='" + $(link).attr("rel") + "_content'>" +
$(link).attr("title") + "</ul>");
// set the newly added tab as current
$("#" + $(link).attr("rel") + "_content").show();
}
</script>
Последнее редактирование:
