Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / обновить только DIV / 10 сообщений из 10, страница 1 из 1
28.11.2009, 21:20
    #36337190
dik_k
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
обновить только DIV
не судите строго! хочу разобраться с AJAX сделав такой пример...
в файле index.htm 2 дива. в одном ссылка на файл, надо нажав на эту ссылку обновить второй див, выведя в него содержимое файла TTT.php
подскажите пож-та как это сделать??? у меня не выходит!
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
---------------- index.htm ------------------
<html>
<head>
	<link rel='stylesheet' href='style.css' type='text/css'>
	<script src='m.js' language='JavaScript' type='text/javascript'> </script>
</head>

<body>
<div id="test">
// как здесь написать ссылку,  т.е. <a href=?????????????>ЖМИ</a> что бы обновился только div="test2" и в нём показалось бы содержимое файла TTT.php ????????
</div>
<div id="test2">ttttttttttttttttttt</div>
</body>
</html>

Код: plaintext
1.
2.
3.
---------------- style.css ------------------
#test {height: 90 %; background:RGB( 222 , 226 , 248 );}
#test2 {min-width:600px; height: 30 %; background:RGB( 18 , 28 , 75 );}

Код: plaintext
1.
2.
3.
4.
---------------- TTT.php ------------------
<?php
echo "yyyyyyyy";
?>

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
---------------- m.js ------------------
var req=null;
var console=null;
var ready= 0 ;
var divname='';
var READY_STATE_UNINITIALIZED= 0 ;
var READY_STATE_LOADING= 1 ;
var READY_STATE_LOADED= 2 ;
var READY_STATE_INTERACTIVE= 3 ;
var READY_STATE_COMPLETE= 4 ;

function sendRequest (url,indivname,params,HttpMethod)
{
if(!HttpMethod)
{
HttpMethod="GET";
}
req=initXMLHTTPRequest();
if (req)
{
divname=indivname;
req.onreadystatechange=onReadyState;
req.open(HttpMethod,url,true);
req.setRequestHeader ("Content-Type", "application/x-www-form-urlencoded");
req.send(params);
}
}
//============
function initXMLHTTPRequest()
{
var xRequest=null;
//Mozilla/Safari
if (window.XMLHttpRequest)
{
xRequest=new XMLHttpRequest();
}
else if (window.ActiveXObject)
{
xRequest=new ActiveXObject
//Internet Explorer
("Microsoft.XMLHTTP");
}
return xRequest;
}
//===============
function onReadyState()
{
ready=req.readyState;
var data=null;
if(ready==READY_STATE_COMPLETE)
{
data=req.responseText;
}
else
{
data="
пожалуйста подождите - идет загрузка...
";
}
toConsole(data);
}
//=======================
function toConsole(data)
{
var console=document.getElementById(divname);
console.innerHTML=data;
}
...
Рейтинг: 0 / 0
28.11.2009, 22:36
    #36337233
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
обновить только DIV
Как-нибудь так:
Код: plaintext
<a href='javascript:sendRequest ("TTT.php","test2",NULL,"GET")'>...
...
Рейтинг: 0 / 0
28.11.2009, 22:37
    #36337234
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
обновить только DIV
Пардон, null маленькими буквами.
...
Рейтинг: 0 / 0
29.11.2009, 09:10
    #36337384
dik_k
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
обновить только DIV
Да, спасибо.
показывает в диве содержимое файла, если файл имеет расширение .htm а при расширении .php - нет
в чем причина?
например этот файл покажется
Код: plaintext
1.
2.
3.
4.
----------TTT.htm----------
<html>
<body>rrrrrrrrrrrrrrrrr</body>
</html>
а этот нет
Код: plaintext
1.
2.
3.
4.
5.
6.
----------TTT.php----------
<html><body>
<?php
 echo "77777777777777777777777";
 ?>
</body></html>
...
Рейтинг: 0 / 0
29.11.2009, 11:00
    #36337414
NT Man
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
обновить только DIV
dik_kпоказывает в диве содержимое файла, если файл имеет расширение .htm а при расширении .php - нет
в чем причина?

Так в случае с php ты видишь не содержимое php, а результат работы php скрипта.
...
Рейтинг: 0 / 0
29.11.2009, 11:53
    #36337439
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
обновить только DIV
dik_k,

Вы в своём пхп пропишите контент-тайп: text/plain. Всё должно работать.
...
Рейтинг: 0 / 0
29.11.2009, 20:47
    #36337881
dik_k
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
обновить только DIV
имеется в виду это?

<head><meta http-equiv=Content-Type content='text/plain; charset=utf-8'></head>

не помогло.

И почему у меня вместо русских слов вопросительные знаки? у меня же стоит кодировка UTF-8
...
Рейтинг: 0 / 0
29.11.2009, 21:06
    #36337893
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
обновить только DIV
Нет не это я имел ввиду. А Ваш пхп-файл. В пхп есть такая штука header .
...
Рейтинг: 0 / 0
03.12.2009, 20:42
    #36347084
dik_k
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
обновить только DIV
возвращаясь к теме аякса и обновления дивов...
Код: plaintext
1.
2.
3.
4.
---------------  ttt.php -------------------------
<?php
 header('Content-type: text/plain');
echo "<html><body>укпукпук</body></html>";
 ?>
не работает... не понимаю - почему???

Код: plaintext
1.
2.
3.
4.
---------------  ttt.htm -------------------------
<html>
<head><meta http-equiv=Content-Type content='text/plain; charset=utf-8'></head>
<body>укпукпук</body></html>
этот файл показывается, только вместо "укпукпук" вопросительные знаки. Как перевести в кодировку UTF-8 ?
...
Рейтинг: 0 / 0
03.12.2009, 20:48
    #36347091
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
обновить только DIV
dik_k--------------- ttt.htm -------------------------
<html>
<head><meta http-equiv=Content-Type content='text/plain; charset=utf-8'></head>
<body>укпукпук</body></html>
[/src]этот файл показывается, только вместо "укпукпук" вопросительные знаки. Как перевести в кодировку UTF-8 ?
А здесь уж точно не текст/плейн. Да и записано у Вас неправильно. Ну почитайте что-нибудь, ёлки-палки.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / обновить только DIV / 10 сообщений из 10, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]