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



 

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

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

3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
> Как подгружать содержимое на страницу без перезагрузки, содержимое для вставки в отделных файлах
kovyaro
kovyaro
Topic Starter сообщение 24.3.2011, 14:35; Ответить: kovyaro
Сообщение #1


ZiTosS, извините, опять пишу не в той теме, надеюсь вы выделите ее в отдельную.
Вопрос возник в следующим, как подгружать содержимое на веб страницу при клике по пункту меню. В приведенном ниже примере содержимое должно находиться в container2. По идее содержимое должно находиться в отдельных файлах.

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Main</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="container1">
<a href="http://www.tsogu.ru/" title="официальный сайт" target="_blank"><div id="logo"></div></a>
<div id="slog">
<font color="#FFFFFF" size="+2"><b>Использование компьютерных технологий в науке и образовании</b></font>
</div>
</div>
<div class="navi">
<ul>
<li><a href="123.html" title="">Главная</a></li>
<li><a class="hide" href="">В науке</a>
<ul>
<li><a href="" title="">Страница 1</a></li>
<li><a href="" title="">Страница 1.1</a></li>
<li><a href="" title="">Страница 1.2</a></li>
<li><a href="" title="">Страница 1.3</a></li>
</ul>
</li>
<li><a class="hide" href="">В образовании</a>
<ul>
<li><a href="" title="">Страница 2</a></li>
<li><a href="" title="">Страница 2.1</a></li>
<li><a href="" title="">Страница 2.2</a></li>
<li><a href="" title="">Страница 2.3</a></li>
</ul>
</li>
<li><a class="hide" href="">Об авторе</a>
<ul>
<li><a href="" title="">Страница 3</a></li>
<li><a href="" title="">Страница 3.1</a></li>
<li><a href="" title="">Страница 3.2</a></li>
<li><a href="" title="">Страница 3.3</a></li>
</ul>
</li>
</ul>
</div>
<div id="titl"></div>
<div id="container2"></div>
<div id="container3"></div>
</body>
</html>


На большое ко-во пунктов в меню "Об авторе" не обращайте внимание, это по заданию нужно, про себя, про группу, про универ и т.д. :)
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 24.3.2011, 15:45; Ответить: yury_mw
Сообщение #2


kovyaro,
http://www.masterwebs.ru/index.php?s=&...ost&p=54206


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kovyaro
kovyaro
Topic Starter сообщение 24.3.2011, 18:21; Ответить: kovyaro
Сообщение #3


Спасибо, то что надо.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kovyaro
kovyaro
Topic Starter сообщение 25.3.2011, 10:14; Ответить: kovyaro
Сообщение #4


Ага, поторопился, там просто отображается содержимое разных контейнеров размещены на той же странице. А мне надо загрузку из других HTML файлов форматированного текста, картинок и т.д.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sc2r2bey
sc2r2bey
сообщение 25.3.2011, 11:55; Ответить: sc2r2bey
Сообщение #5


возможно это будет полезно
http://dklab.ru/lib/JsHttpRequest/
http://forum.vingrad.ru/topic-53291.html
http://yandex.ru/yandsearch?clid=9582&...0%B8&lr=970


--------------------
Заметки о разработке и не только
программирую web и для we


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 25.3.2011, 16:28; Ответить: yury_mw
Сообщение #6


(kovyaro @ 25.3.2011, 9:14) *
Ага, поторопился, там просто отображается содержимое разных контейнеров размещены на той же странице. А мне надо загрузку из других HTML файлов форматированного текста, картинок и т.д.

kovyaro,
там 2 ссылки и 2 варианта.
Первый — меняется содержимое блоков из той же страницы (Tab Content Script)
второй — Аякс версия: загружается содержимое из внешних хтмл-файлов (Dynamically selecting a tab/ loading an external page)


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Shramik
Shramik
сообщение 28.3.2011, 8:22; Ответить: Shramik
Сообщение #7


Попробуй посмотреть в исходниках


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kovyaro
kovyaro
Topic Starter сообщение 28.3.2011, 8:32; Ответить: kovyaro
Сообщение #8


Что то с трудом мне это дается. Если позволите, давайте разберем по кускам. Первое, что надо сделать, это получить содержимое href из пункта меню.
Вот, что я сделал, и сделал неправильно. Так в чем ошибка?
<script type="text/javascript">
        $(document).ready(function()
        {
            $(".navi a").click(function() //Срабатывает при клике на пунк меню
            {
                var href_new = $(this).attr(href); //Получение href
                window.alert(href_new); //Проверка, получен ли href
            });
        });
  </script>


Вот собственно момент определения клика по пункту меню и вызывает сильные сомнения.
Класс navi:
.navi
{
    margin:0 auto;
    background:#000;
    font-family: Georgia, "Times New Roman", Times, serif;
  width:1000px;
  height:21px;
}

.navi ul li a, .navi ul li a:visited
{
    display:block;
    text-decoration:none;
    color:#000;
    width:250px;
    height:21px;
    text-align:center;
    color:#fff;
    background:#000;
    line-height:20px;
    overflow:hidden;
}

.navi ul
{
  padding:0;
  margin:0;
  list-style:none;
}

.navi ul li
{
  float:left;
  position:relative;
}

.navi ul li ul {display:none;}

.navi ul li:hover a
{
  color:#090;
  background:#333;
}

.navi ul li:hover ul
{
  display:block;
  position:absolute;
  top:21px;
  left:0;
  width:105px;
}

.navi ul li:hover ul li a
{
  display:block;
  background:#333;
  color:#FFF;
}

.navi ul li:hover ul li a:hover
{
  color:#090;
}


Само меню:
<div class="navi">
<ul>
<li><a href="123.html" title="">Главная</a></li>
<li><a class="hide" href="">В науке</a>
<ul>
<li><a href="" title="">Страница 1</a></li>
<li><a href="" title="">Страница 1.1</a></li>
<li><a href="" title="">Страница 1.2</a></li>
<li><a href="" title="">Страница 1.3</a></li>
</ul>
</li>
<li><a class="hide" href="">В образовании</a>
<ul>
<li><a href="" title="">Страница 2</a></li>
<li><a href="" title="">Страница 2.1</a></li>
<li><a href="" title="">Страница 2.2</a></li>
<li><a href="" title="">Страница 2.3</a></li>
</ul>
</li>
<li><a class="hide" href="">Об авторе</a>
<ul>
<li><a href="" title="">Страница 3</a></li>
<li><a href="" title="">Страница 3.1</a></li>
<li><a href="" title="">Страница 3.2</a></li>
<li><a href="" title="">Страница 3.3</a></li>
</ul>
</li>
</ul>
</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sc2r2bey
sc2r2bey
сообщение 28.3.2011, 9:44; Ответить: sc2r2bey
Сообщение #9


копай в сторону xmlhttprequest


--------------------
Заметки о разработке и не только
программирую web и для we


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kovyaro
kovyaro
Topic Starter сообщение 28.3.2011, 11:48; Ответить: kovyaro
Сообщение #10


Хм, честно говоря, я не очень понял в каком направлении копать. Поскольку я первый раз столкнулся с Веб дизайном, то испытываю определенные трудности. Нельзя ли на пальцах объяснить. В частности, то что я указывал в предыдущем посте, как получить href, который лежит в пункте меню? В чем ошибка в представленном java коде. Второй момент, как на основании полученного href произвести загрузку содержимого в контейнер container2, средствами процедуры .load?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Скрипты и программы на заказ любой сложности. Без предоплаты. Быстро, качественно и недорого!
4 c4p1t4l15t 2233 26.3.2024, 21:38
автор: c4p1t4l15t
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1117 26.3.2024, 14:13
автор: knezevolk
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
12 uahomka 2284 25.3.2024, 6:52
автор: Skyworker
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
28 metvekot 3911 25.3.2024, 6:34
автор: Skyworker
Открытая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
23 freeax 3636 24.3.2024, 20:55
автор: Liudmila


 



RSS Текстовая версия Сейчас: 28.3.2024, 17:13
Дизайн