/ Сайтостроение / Scripts & jquery / Загрузка JavaScript динамически

Загрузка JavaScript динамически

21.02.2016

915


  • Warning: Use of undefined constant html - assumed 'html' (this will throw an Error in a future version of PHP) in /home/htvtwmhs/public_html/wp-content/themes/tester/single-tech2.php on line 42

  • Warning: Use of undefined constant css - assumed 'css' (this will throw an Error in a future version of PHP) in /home/htvtwmhs/public_html/wp-content/themes/tester/single-tech2.php on line 43

    Warning: Use of undefined constant script - assumed 'script' (this will throw an Error in a future version of PHP) in /home/htvtwmhs/public_html/wp-content/themes/tester/single-tech2.php on line 44

  • Warning: Use of undefined constant primer - assumed 'primer' (this will throw an Error in a future version of PHP) in /home/htvtwmhs/public_html/wp-content/themes/tester/single-tech2.php on line 45

  • Warning: Use of undefined constant video - assumed 'video' (this will throw an Error in a future version of PHP) in /home/htvtwmhs/public_html/wp-content/themes/tester/single-tech2.php on line 46

Иногда требуется подгрузить скрипт на лету, в этом поможет технология Ajax.

Обычный скрипт JavaScript динамически

Создаем файл скрипта script-dinamic.js с содержимым

// случайное число от 1 до 100  
var rnd = Math.floor(Math.random()*100+1);  
  
// выводим в контейнер content, добавляя уже к имеющемуся содержимому контейнера  
$("#content").html($("#content").html()+rnd+"
");

Создаем верстку

<form> <input type="button" value="Выполнить скрипт JavaScript" onclick="btnClick();"/> </form>
<div id="content"> </div>
<script>
function btnClick() {
$.getScript('script.js'); // вызываем скрипт
}
</script>

Загрузка скрипта формируемого из PHP

Тот же пример только script.js меняем на script.php

<form> <input type="button" value="Выполнить скрипт JavaScript" onclick="btnClick();"/> </form>
<div id="content"> </div>
<script>
function btnClick() {
$.getScript('script.php'); // вызываем скрипт
}
</script>

Содержимое script.php

<?php  
    // заголовок, который обозначает, что PHP будет генерировать  
    // JavaScript-файл в кодировке UTF-8.  
    header('Content-Type: text/javascript; charset=UTF-8');  
      
    // генерируем случайное число от 1 до 100  
    $rnd = rand(1,100);  
      
    // выдаем код скрипта в поток вывода  
    echo '$("#content").html($("#content").html()+'.$rnd.'+"
");';      
?>


Warning: Use of undefined constant html - assumed 'html' (this will throw an Error in a future version of PHP) in /home/htvtwmhs/public_html/wp-content/themes/tester/single-tech2.php on line 51


Warning: Use of undefined constant css - assumed 'css' (this will throw an Error in a future version of PHP) in /home/htvtwmhs/public_html/wp-content/themes/tester/single-tech2.php on line 52

Warning: Use of undefined constant script - assumed 'script' (this will throw an Error in a future version of PHP) in /home/htvtwmhs/public_html/wp-content/themes/tester/single-tech2.php on line 53
%MINIFYHTML39b74f8bbb6e192bcd837e46baa7dd1c5%

Warning: Use of undefined constant primer - assumed 'primer' (this will throw an Error in a future version of PHP) in /home/htvtwmhs/public_html/wp-content/themes/tester/single-tech2.php on line 54

Обычный скрипт JavaScript динамически

Загрузка скрипта формируемого из PHP


Warning: Use of undefined constant video - assumed 'video' (this will throw an Error in a future version of PHP) in /home/htvtwmhs/public_html/wp-content/themes/tester/single-tech2.php on line 55
  • Похожие записи
  • Комментарии
  • Вложения
Подгрузка постов «налету» II: Кнопка

Подгрузка постов «налету» II: Кнопка

Данный вариант подгрузки постов «налету» является альтернативой подгрузке постов при скроллинге. Только в данном методе посты будут подгружаться по нажатию на кнопку. Также учтены некоторые особенности шаблона данного сайта высота Читать далее »

Имитация Ajax загрузки контента

Имитация Ajax загрузки контента

Создадим эффект перехода внутри сайта имитирующий подгрузку контента ajax’ом, как будто без перезагрузки. Принцип эффекта: при переходе по ссылке плавно скрываем изменяемую часть контента, и при загрузке новой плавно ее Читать далее »

Подгрузка постов «налету» I: Скроллинг

Подгрузка постов «налету» I: Скроллинг

Добавляем на сайт функционал подгрузки постов «налету». Данная технология применяется в соц. сетях, а также крупных интернет-магазинах. В funсtion.php // Добавляем подгрузку постов function true_loadmore_scripts() { wp_enqueue_script('jquery'); // скорее всего Читать далее »

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

Пока нет комментариев. Будь первым!

Загрузка JavaScript динамически
Переменный стиль
Рекомендации для васПеременный стильOpttour.ru
Спасибо! Наш менеджер свяжется с Вами в течении 5 минут.