load в аяксе

@Alhena · Регистрация: 05.03.2013

Author24 — интернет-сервис помощи студентам

Проблема была такая: Как разбить страницу на части, чтоб подгружалась только основная часть
Решила ее с помощью load. Но возникла другая проблема: урл в браузере отображается тот, который был последним перед нажатием на ссылку горизонтального меню, и, естественно, тайтл не меняется.
Можно ли это как-то решить, оставив load? или придется решать проблему Как разбить страницу на части, чтоб подгружалась только основная часть другим способом?

@Soldado · 04.04.2013, 14:25

url можно менять прописав его в ссылке например:

HTML5

1	<a href="#infa1" id="d1">ЧАСТЬ 5-1</a>

Я так понимаю Вы хотите чтобы можно было вставив в браузер или перейдя по этой ссылке был подгружен соответствующий контент. Это уже в скрипте можно прописать.
Демо-страница "завалялась".

Вот например такая ссылка
http://igor-26yu.narod.ru/ajaxLinkiHref/index5.html#infa4
подгружает четвёртый блок

@Alhena · 04.04.2013, 15:28 **[ТС]**

Вот скрипт, где выполняется подгрузка страниц

Javascript

<script type="text/javascript">
    $(document).ready(function(){
        $("#g_menu a").click(function(e){
            e.preventDefault();
            var url = $(this).attr('href');
            $("#main_content").load(url);
            
        });
        $("#g_menu a div").each(function(i){
                $("#g_menu a div:eq("+i+")").click(function(){
                    var g_menu_id = i + 1;
                    $("#g_menu a div").removeClass("g_menu_active");
                    $(this).addClass("g_menu_active");
                });
            });
    });
</script>

а это ссылки горизонтального меню

PHP

<?php
    include('js/gor_menu_click.js');
?>
<div id='header_bottom'>
    <img src="img/~lst/rolling_top.png" />
    <div id="g_menu">
        <a href="kont.php"><div>Контакты</div></a>
        <a href="dosug.php"><div>Наш досуг</div></a>
        <a href="galery.php"><div>Фотогалерея</div></a>
        <a href="page01.php"><div>О нас</div></a>
    </div>
</div>

если я поставлю # перед названием файла, то подгружаться в див main_content будет не содержимое необходимой страницы, а полностью та страница, с которой был "переход".

Добавлено через 30 минут
Может с первого поста не особо понятен вопрос, тогда вот более конкретное описание ситуации https://www.cyberforum.ru/post4359987.html

@Soldado · 04.04.2013, 16:51

Вы хотите:

Чтобы при клике по ссылке подгружалась нужная страница на место контента и в адресной строке был виден какой-то новый url, соответствующий этой странице.

Я правильно Вас понял? Ответьте!
Вот мой вариант вышесказанного. Только в нём добавлена ещё и ссылка на главную страницу (файл с контентом для главной страницы сайта - main.php)

HTML5

<!doctype html>
<html lang="ru">
<head><title>Ajax linki</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<link href="css/style.css" rel="stylesheet" type="text/css" />
 
<script src="http://code.jquery.com/jquery-latest.js"></script>
 
<script type="text/javascript">
$(document).ready(function(){
//загрузка при переходе/открытии     
var url =window.location.hash;
url = url.slice(1);
if(url!=''){
$("#main_content").load(url);   
}
else{
$("#main_content").load('main.php');    
}
 
//загрузка при клике
   $("#g_menu a").click(function(){
              url = $(this).attr('href').slice(1);
                  $("#main_content").load(url);
               });
               
//----------               
 $("#g_menu a div").each(function(i){
                $("#g_menu a div:eq("+i+")").click(function(){
                    var g_menu_id = i + 1;
                    $("#g_menu a div").removeClass("g_menu_active");
                    $(this).addClass("g_menu_active");
                });
            });
    });
</script>
 
</head>
<body style="padding: 100px">
 
<div id='header_bottom'>
    <img src="img/~lst/rolling_top.png" />
    <div id="g_menu">
        <a href="#main.php"><div>На главную</div></a>
        <a href="#kont.php"><div>Контакты</div></a>
        <a href="#dosug.php"><div>Наш досуг</div></a>
        <a href="#galery.php"><div>Фотогалерея</div></a>
        <a href="#page01.php"><div>О нас</div></a>
    </div>
</div>
 
<hr/>
<div id="main_content" ></div>
</body>
</html>

Архив со всеми страницами:

@Alhena · 05.04.2013, 09:57 **[ТС]**

Soldado, да, мне нужно, чтоб подгружался вместе со страницей соответствующий урл и тайтл.

KOPOJI · 05.04.2013, 10:09

Комментарий модератора

Кросспостинг Как разбить страницу на части, чтоб подгружалась только основная часть.
Тема закрыта.

@Alhena 1 / 1 / 0 Регистрация: 05.03.2013 Сообщений: 57
		1
	load в аяксе 04.04.2013, 13:56. Показов 660. Ответов 5 Метки нет (Все метки) Проблема была такая: Как разбить страницу на части, чтоб подгружалась только основная часть Решила ее с помощью load. Но возникла другая проблема: урл в браузере отображается тот, который был последним перед нажатием на ссылку горизонтального меню, и, естественно, тайтл не меняется. Можно ли это как-то решить, оставив load? или придется решать проблему Как разбить страницу на части, чтоб подгружалась только основная часть другим способом? 0

@Alhena 1 / 1 / 0 Регистрация: 05.03.2013 Сообщений: 57
	05.04.2013, 09:57 [ТС]	5
	Soldado, да, мне нужно, чтоб подгружался вместе со страницей соответствующий урл и тайтл. 0