Форум русскоязычного сообщества Ubuntu


Получить помощь и пообщаться с другими пользователями Ubuntu можно
на irc канале #ubuntu-ru в сети Freenode
и в Jabber конференции ubuntu@conference.jabber.ru

Автор Тема: HTML, CSS , <div>  (Прочитано 733 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн UlquiorraShiffer

  • Автор темы
  • Новичок
  • *
  • Сообщений: 19
    • Просмотр профиля
HTML, CSS , <div>
« : 24 Ноября 2011, 17:29:25 »
Всем привет!!!извиняюсь что вопрос не совсем по теме, но хотел спросить как при помощи тега <div> реализовать функцию как во фреймах, мне надо чтобы при нажатии кнопки-ссылки чтобы на страницу грузился другой файл .html но у мня он в другую вкладку грузит, нужно что то вроде:
<a href="1.html" target="content"></a>
<div name="content">
</div>
знаю что так не работает но может есть какое то решение моей проблемы?

Оффлайн unimix

  • Активист
  • *
  • Сообщений: 537
    • Просмотр профиля
Re: HTML, CSS , <div>
« Ответ #1 : 24 Ноября 2011, 19:41:32 »
http://xmlhttprequest.ru/

После ответа сервера на запрос можно изменить содержание div:
document.getElementById('content').innerHTML = xmlhttp.responseText;

Но можно использовать фреймворк, такой как jQuery (http://jquery.com/).


update:
забыл указать пример, как меняется содержание div.
« Последнее редактирование: 25 Ноября 2011, 02:06:47 от unimix »

Оффлайн alexander.pronin

  • Старожил
  • *
  • Сообщений: 2539
    • Просмотр профиля
Re: HTML, CSS , <div>
« Ответ #2 : 25 Ноября 2011, 14:06:40 »
Материалы по Jquery на русском языке
http://anton.shevchuk.name/javascript/jquery-for-beginners/

Оффлайн UlquiorraShiffer

  • Автор темы
  • Новичок
  • *
  • Сообщений: 19
    • Просмотр профиля
Re: HTML, CSS , <div>
« Ответ #3 : 27 Ноября 2011, 11:13:22 »
Спасибо большое за блок Антона Шевчука очень полезная информация и полезная не только по Jquery и JavaScript, но и по другим областям.

Оффлайн kalex747

  • Новичок
  • *
  • Сообщений: 4
    • Просмотр профиля
Re: HTML, CSS , <div>
« Ответ #4 : 01 Декабря 2011, 21:31:40 »
<script>
function getXmlHttp(){
var xmlhttp;
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!="undefined") {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}

function download(divname, addr){
var req = getXmlHttp()
var statusElem = document.getElementById(divname).innerHTML
req.onreadystatechange = function() {
if (req.readyState == 4) {
if(req.status == 200){
document.getElementById(divname).innerHTML = req.responseText
}
}
}
req.open("GET", addr, true)
req.send(null);
}

</script>

<a href="#" onclick=download("content","1.html") >Клац</a>

<div id="content">
DIV для загрузки
</div>

 

Страница сгенерирована за 0.029 секунд. Запросов: 25.