Функция НАГРУЗКА

0

пожалуйста, ther'is этот сценарий:

<script type="text/javascript">
$(document).ready(function() {
    $('#content').load('divelencoarticoli.html');
});
</script>

который загружает на странице master.html подстраницу под названием develencoarticoli.html в теле в этом div:

<div style="width: 100%" id="content">Initial content in test.html</div>

Мой вопрос: возможно ли иметь скрипт, загружающий в DIV #content страницу, указанную в div? Я не хочу вызывать страницу из сценария, но скрипт знает страницу для включения div #content. Моя цель заключается в том, что с общим скриптом на всех страницах моего сайта я могу загружать в тело разные страницы, называемые содержимым DIV.

Извините за мой английский и за мой вопрос, но я не разработчик.

Заранее спасибо.

ПОСТАНОВИЛИ, благодаря ken.dunnington и epascarello.

  • 1
    Если вы можете, не могли бы вы напечатать свой вопрос? Я не могу понять, что вы говорите.
  • 0
    Вы говорите, что не хотите жестко закодировать URL "divelencoarticoli.html" в сценарий? Или вы говорите, что хотите загрузить только часть страницы "divelencoarticoli.html"?
Показать ещё 1 комментарий
Теги:

4 ответа

0
Лучший ответ

Если я правильно понимаю, вы хотите иметь возможность загружать внешний контент в div #content без необходимости явно #content в Javascript, какой URL-адрес использовать, и иметь возможность использовать один и тот же код на нескольких страницах. Если это так, я бы предложил использовать переменные data-*, например:

<div style="width: 100%" id="content" data-content-url="divelencoarticoli.html">Initial content in test.html</div>
<script type="text/javascript">
    $(function() {
        var contentDiv = $("#content");
        var url = contentDiv.data("content-url");
        contentDiv.load(url);
    });
</script>

jQuery автоматически преобразует data-* в значения, доступные с помощью метода .data() при первом обращении к элементу. Таким образом, вы можете включить блок сценариев выше на каждой из ваших страниц и просто изменить URL data- в div #content мере необходимости.

Поделиться
  • 0
    Ой, epascarello победил меня в этом. :)
1

То, что вы хотите использовать, - это атрибут данных с URL-адресом, который вы хотите загрузить.

<div style="width: 100%" id="content" data-load-url="divelencoarticoli.html">Initial content in test.html</div>

Чем ваш JavaScript может быть просто:

$(function() {
    var elem = $("[data-load-url]");
    var url = elem.data("load-url");
    elem.load(url);
});
Поделиться
0 
    According to my understanding u want to include the page dynamically by pasing the URL so you do this in this mannner :

<script type="text/javascript">
    function do_the_click(url)
        {
        alert(brl);
        var request  =   $.ajax({
                                 async: false,
                                 url: url, 
                                 contentType: "text/html",
                                 type : "GET",
                                 dataType : "html",                

                    });


                        request.done(function( msg ) {
                          document.getElementById('pass here the ID of div in which the page is included').innerHTML = msg;
                        });

                        request.fail(function( jqXHR, textStatus ) {
                          alert( "Request failed: " + textStatus );
                        });

        }
    </script>

and the HTML boby code should be 
<div id="tagmenu">

            <a href="#" class="button" id="activity" onclick="do_the_click('category/ABB.html');"/>ABB</a>
            <a href="#" class="button" id="javacollections" onclick="do_the_click('category/ABC.html');"/>ABC</a>
    </div>
Поделиться
  • 0
    @ user3135177 это работает для вас
-1

вы можете сделать ajax-вызов, чтобы получить html. Вот код, который использует jquery

<script type="text/javascript">
$(document).ready(function() {

$.get( "ajax/divelencoarticoli.html", function( data ) {
  $( "#content" ).html( data );
  alert( "Load was performed." );
});

});
</script>
Поделиться
  • 0
    почему отрицательный момент?
  • 0
    Большое спасибо, проблема решена. Привет из Италии

Ещё вопросы

Сообщество Overcoder
Наверх
Меню