Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > AJAX - одновременная подгрузка текста и картинки


Автор: kvg95 28.9.2008, 14:28
Народ, приветствую.

Помогите разобраться с одной проблемкой.
Есть у меня скрипт AJAX подгрузки текста. Конечно, без перезагрузки страницы.
Код

<html>
<head>
<title></title>
<script type="text/javascript" src="java/ajax.js"></script>
<script type="text/javascript" src="java/ajax-dynamic-content.js"></script>
</head>
<body>
<table width="300" border="1" cellspacing="2" cellpadding="2" bgcolor="#C0C0C0">
<tr>
    <td colspan="2" align="center">
        <a href="#" onClick="ajax_loadContent('news1','files/komm_1.html');return false"><img src="files/1.jpg" alt="снимок 1" width="64" height="64" 

border="0"></a>&nbsp;
        <a href="#" onClick="ajax_loadContent('news1','files/komm_2.html');return false"><img src="files/2.jpg" alt="снимок 2" width="64" height="64" 

border="0"></a>&nbsp;
        <a href="#" onClick="ajax_loadContent('news1','files/komm_3.html');return false"><img src="files/3.jpg" alt="снимок 3" width="64" height="64" 

border="0"></a>&nbsp;
    </td>
</tr>
<tr>
    <td width="150" height="50" align="center"><div id="news1"></div></td>
    <td width="150" align="center">сюда надо одновременно подгружать картинки 1, 2 или 3</td>
</tr>
</table>
<script type="text/javascript">
ajax_loadContent('news1','files/komm_1.html');
</script>
</body>
</html>

Надо, чтобы комментарий подгружался вместе со снимком.
Причём (это важно) подгружаться на страницу они должны из разных источников (снимок - отдельно, коммент - отдельно).
Не могу понять, как прописать два эти события...
Мож, кто подскажет?
Заранее признателен.

З.Ы. При необходимости могу подогнать весь скрипт (если у кого желание будет покурочить его у себя)

Автор: bars80080 28.9.2008, 17:34
Цитата(kvg95 @  28.9.2008,  14:28 Найти цитируемый пост)
При необходимости могу подогнать весь скрипт (если у кого желание будет покурочить его у себя) 

интересно, что без него твой вопрос совершенно бессмысленен, а то что ты привёл, вообще не известно что должно прояснить


что значит - из разных источников?

Автор: kvg95 28.9.2008, 17:38
задачка решена
всем спасибо

onClick="ajax_loadContent('news1','files/komm_1.html');ajax_loadContent('news2','files/komm_4.html')


ajax_loadContent('news1','files/komm_1.html');
ajax_loadContent('news2','files/komm_4.html');

Автор: Sanchezzz 29.9.2008, 05:58
Где весь JS код особенно функция ajax_loadConten.
responseText в ajax выводит весь хтмл

Автор: kvg95 29.9.2008, 07:24
Цитата(Sanchezzz @ 29.9.2008,  05:58)
Где весь JS код особенно функция ajax_loadConten.
responseText в ajax выводит весь хтмл

Код

<html>
<head>
<title></title>
<script type="text/javascript" src="java/ajax.js"></script>
<script type="text/javascript" src="java/ajax-dynamic-content.js"></script>
</head>
<body>
<table width="300" border="1" cellspacing="2" cellpadding="2" bgcolor="#C0C0C0">
<tr>
    <td colspan="2" align="center">
        <a href="#" onClick="ajax_loadContent('news1','files/komm_1.html');ajax_loadContent('news2','files/komm_4.html');return false"><img src="files/1.jpg" alt="снимок 1" width="64" height="64" border="0"></a>&nbsp;
        <a href="#" onClick="ajax_loadContent('news1','files/komm_2.html');ajax_loadContent('news2','files/komm_5.html');return false"><img src="files/2.jpg" alt="снимок 2" width="64" height="64" border="0"></a>&nbsp;
        <a href="#" onClick="ajax_loadContent('news1','files/komm_3.html');ajax_loadContent('news2','files/komm_6.html');return false"><img src="files/3.jpg" alt="снимок 3" width="64" height="64" border="0"></a>&nbsp;
    </td>
</tr>
<tr>
    <td width="150" height="50" align="center"><div id="news1"></div></td>
    <td width="150" align="center"><div id="news2"></div></td>
</tr>
</table>
<script type="text/javascript">
ajax_loadContent('news1','files/komm_1.html');
ajax_loadContent('news2','files/komm_4.html');
</script>
</body>
</html>

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)