HTML+CSS+JavaScript

Мне нужно что бы при переходе на ссылку документ(текст и изображения) подгружался в определенный <div>
а остальные элементы страницы оставались нетронутыми. То есть так же как в фреймах. Есть ли какое то готовое решение ??? Заранее спасибо!

ищите, AJAX.

нашел. Но не могу так сразу врубить. со js пока еще не дружу. Может код на примере подскажите?

А там, где нашли примеров нет? Телепатов здесь нет. Что искали, что нашли, где искали, где нашли?

Вот пример того что нашел.
С кодом все понятно . Мне нужно что бы при клике на элемент<p> страница polosa2.html загружалась в контейнер <div>?
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#example-1').click(function(){
jQuery(this).load('polosa2.html');
})
});
</script>
<div class="" >Click to update</div>
<p class="example cursor" id="example-1">фурнитура</p>
<div class=" " ></div>

Нашел здесь - http://anton.shevchuk.name/javascript/jquery-for-beginners-ajax/

Вы не поняли СУТИ.

AJAX (в очень грубом приближении) - это как телефон.
По телефону Вы можете вызвать кого-то.
И по этому же телефону Вы можете получить ответ этого "кого-то".
Ответ в виде ГОЛОСА этого "кого-то".
Повторяю - только Г_О_Л_О_С_А.

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

Запрос нужно делать не к файлу polosa2.html, а к файлу, который сформирует и отдаст Вам строку символов, с которой Вы можете сделать всё, что Вам нужно. Например, полученную строку Вы можете поместить в Ваш <div> как innerHTML.

Ферштейн или нет?

Понял ,но не совсем.
Вы про это имелли ввиду?
<a href="javascript:void(0);" onclick="document.getElementById('mytext').innerHTML = 'Text1 !!!';">Text 1</a>
<a href="javascript:void(0);" onclick="document.getElementById('mytext').innerHTML = 'Text2 !!!';">Text 2</a>

<br>

<div id="mytext">TEXT</div> Проблема в том , что ie ругается на этот код.((( и не совсем понятно с этим моментом ,можно ли в innerHTML = 'этом месте прописывать код html?????';??????????

На счет AJAX -
"Ответ в виде ГОЛОСА этого "кого-то".
Повторяю - только Г_О_Л_О_С_А.

А Вы с помощью AJAX пытаетесь получить от "кого-то" не его голос, а всего его самого."
но ведь на примере в предыдущем сообщении файл polosa2.html без проблем отображается в любом браузере! просветите плиз)))
И к какому файлу я должен ссылаться что бы получить строку символов с которой я могу сделать все что мне нужно.???
Буду оченьт признателен если внесете ясность в эти вопросы и если можно выложите код, который бы решил мою текущюю проблему. Сначало я хотел использовать <iframe>
так как он заново внесен спецификацию html5 иподрузумевает его использования. Но хотел бы новое , валидное решение)))
Я не волшебник я только учусь)

Вы совершенно НИЧЕГО не поняли.

И я не знаю - есть хоть какой-то смысл Вам что-либо объяснять...
Ибо читаете Вы не глазами, а каким-то иным местом... а уж каким местом Вы пытаетесь понять прочитанное - вообще трудно себе представить.

Я объяснял Вам про Аякс
Повторяю - ПРО АЯКС.

И в самом конце (в самом-самом) написал, что, например (повторяю - НАПРИМЕР), можно полученную с помощью аякса строку "засунуть" в innerHTML.
Ухватившись за этот ПРИМЕР, Вы спрашиваете - "это ли я имел в виду," и приводите HTML-код с использованием innerHTML.

Отвечаю - Я НЕ ЭТО ИМЕЛ В ВИДУ!!!!!
То, что я имел в виду, К МОЕМУ СОЖАЛЕНИЮ, Вашему пониманию оказалось недоступным.
Вероятнее всего, в этом виноват именно я.
Но не в том виноват, что объяснил плохо.
Виноват в том, что вообще что-то объяснять начал.
Ибо плохо оценил уровень Ваших знаний.
При Вашем уровне знаний (девственно нулевом) - объяснять Вам надо, начиная с 33-х букв алфавита.

Конечно мне далеко до вашего(недевственного ) уровня знаний в области веб програмирования.
Но все же "алфавит" я знаю. Как странно, и часто вы так испытываете чувство вины за свои объяснения, ой нет " за то что вообще объяснять начали"??? И лучшее объяснение это конкретный пример! Но раз уж по каким то вашим личным соображениям вам трудно написать 5-10 строчек кода то.... Хотя конечно спасибо , что откликнулись на мою тему!
Через недельку сам все пропишу.

1. В теге <iframe> есть атрибут SRC, которому Вы можете присвоить значение в виде пути к файлу.
Тег <iframe> формирует новый документ, который, в свою очередь формируется тем самым файлом, путь к которому Вы указали в атрибуте SRC этого тега.

2. В отличие от тега <iframe> тег <div> не имеет атрибута SRC и не формирует новый документ, а является продолжением (составной частью) текущего документа.
Чтобы увидеть внутри тега <div> какие-то "тексты и изображения", надо эти "тексты и изображения" в виде HTML-кода между тегами <div> и </div> прописать.

3. Прописать их можно, используя скриптовое свойство innerHTML этого тега <div>.
Свойство innerHTML является свойством типа read/write, т.е. его можно как узнать (прочитать текущее), так и прописать (установить новое).
Если это свойство запросить (прочитать), то браузер выдаст переменную типа String (т.е. строку символов), которая будет содержать весь HTML-код, прописанный между <div> и </div>.
Прописывать это свойство тоже следует в виде строки символов коя будет содержат нужные Вам HTML-теги и текст.

4. Если Вы хотите внутри тега <div> установить "тексты и изображения" с сервера (а не из текущего документа), то Вам надо использовать аякс.
Который должен дать Вам строку символов. Кою Вы потом (после получения) сможете установить в качестве значения для свойства innerHTML Вашего тега <div>.

5. Эту строку символов может Вам дать ТОЛЬКО и ИСКЛЮЧИТЕЛЬНО файл, который ИСПОЛНЯЕТСЯ на сервере. Файлы с расширением *.html на сервере не исполняются - они там просто хранятся. И при запросе их просто отдаются сервером как есть - целиковым файлом, а не строкой символов.

6. ИСПОЛНЯЕМЫМИ НА СЕРВЕРЕ файлами могут быть файлы с расширением *.php, *.cgi, *.pl и прочее. Которые не будут формировать <html>...<head>...<body>, ибо эти теги Вам не нужны - они уже есть у Вас в текущем документе (а в любом документе разрешается иметь только по одному экземпляру этих тегов). Вам нужно получить от сервера сформированную им строку символов, что-то типа:

'<span>text</span><br><img src="my.gif">\n<blockquote>text2</blockguote>'

-----

Теперь понятно, почему пример, взятый Вами с умного сайта http://anton.shevchuk.name/javascript/jquery-for-beginners-ajax/, у Вас не работает? Потому что Вы запрашиваете статический неисполняемый файл polosa2.html, а запрос должен быть к специально написанному исполняемому файлу, например, polosa2.php, который в результате своего выполнения на сервере отдаст Вам строку символов.



PS. Это была всего лишь пара первых букв алфавита.
А их там - 33.

Ну вот все понятно . Спасибо за первые две буквы, но в принципе схема понятна была. пункты 5-6
внесли ясность в мою ошибку. Получается мне надо прописать разметку элементов в .php потому как запрос на сервер о .html файле , сервером игнорируется. Понятно. Не пойму тогда почему тогда
фал polosa2.html отображается браузером в диве? Не сочтите за занудство , просто интересно? Может потому как сайт не выложе на сервер и работает автономно?

>"Не пойму тогда почему тогда фал polosa2.html отображается браузером в диве?"

Что? Где? Когда?

Вот здесь
http://anton.shevchuk.name/javascript/jquery-for-beginners-ajax/

этот же скрипт

$(document).ready(function(){ // по окончанию загрузки страницы
$('#example-1').click(function(){ // вешаем на клик по элементу с id = example-1
$(this).load('ajax/example.html'); // загрузку HTML кода из файла example.html
})
});

Пример подгружаемых данных (содержимое файла example.html):
Example<br/>
Data Loaded By AJAX<br/>
Bye-Bye

и там дана ссылка на пример работы.
Я проверял скрипт на своем сайте и в <div> загружается содержимое файла .html и даже больше
- работает сss код если его прописать на странице в которой выложен див и через class привязать его к элементам (содержимое файла example.html). И все отображается корректно во всех браузерах . Единственное не получается вывести русские буквы( выводятся квадратики вместо них.)

Вот и интересно почему так ? Из за этого непонимание. Выложил в архиве готовый пример.

есть тег object замена фреймам

знаю. Но хотелось бы именно этим способом(с запросом) Учу алфавит. Надо развиваться!)