Форумы портала PHP.SU :: Версия для печати :: Изменение содержимого блока по клику на ссылку

Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Изменение содержимого блока по клику на ссылку

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript » Изменение содержимого блока по клику на ссылку

Страниц (1): [1]

1. BigBoss2012 - 03 Апреля, 2013 - 17:54:27 - перейти к сообщению

Ребята, доброго времени суток. Проблема в следующем.
Имеется блок ссылок

CODE (html):
скопировать код в буфер обмена

<html>
<div id="links_div">\
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
</div>
</html>

Имеется блок с тектовой информацией

CODE (html):
скопировать код в буфер обмена

<html>
<div id="text_div">
<p>some info</p>
</div>
</html>

Хотелось бы чтобы по клику на ссылку менялось содержимое в текстовом блоке (text_div) без перезагрузки страницы. Подскажите как это сделать на чистом JavaScript.

Заранее огромное спасибо.

2. IllusionMH - 03 Апреля, 2013 - 17:59:20 - перейти к сообщению

BigBoss2012, а где какой находится?

3. LIME - 03 Апреля, 2013 - 17:59:40 - перейти к сообщению

не советую на чистом
но если охота то http://xmlhttprequest[dot]ru/

4. BigBoss2012 - 03 Апреля, 2013 - 18:08:34 - перейти к сообщению

IllusionMH пишет:

BigBoss2012, а где какой находится?

оба блока на одной странице

5. BigBoss2012 - 04 Апреля, 2013 - 11:23:02 - перейти к сообщению

Неужели никто не поможет??? Огорчение

6. LIME - 04 Апреля, 2013 - 11:29:31 - перейти к сообщению

CODE (javascript):
скопировать код в буфер обмена

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('#links_div a').click(function(){
            $('#text_div').load('my-script.php');
        });
    });
</script>

7. IllusionMH - 04 Апреля, 2013 - 12:05:30 - перейти к сообщению

BigBoss2012, как только смогу понять почему два блока на одной странице содержат теги <html>?
(Добавление)
http://jsfiddle[dot]net/6eAhD/

8. BigBoss2012 - 04 Апреля, 2013 - 13:23:30 - перейти к сообщению

Спасибо огромное!