Здравствуйте Гость ( Вход | Регистрация )

Создать форум бесплатно: ixbb.ru :: Календарь на Апрель 2024 года: calendar2008.ru/2024/aprel/

Форум aceweb.ru -> Web программирование -> Все о javascript

Ajax и три <form> не работает. Как правильно?

Подписка на тему | Сообщить другу | Версия для печати

vlad275

Отправлено: Dec 8 2009, 02:25 PM

Солдат

Группа: Members
Сообщений: 4
Пользователь №: 3030
Регистрация:
8-December 09

Ajax и три <form> не работает. Как правильно?

Никак не получается сделать листание базы данных с использованием AJAX. Как это сделать?
При нажатии кнопок листания не происходит, не понимаю в чем дело
http://ncaa.ru/employers.php
employers.php:

CODE

<form method=POST action=javascript:insertTask();>
<input name="f" id="f" type=hidden value=1>
<input type=submit value='->'>
</form>
<form method=POST action=javascript:insertTask();>
<input name="b" id="b" type=hidden value=1>
<input type=submit value='<-'>
</form>

<form id="searchForm" name="searchForm" method="POST" action="javascript:insertTask();">
<div class="searchInput" align=left STYLE=margin-left:20px;>
<input name="searchq" type="hidden" id="searchq" size="30" onkeyup="javascript:searchNameq()"/><br />

<select name="aaa" id="aaa" >
<option disabled>Выберите позицию</option>
<option value="">Все</option>
<option value="1">Помощник по хозяйству</option>
<option value="2">Садовник</option>
<option value="3">Няня</option>
<option value="4">Гувернантка</option>
<option value="5">Повар</option>
<option value="6">Домработница</option>
<option value="7">Логопед</option>
<option value="8">Репетитор</option>
<option value="9">Сиделка</option>
<option value="10">Персональный водитель</option>
<option value="11">Семейная пара</option>
</select>

<select name="bbb" id="bbb" >
<option disabled>Выберите пол</option>
<option value="">Любой</option>
<option value="F">Женский</option>
<option value="M">Мужской</option>
</select>

<select name="ccc" id="ccc" >
<option disabled>Выберите возраст</option>
<option value="">Любой</option>
<option value="10">10-20</option>
<option value="20">20-30</option>
<option value="30">30-40</option>
<option value="40">40-50</option>
<option value="50">50-60</option>
<option value="60">60-70</option>
<option value="70">70-80</option>
</select>

<select name="ddd" id="ddd" >
<option disabled>Выберите опыт</option>
<option value="">Любой</option>
<option value="0"><1</option>
<option value="1">1-3</option>
<option value="4">>3</option>
</select>

<select name="eee" id="eee" >
<option disabled>Выберите количество детей соискателя</option>
<option value="">Любое</option>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
</select>

<select name="fff" id="fff" >
<option disabled>Выберите образование</option>
<option value="">Любое</option>
<option value="1">Среднее педагогическое</option>
<option value="2">Высшее педагогическое</option>
<option value="3">Среднее медицинское</option>
<option value="4">Высшее медицинское</option>
<option value="5">Высшее другое</option>
</select>

<input type="button" name="submitSearch" id="submitSearch" value="Показать" onclick="javascript:searchNameq()"/>
</div>
</form>

search.php"

CODE

<!DOCTYPE HTML>
<html>
<head>
<title>Просмотр резюме</title>
<meta http-equiv="Content-Language" content="ru">

<meta content="Creative KADR" name=r-d-v>
<meta name="description" content="Интересует подбор домашнего персонала? Нужная информация здесь!>
<link rel="shortcut icon" href="/favicon.gif" />
<link rel="icon" href="/favicon.gif" type="image/gif" />
<link href="styles.css" rel="stylesheet" type="text/css">
<script language="javascript" src="ajax_framework.js"></script>
</head>
<body>

<center>
<div class="frame" align=center style="background:#EEEEEE;width:769px;">

<?php
include('header.inc');
?>
<div align=left STYLE='margin-bottom:30px;margin-top:40px;'>
<a href=index.php>Главная</a>-><a href=employers.php>Для работодателей</a>->Просмотр резюме
</div>
<form id="searchForm" name="searchForm" method="POST" action="javascript:insertTask();">
<div class="searchInput">
<input name="searchq" type="text" id="searchq" value=64 size="30" onkeyup="javascript:searchNameq()"/>
<input type="button" name="submitSearch" id="submitSearch" value="Search" onclick="javascript:searchNameq()"/>
</div>
</form>

<h3>Search Results</h3>
<div id="msg">Type something into the input field</div>
<div id="search-result"></div>
</div>
</center>
</body>
</html>

ajax_framework.js:

CODE

/* -------------------------- */
/* XMLHTTPRequest Enable */
/* -------------------------- */
function createObject() {
var request_type;
var browser = navigator.appName;
if(browser == "Microsoft Internet Explorer"){
request_type = new ActiveXObject("Microsoft.XMLHTTP");
} else {
request_type = new XMLHttpRequest();
}
return request_type;
}

var http = createObject();

/* -------------------------- */
/* SEARCH */
/* -------------------------- */
function searchNameq() {
searchq = encodeURI(document.getElementById('searchq').value);
aaa = encodeURI(document.getElementById('aaa').value);
bbb = encodeURI(document.getElementById('bbb').value);
ccc = encodeURI(document.getElementById('ccc').value);
ddd = encodeURI(document.getElementById('ddd').value);
eee = encodeURI(document.getElementById('eee').value);
fff = encodeURI(document.getElementById('fff').value);
f = encodeURI(document.getElementById('f').value);
b = encodeURI(document.getElementById('b').value);

document.getElementById('msg').style.display = "block";
//document.getElementById('msg').innerHTML = "Searching for <strong>" + searchq+"<br />aaa:"+aaa+"<br />bbb:"+bbb+"<br />ccc:"+ccc+"<br />ddd:"+ddd+"<br />eee:"+eee+"<br />fff:"+fff;
// Set te random number to add to URL request
nocache = Math.random();
//http.open('get', 'in-search.php?name='+searchq+'&nocache='+nocache+'&aaa='+aaa+'&bbb='+bbb+'&ccc='+ccc+'&ddd='+ddd+'&eee='+eee+'&fff='+fff);
http.open('get', 'in-search.php?name='+searchq+'&nocache='+nocache+'&aaa='+aaa+'&bbb='+bbb+'&ccc='+ccc+'&ddd='+ddd+'&eee='+eee+'&fff='+fff+'&f='+f+'&b='+B);
http.onreadystatechange = searchNameqReply;
http.send(null);
}
function searchNameqReply() {
if(http.readyState == 4){
var response = http.responseText;
document.getElementById('search-result').innerHTML = response;
}
}

Можно ли с AJAX использовать три <form> или только одну form?

Если не удастся найти ошибку то листание придется осуществлять тремя радиобаттонами. Левый - листать влево. Правый листать - вправо. Средний - задавать выборку по параметрам из уже найденных пользователей

« Предыдущая тема | Все о javascript | Следующая тема »

[ Script Execution time: 0.0343 ] [ 10 queries used ] [ GZIP выключен ]