Metacat

  <script src="style/skins/sms/jquery-1.2.6.min.js"></script>

  <script type="text/javascript">

    function login()

    {

      var user = document.getElementById("un").value;

      var org = document.getElementById("org").value;

      var pass = document.getElementById("pw").value;

      var ldapUsername = 'uid=' + user + ',o=' + org + ',dc=ecoinformatics,dc=org';

      $.get("metacat", {username: ldapUsername, password: pass, action:"login", qformat:"xml"}, 

        function(data) {

          //alert('user ' + ldapUsername + ' logged in.  data:' + data);

          if(data.indexOf('<sessionId>') != -1)

          { //login successful

            //alert('user logged in');

            slideUp("#loginformdiv");

            $('#loginheader').replaceWith("<h2 style=\"text-align:center\" id=\"loginheader\">" 

              + user + " Logged In <a onclick=\"logout()\">[logout]</a></h2>");

          }

          else

          { //login not successful

            alert('user not logged in');

          }

        }, "XML");

    }

    function logout()

    {

      $.get("metacat", {action:"logout", qformat:"xml"});

      $('#loginheader').replaceWith("<h2 style=\"text-align:center\" id=\"loginheader\">Please Login</h2>");

      slideDown('#loginformdiv')

    }

    function slideUp(id)

    {

      $(id).slideUp("slow");

    }

    function slideDown(id)

    {

      $(id).slideDown("slow");

    }

  </script>

    <div style="width:650px; border:5px; margin:0px auto;">

      <h1 style="text-align:center">SEEK Semantic Mediation Tools</h1>

    </div>

    <div style="width: 650px; border: 5px; margin: 0px auto; background: grey">

      <div id="loginheaderdiv">

        <h2 style="text-align:center" id="loginheader">Please Login</h2>

      </div>

      <div id="loginformdiv">

      <form action="metacat" name="loginform" method="POST">

        <div style="width:300px; margin:0px auto; height: 150px;">

        <table>

          <tr>

            <td>Username:</td><td><input id="un" type="text" name="username"/></td>

          </tr>

          <tr>

            <td>Organization:</td><td><input id="org" type="text" name="organization"/></td>

          </tr>

          <tr>

            <td>Password:</td><td><input id="pw" type="password" name="password"/></td>

          </tr>

        </table>

        <a onclick="login()">[Login]</a>

      </form>

      </div>

      </div>

    </div>

  <img src="style/skins/sms/sms-page-bottom.png" style="position:relative; bottom: 15px;"/>