- Автор темы
- #1
Есть такая фишка на jquery
В данном коде мы подключили фреймворк jQuery и прописали тексты и эффекты для сообщений о доступности\недоступности имен.
Далее нам необходимо создать форму:
Все предельно просто. Кроме поля для ввода еще добавили место для сообщения о доступности имени и обрамили тегами <span>.
Ниже представлены стили оформления, которые были использованы в примере. Их можно использовать как в том же документе, так и вынести в отдельный файл.
Теперь давайте взглянем на PHP код, который делает всю работу. Этот код, необходимо вставить в отдельный файл. В нашем примере он называется user_availability.php
кто в курсе как реализовать для webasyst??
пытаюсь подключить все выполнил, не пойму куда складывать user_availability.php
и что еще нужно поменять чтоб сработало.
заранее благодарен, думаю многим будет интересно.
HTML:
Между тегами <body></body> необходимо поместить следующий код:
<script src="jquery.js" type="text/javascript" language="javascript"></script>
<script language="javascript">
$(document).ready(function()
{
$("#username").blur(function()
{
$("#msgbox").removeClass().addClass('messagebox').text('Проверка...').fadeIn("slow");
//Проверить существует ли имя
$.post("user_availability.php",{ user_name:$(this).val() } ,function(data)
{
if(data=='no') //если имя не доступно
{
$("#msgbox").fadeTo(200,0.1,function() //начнет появляться сообщение
{
$(this).html('Это имя уже занято').addClass('messageboxerror').fadeTo(900,1);
});
}
else
{
$("#msgbox").fadeTo(200,0.1,function()
{
//тут прописывается сообщение о доступности имени
$(this).html('Имя доступно для регистрации').addClass('messageboxok').fadeTo(900,1);
});
}
});
});
});
</script>Далее нам необходимо создать форму:
HTML:
<div >
User Name : <input name="username" type="text" id="username" value="" maxlength="15" />
<span id="msgbox" style="display:none"></span>
</div>Все предельно просто. Кроме поля для ввода еще добавили место для сообщения о доступности имени и обрамили тегами <span>.
Ниже представлены стили оформления, которые были использованы в примере. Их можно использовать как в том же документе, так и вынести в отдельный файл.
HTML:
.messagebox{
position:absolute;
width:100px;
margin-left:30px;
border:1px solid #c93;
background:#ffc;
padding:3px;
}
.messageboxok{
position:absolute;
width:auto;
margin-left:30px;
border:1px solid #349534;
background:#C9FFCA;
padding:3px;
font-weight:bold;
color:#008000;
}
.messageboxerror{
position:absolute;
width:auto;
margin-left:30px;
border:1px solid #CC0000;
background:#F7CBCA;
padding:3px;
font-weight:bold;
color:#CC0000;
}
HTML:
<?php
include ("dbconnect.php");
$user_login = $_POST['user_login'];
$login = mysql_query ("SELECT * FROM user WHERE login = '$user_login'",$db);
if (mysql_num_rows($login)) {
//юзер недоступен
echo "no";
}
else {
//доступен
echo "yes";
}
?>кто в курсе как реализовать для webasyst??
пытаюсь подключить все выполнил, не пойму куда складывать user_availability.php
и что еще нужно поменять чтоб сработало.
заранее благодарен, думаю многим будет интересно.