Регистрация Войти
Войти через VK Войти через FB Войти через Google Войти через Яндекс

Поиск по сайту

Наш Telegram бот: @htmlweb_bot

Динамически загружаемый Javascript

Этот пример демонстрирует нестандартный подход к Ajax-технологии.

Будем изменять страницу с помощью javascript, которой динамически загружаем с сервера после ввода URL.

index.php

<form name="form">
   <label><b>URL:</b> <input name="url" type="text" size="30" onBlur='getinfo()'></label>
   <div id="otvet"></div>
</form>

<script type="text/javascript">
id_info_script=null;
function getinfo() {
   url=document.form.url.value;
   if(!url)return;
   // если я уже проверял какой-то URL, то удаляю старый скрипт
   if(id_info_script)document.body.removeChild(id_info_script);
   // создаю элемент <script>
   id_info_script = document.createElement("script");
   id_info_script.type = 'text/javascript';
   // случайное число необходимо, чтобы избежать кеширования браузером
   id_info_script.src = 'http://htmlweb.ru/analiz/sm.php?ap='+Math.round(Math.random() * 100000)+'&url='+url;
   // добавляю созданный эллемент в <body>
   document.body.appendChild(id_info_script);
}
</script>

sm.php

// сообщаю, что это будет javascript
   header("Content-Type: application/x-javascript");
   // по $_GET['url'] ищу сайт в базе и заполняю массив $row[]
   echo 'apid=document.getElementById(\'otvet\');'."\r\n";
   echo "apid.innerHTML='".($row['platno']==0?'Бесплатно':'Платно')."'\r\n".
    "apid.style.color='red'\r\n";
   echo 'document.form.url.value="'.$row['site'].'";'."\r\n";

Этот прием я использую в генераторе карты сайта.

.
Прокомментировать/Отблагодарить