Изкарване на инфо без рефреш

[bgmafiabitka]

<input type="text" name="ime">

как да го направая след като си въвел некста веднага под него (без рефреш на страницата) да ти показва дали въведения текст съществува в посочената таблица или не

 

[Er4o]

Заповядай - http://www.w3schools.com/PHP/php_ajax_database.asp

 

[shterev]

http://demo.script.aculo.us/ajax/autocompleter

 

[emagi]

Ето ти един пример:имаш един файл ajax.html, в който въвеждаш потребителското име:

<html>

<head>

<title></title>
<script type="text/javascript">
var xmlHttp = false;
function initPage(){
if(window.XMLHttpRequest)
{
   xmlHttp = new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
   alert("Your browser does not support AJAX");
   exit();
}
}
function check()
{
var myForm = document.getElementById('myForm');
var myDiv = document.getElementById('check');
var pole_name = myForm[0].name;
var pole_value = myForm[0].value;
var num = encodeURIComponent(pole_name)+'='+encodeURIComponent(pole_value);
xmlHttp.open("post", myForm.action, true);
xmlHttp .setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlHttp.onreadystatechange = function() {
if(xmlHttp.readyState == 4)
{
   myDiv.innerHTML = xmlHttp.responseText;
}
}
xmlHttp.send(num);
}
</script>
<style type="text/css">
#check {
width:400px;
height:30px;
border:solid 1px red;
}
</style>
</head>

<body onload="initPage()">
<form method="post" action="ajax1.php" id="myForm" onsubmit="return false">
<input type="text" name="name" /><br />
<input type="submit" name="submit" onclick="check()" />
</form>
<div id="check"></div>
</body>

</html>

Така.............., и ти трябва един файл,който да проверява това , което си въвел.Файла се казва ajax1.php:

<?php
header("Content-Type:text/plain; charset=windows-1251");
?>
<html>

<head>

<title></title>

</head>

<body>
<?php
if(isset($_POST['name']))
{
$name =  $_POST['name'];
if(empty($name))
{
   echo "Не сте въвели нищо";
}
elseif($name == "emagi")
{
    echo "ПОтребитеслкото име вече е заето";
}
else
{
   echo "Вие се регистрирахте успешно";
}
}
?>
</body>

</html>

Пробвай да въведеш emagi.
Това е проста проверка.В твоя случай ти трябва да си направиш проверка с php и mysql(мисля, че сам ще се справиш)
АКо има нещо питай в темата, или на лично

 

[bgmafiabitka]

thx emagi, но аз искам още преди да кликнеш на Изпращане да ти изписва дали името е заето, а не след като кликнеш на бутона

 

[alex95_bg_2]

http://web-tourist.net/login/login/view.php?st=1325

 

[emagi]

Ето ти ajax.html файла:

<html>

<head>

<title></title>
<script type="text/javascript">
var xmlHttp = false;
function initPage(){
if(window.XMLHttpRequest)
{
   xmlHttp = new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
   alert("Your browser does not support AJAX");
   exit();
}
}
function check()
{
var myForm = document.getElementById('myForm');
var myDiv = document.getElementById('check');
var pole_name = myForm[0].name;
var pole_value = myForm[0].value;
var num = encodeURIComponent(pole_name)+'='+encodeURIComponent(pole_value);
xmlHttp.open("post", myForm.action, true);
xmlHttp .setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlHttp.onreadystatechange = function() {
if(xmlHttp.readyState == 4)
{
   myDiv.innerHTML = xmlHttp.responseText;
}
}
xmlHttp.send(num);
}
</script>
<style type="text/css">
#check {
width:400px;
height:30px;
border:solid 1px red;
}
</style>
</head>

<body onload="initPage()">
<form method="post" action="ajax1.php" id="myForm" onsubmit="return false">
<input type="text" name="name" onblur="check()" /><br />

</form>
<div id="check"></div>
</body>

</html>

Ето ти и файла ajax1.php:

<?php
header("Content-Type:text/plain; charset=windows-1251");
?>
<html>

<head>

<title></title>

</head>

<body>
<?php
if(isset($_POST['name']))
{
$name =  $_POST['name'];
if(empty($name))
{
   echo "Не сте въвели нищоî";
}
elseif($name == "emagi")
{
    echo "Потребителското име е заето";
}
else
{
   echo "ПОтребителското име НЕ е заето";
}
}
?>
</body>

</html>

Като въведе какво и да нбило, щракни някъде извън полето
Махнал съм бутона submit.Просто го разкоментирай ако искаш!

 

[bgmafiabitka]

thx на всички, но сега се сетих още нещо
много се извинявам, но може ли още докато пишеш името да ти изписва дали е заето

 

[emagi]

http://demo.script.aculo.us/ajax/autocompleter
Ето, Shterev тие дал решение!Като пишеш ти дава възможните резултати, тоест ако го има значи е заето

 

[bgmafiabitka]

http://demo.script.aculo.us/ajax/autocompleter
Ето, Shterev тие дал решение!Като пишеш ти дава възможните резултати, тоест ако го има значи е заето

нищо не разбирам от там!?

 

[emagi]

Ето виж тук,може дори да си смъкнеш sample

 

[raiden]

http://w3schools.com/ajax/ajax_example_suggest.asp

 

[alex95_bg_2]

onKeyUp?