Показать сообщение отдельно

  #10  
Старый 19.05.2008, 23:31
d_x
Постоянный
Регистрация: 25.03.2008
Сообщений: 670
С нами: 9541766

Репутация: 2407


По умолчанию

Сделал на аяксе базовый пример, проверки уже и всё остальное легко дописать:

Файл forms.htm:
Код HTML:
<html><body><script language='JavaScript'>
function createHttpRequest()
{
  var uagent=navigator.userAgent.toLowerCase();
  var is_win=((uagent.indexOf("win")!=-1) || (uagent.indexOf("16bit")!=-1));
  var is_opera=(uagent.indexOf('opera')!=-1);
  var is_webtv=(uagent.indexOf('webtv')!=-1);
  var is_safari=((uagent.indexOf('safari')!=-1) || (navigator.vendor=="Apple Computer, Inc."));
  var is_ie=((uagent.indexOf('msie')!=-1) && (!is_opera) && (!is_safari) && (!is_webtv));

  if(is_ie)
    httpRequest=new ActiveXObject("Microsoft.XMLHTTP");
  else
    httpRequest=new XMLHttpRequest();

  return httpRequest;
}


function sendRequest(file,params)
{
  httpRequest.open('POST',file,true);
  httpRequest.setRequestHeader("Content-type","application/x-www-form-urlencoded");
  httpRequest.setRequestHeader("Content-length",params.length);
  httpRequest.setRequestHeader("Connection","close");
  httpRequest.onreadystatechange=getRequestx;
  httpRequest.send(params);
}

function getRequestx()
{
  if(httpRequest.readyState==4)
  {
    document.getElementById("frm").innerHTML=httpRequest.responseText;
    document.getElementById("f").disabled=false;
  }
}

var httpRequest=createHttpRequest();


function cf(name)
{
  if(!name || (name!='form1.htm' && name!='form2.htm'))
  {
    document.getElementById("frm").innerHTML="Выберите форму";
    return;
  }

  document.getElementById("frm").innerHTML="Загрузка...";
  document.getElementById("f").disabled=true;
  sendRequest(name,'');
}
</script>
Выберите форму:<br>
<select onchange="cf(this.value)" id="f">
<option>выберите</option>
<option value="form1.htm">первая</option>
<option value="form2.htm">вторая</option>
</select>
<hr>
<div id="frm">
Выберите форму
</div>
</body></html>

Файл form1.htm:
Код HTML:
<form action='' method='post'>
FORM 1: 
<input type='text' name='aaa' value='bbb'>
</form>

Файл form2.htm:
Код HTML:
<form action='' method='post'>
FORM 2: 
<select><option>AAA</option><option>BBB</option>
</form>

Последний раз редактировалось d_x; 19.05.2008 в 23:50..
 
Ответить с цитированием