Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 18.11.2011, 06:57
Новичок на форуме
Отправить личное сообщение для madcap Посмотреть профиль Найти все сообщения от madcap
 
Регистрация: 01.11.2011
Сообщений: 8

Загрузка контента в DIV по гиперссылке из другого DIV
Здравствуйте, гуру форума. Хотелось бы узнать, есть ли способ в двухколоночном сайте, свёрстанным с помощью DIV'ов сделать так, чтобы по ссылке из левого DIV (левая колонка) в DIV с контентом, который находится правее и занимает большую площать страницы под контент, грузилась страничка. Раньше так в фрэймах можно было делать, но с тех пор многое изменилось и пришлось по надобности снова навёрстывать. Заранее спасибо.

p.s. обязательно чтобы ссылка открывалась не через button, а картинку, т.е. как если бы это было с простым html кодом

<a href><img src></img></a>

Последний раз редактировалось madcap, 18.11.2011 в 07:47.
Ответить с цитированием
  #2 (permalink)  
Старый 18.11.2011, 08:50
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,205

Сообщение от madcap
есть ли способ
таки есть... И даже несколько.
Ответить с цитированием
  #3 (permalink)  
Старый 18.11.2011, 10:24
Аватар для yashka525
Mr. Jacob
Отправить личное сообщение для yashka525 Посмотреть профиль Найти все сообщения от yashka525
 
Регистрация: 20.01.2011
Сообщений: 194

AJAX
Ответить с цитированием
  #4 (permalink)  
Старый 18.11.2011, 10:27
Новичок на форуме
Отправить личное сообщение для madcap Посмотреть профиль Найти все сообщения от madcap
 
Регистрация: 01.11.2011
Сообщений: 8

это понятно, но все же хотелось бы примерчик, а то так я буду очень долго сидеть над этим делом, хотя велосипед уже наверняка изобретен )
Ответить с цитированием
  #5 (permalink)  
Старый 18.11.2011, 10:29
Аватар для yashka525
Mr. Jacob
Отправить личное сообщение для yashka525 Посмотреть профиль Найти все сообщения от yashka525
 
Регистрация: 20.01.2011
Сообщений: 194

Примерчик.
Ответить с цитированием
  #6 (permalink)  
Старый 18.11.2011, 10:32
Аватар для yashka525
Mr. Jacob
Отправить личное сообщение для yashka525 Посмотреть профиль Найти все сообщения от yashka525
 
Регистрация: 20.01.2011
Сообщений: 194

Сообщение от madcap
грузилась страничка.
Аа, сорри, не тот примерчик. Тута не страничка, а просто контент. Ну если все происходит на одном домейне, то копать в эту сторону - AJAX .
Ответить с цитированием
  #7 (permalink)  
Старый 18.11.2011, 23:35
Интересующийся
Отправить личное сообщение для antibot Посмотреть профиль Найти все сообщения от antibot
 
Регистрация: 11.08.2011
Сообщений: 10

Вот второй способ, он немного посложнее, но и современнее.
Если используете какой нибудь php framework, то этот способ становится намного удобнее чем якорная или аналогичная навигация...

http://habrahabr.ru/blogs/javascript/123106/
Ответить с цитированием
  #8 (permalink)  
Старый 19.11.2011, 12:28
Новичок на форуме
Отправить личное сообщение для madcap Посмотреть профиль Найти все сообщения от madcap
 
Регистрация: 01.11.2011
Сообщений: 8

http://xmlhttprequest.ru/ копаю в эту сторону

var xmlhttp = new XMLHttpRequest();
xmlhttp.open('GET', 'blablabla.php', false); // открываем соединение
xmlhttp.send(null); // отправляем запрос, и висим пока не придет ответ
if(xmlhttp.status == 200) { // проверяем результат, 200 OK - все хорошо
alert(xmlhttp.responseText); // выдаем алерт с полученным контентом
}

както так, но на этом пока всё

UPD

var myDiv = document.getElementById("myDivId");
myDiv.innerHtml = xmlhttp;

поправьте, если туплю. Но я так понимаю, что таким образом в див подсовывается то, что получил xmlhttprequest и положил в переменную

Последний раз редактировалось madcap, 19.11.2011 в 20:35.
Ответить с цитированием
  #9 (permalink)  
Старый 19.11.2011, 22:47
Аватар для yashka525
Mr. Jacob
Отправить личное сообщение для yashka525 Посмотреть профиль Найти все сообщения от yashka525
 
Регистрация: 20.01.2011
Сообщений: 194

Сообщение от madcap
myDiv.innerHtml = xmlhttp;
myDiv.innerHTML = xmlhttp.responseText;
Это вместо alert(xmlhttp.responseText);
Ответить с цитированием
  #10 (permalink)  
Старый 21.11.2011, 15:02
Новичок на форуме
Отправить личное сообщение для madcap Посмотреть профиль Найти все сообщения от madcap
 
Регистрация: 01.11.2011
Сообщений: 8

xmlhttp.open('GET', 'blablabla.php', false);

вот в этом месте что делает false или true ?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
загрузка node с другого сайта на свой vanka12345 Библиотеки/Тулкиты/Фреймворки 10 14.11.2011 23:52
Фиксация блока DIV при сворачивании другого блока DIV kacnepbI4 jQuery 2 04.04.2011 14:15
Загрузка контента без перезагрузки страницы vah-smile AJAX и COMET 3 30.03.2011 16:37
Подгрузка контента в определённый DIV при нажатии на ссылку, без перезагрузки страниц Flashton Events/DOM/Window 0 10.03.2010 19:53
Перемещение div внутри другого Danila74 jQuery 1 24.09.2009 17:31