В этом уроке я покажу, как выводить содержимое текстовых файлов или HTML-документов в Вашу страницу. Для этого нам понадобятся три файла:
- файл с текстом, который нужно показывать на вашей странице,
- Сама Web-страница, на которой выводится нужный  контент,
- Библиотека jQuery.

1. Предварительно создайте документ, например, html-страницу с некоторым содержимым (текстом, картинками, списками и т.д.) и сохраните ее в своей папке под именем somefile.html.
2. Создайте новую Web-страницу, где будем в дальнейшем выводить содержание  предыдущего документа, и сохраните его под именем, например index.html
3. В разделе HEAD добавьте код подключения библиотеки jQuery:

   <script type="text/javascript" src="/js/jquery-1.8.3.js"></script>

   она должна быть в папке js, в противном случае откорректируйте url в параметре crs данного тега.
4. Добавьте в тот же раздел стиль content для красоты:

   #content{
    width: 800px;
    border: solid 1px;
    border-color:#999;
    border-radius: 8px;
    background-color:#CCC;
    padding: 10px;
    text-align:justify;
    font-family:Verdana, Geneva, sans-serif;
    font-size:12px;
   }

   При необходимости в стиле можно указать высоту блока и определить автоматический вывод полосы прокрутки, если содержимое не поместится в блок.
5. В раздел BODY добавьте тег DIV следующего содержания:

   <div id="content"></div>

6. Ниже блока, определенного вышеуказанным тегом DIV вставьте скрипт:

   <script>
   $("#content").load("somefile.html", function(response, status, xhr) {
    if(status == "error") {
    $("#content").html("An error occured: " + xhr.status + " " + xhr.statusText);
    }
   });
   </script>

   Это важно, данный скрипт должен находиться ниже блока DIV, в который будем выводить информацию.
7. Сохраните страницу и проверьте работу.

Внимание! Это работает только на локальном или Web-сервере (загружать можно, например, через localhost) т.к. скрипт выполняет чтение файла и зaгрузку его содержимого в Web-страницу.

Добавить комментарий:

• ВКонтакте
• Я не зарегистрирован ВКонтакте

Комментарии  

filBounk

22.07.2018 01:43

Создание сайтов под ключ - Filandor

Filandor объединил подлинных профессионалов в дружную, целеустремленну ю команду, которая осуществляет работу высококачествен но и в короткий временной срок.

Веб-студия "Filandor" имеет долгий опыт в сфере разработки вебсайтов под ключ, раскрутка веб сайтов и сопровождения. Мы зарекомендовали себя в реализации различных успешных online проектов, таких как cargo.ua, sercedoserca.co m.ua, cinta.bio и другие. Наша команда может предложить преимущественно оптимальные решения в данной сфере.

Раскрутка интернет сайта. У вас имеется товар или услуги, а также функциональный и современный вебсайт. Но этого не достаточно, чтобы ваш товар легко находили в глобальной сети. Благодаря продвижению интернет-сайта, или, как говорят SEO-мастера, "раскрутке сайта" ваш товар а следовательно и бизнес выйдет на лидирующие позиции, в рейтинге поиска и его начнут находить скорее, чем предложения конкурентов. Усилятся продажи и бизнес начнет расти.

У нас имеются необходимые профи для всех пунктов создания, продвижения и обслуживания Вашего сайта от планирования и дизайна до подготовки и размещения контента. В связи с чем избирают нас? - Мы на совесть и честно работаем в сфере разработки, обслуживания и раскрутки веб-сайтов более 10 лет.

Подробнее filandor.com/blog/sozdanie-sayta-vizitki-ne-dorogo-31: filandor.com/blog/sozdanie-sayta-vizitki-ne-dorogo-31

Обновить список комментариев

Добавить комментарий

Имя (обязательное)

E-Mail

Обновить

Отправить

Отменить