Переходы по ссылкам и java script

Сообщение сайта

(Сообщение закроется через 3 секунды)

Здравствуйте, гость (

| Вход | Регистрация )

SEO форум MaulTalk.com > Веб-строительство > Программная часть

Переходы по ссылкам и java script

Опции

Melany

Topic Starter сообщение

21.3.2012, 1:59; Ответить: Melany

Сообщение #1

Группа: User
Сообщений: 3
Регистрация: 21.3.2012
Поблагодарили: 0 раз
Репутация:

Здравствуйте. Подскажите пожалуйста как во вкладках(табах) отобразить содержимое другой страницы html. Страницы из которых нужно отобразить содержимое находятся в той же папке, что и главный файл. Имеется внутри кода java -script и , мне кажется он блокирует переходы по ссылкам(
Посмотрите я отметила красным, в чем ошибка, и где нужно вообще прописать эти ссылки? Спасибо всем,кто откликнется.
Вот код:
[HTML]<!DOCTYPE html>
<html>

<head>
<meta charset='UTF-8'>

<title>Закладки с круглыми углами | Материалы проекта RUSELLER.COM</title>

<link rel='stylesheet' href='css/style.css'>

<style>
body {
background: #222;
}
#content {
background: white;
min-height: 400px;
}

.tabs {
list-style: none;
margin: 60px auto 0;
width: 660px;
}
.tabs li {
/* Делаем горизонтальную строку */
float: left;

/* Теперь псевдо элементы могут быть абсолютно позиционированы внутри */
position: relative;
}
.tabs a {
/* Делаем его блочным и так ширины, как ему требуется */
float: left;
padding: 10px 40px;
text-decoration: none;

/* Цвета по умолчанию */
color: black;
background: #ddc385;

/* Скругляем только верхние углы */
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.tabs .active {
/* Активная закладка находится сверху */
z-index: 3;
}
.tabs .active a {
/* Цвета активной закладки */
background: white;
color: black;
}
.tabs li:before, .tabs li:after,
.tabs li a:before, .tabs li a:after {
/* Все псевдо элементы абсолютно позиционируются и находятся внизу */
position: absolute;
bottom: 0;
}
/* Только первая, последняя и активная закладки
нуждаются во всех псевдо элементах */
.tabs li:last-child:after, .tabs li:last-child a:after,
.tabs li:first-child:before, .tabs li:first-child a:before,
.tabs .active:after, .tabs .active:before,
.tabs .active a:after, .tabs .active a:before {
content: "";
}
.tabs .active:before, .tabs .active:after {
background: white;

/* Квадраты позади кругов */
z-index: 1;
}
/* Квадраты */
.tabs li:before, .tabs li:after {
background: #ddc385;
width: 10px;
height: 10px;
}
.tabs li:before {
left: -10px;
}
.tabs li:after {
right: -10px;
}
/* Круги */
.tabs li a:after, .tabs li a:before {
width: 20px;
height: 20px;
/* Делаем круги */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #222;

/* Круги поверх квадратов */
z-index: 2;
}
.tabs .active a:after, .tabs .active a:before {
background: #ddc385;
}
/* Первая и последняя закладки имеют оразные внешние цвета */
.tabs li:first-child.active a:before,
.tabs li:last-child.active a:after {
background: #222;
}
.tabs li a:before {
left: -20px;
}
.tabs li a:after {
right: -20px;
}
</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>
$(function() {
$("li").click(function(e) {
e.preventDefault();
$("li").removeClass("active");
$(this).addClass("active");
});
});
</script>
</head>

<body>

<ul class="tabs group">
<li class="active"><a href="practica.html">Раз</a></li>
<li><a href="practica1.html">Два</a></li>
<li><a href="#three">Три</a></li>
<li><a href="#three">Четыре</a></li>
</ul>

<div id="content">
<h1>Закладки с круглыми углами</h1>
</div>

</body>

</html>

Ответить с цитированием данного сообщения

DelphinPRO DelphinPRO 21.3.2012, 2:16; Сообщений: 266 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	21.3.2012, 2:16; Ответить: DelphinPRO Сообщение #2
0 Группа: User Сообщений: 266 Регистрация: 2.6.2010 Поблагодарили: 0 раз Репутация: 0	либо уберите вообще яваскрипт, либо подгружайте контент аяксом (но это похоже будет для вас сложно.)

Melany Topic Starter MelanyTopic Starter 21.3.2012, 3:02; Сообщений: 3 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 21.3.2012, 3:02; Ответить: Melany Сообщение #3
0 Группа: User Сообщений: 3 Регистрация: 21.3.2012 Поблагодарили: 0 раз Репутация: 0	ну да, я бы то и убрала, но тогда активная вкладка никак не будет выделятся среди других(

Melany

Topic Starter сообщение

21.3.2012, 3:12; Ответить: Melany

Сообщение #4

Группа: User
Сообщений: 3
Регистрация: 21.3.2012
Поблагодарили: 0 раз
Репутация:

спасибо, что дали наводку в какой степи искать)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Лицензия на Shop script 8 + плагины	2	inetuser	2974	17.1.2022, 23:30 автор: inetuser
MSE-Script - CMS для создания музыкальных сайтов и mp3 дорвеев	0	MSE-Script	2736	13.12.2018, 15:40 автор: MSE-Script
Создание скрипта парсера для Shop-Script 7 Webasyst	0	rokon	915	26.10.2018, 13:54 автор: rokon
PHP, Java, Ruby программирование под заказ. От 10$ рейт 10$ в час	2	FobsCraft	3433	16.9.2018, 4:48 автор: FobsCraft
Можно ли заработать Java программисту онлайн?	2	zheka3	1420	17.3.2017, 9:00 автор: Zulus

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 19.4.2024, 4:08

Дизайн