[Помощь] Проверка логина на доступность

Тема в разделе "WebAsyst", создана пользователем dimerspb, 29 сен 2010.

Статус темы:
Закрыта.
Модераторы: mdss
  1. dimerspb

    dimerspb Постоялец

    Регистр.:
    24 фев 2010
    Сообщения:
    88
    Симпатии:
    8
    Есть такая фишка на jquery

    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>
    В данном коде мы подключили фреймворк jQuery и прописали тексты и эффекты для сообщений о доступности\недоступности имен.

    Далее нам необходимо создать форму:
    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;
    }
    Теперь давайте взглянем на PHP код, который делает всю работу. Этот код, необходимо вставить в отдельный файл. В нашем примере он называется user_availability.php
    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
    и что еще нужно поменять чтоб сработало.

    заранее благодарен, думаю многим будет интересно.
     
Статус темы:
Закрыта.