Loading:


    Przeglądanie zawartości katalogów serwera - AJAX PHP

    Skrypt wyświetla podgląd zawartości katalogów serwera



    Napisz Artyku³

    Listing


    //index.html   #############################################

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Ajax</title>
    <link href="ajaxcss.css" rel="stylesheet" type="text/css">
    <script src="ajaxcore.js" type="text/javascript"></script>
    <script src="ajax.js" type="text/javascript"></script>
    </head>
    <body onload="startRequest('');">
    <div id="dataDiv" class="dataDiv">
    </div>
    </body>
    </html>




    //dane.php   #############################################

    <?php
    if(isSet($_GET["dir"])){
      $dir = $_GET["dir"];
      if($dir == '') $dir = "/";

      if(!@chdir($dir)){
        echo("error:Brak uprawnień...");
        exit;
      }
      $dir = @getcwd();
      if(!$fd = @opendir($dir)){
        echo("error:Brak uprawnień...");
        exit;
      }
      $dir = str_replace("\\", "/", $dir);
      if(($count = strlen($dir)) > 0){
        if($dir[$count - 1] == '/') $dir = substr($dir, 0, $count - 1);
      }
      while (($file = readdir($fd)) !== false){
        if($file == ".") continue;
        if(is_dir($dir."/".$file)){
          $spanEl = "<span onclick=\"startRequest('$dir/$file');\"";
          $spanEl .= "style=\"cursor:pointer;color:#0000FF;";
          $spanEl .= "font-weight:bold;\">$file</span>";
          echo $spanEl;
        }
        else{
         echo("$file");
        }
        echo("<br>");
      }
      closedir($fd);
    }
    else{
      echo "error:Niepoprawne dane.";
    }
    ?>









    //ajaxcss.css   #############################################

    .mainDiv
    {
      color: #333333;
      position: relative;
      background-color: #EFEFEF;
      border: 1px solid #000000;
      margin: 10px 10px 10px 10px;
      padding: 14px 14px 14px 14px;
      width: 350px;
      visibility: visible;
    }

    .dataDiv
    {
      color: #333333;
      position: relative;
      background-color: #ffffff;
      border: 1px solid #000000;
      margin: 10px 10px 10px 10px;
      padding: 14px 14px 14px 14px;
      width: 420px;
      visibility: visible;
    }

    .myButton
    {
      font-family:helvetica,sans-serif;
      font-size:84%;
      font-weight:bold;
      border:1px solid;
      border-top-color:#696;
      border-left-color:#696;
      border-right-color:#363;
      border-bottom-color:#363;
      width:120px;
      margin:5px;
    }

    .myTextInput
    {
      border:1px solid;
      background-color: #F8F8F8;
      border-top-color:#696;
      border-left-color:#696;
      border-right-color:#363;
      border-bottom-color:#363;
      width:70%;
    }



    //ajaxcore.js   #############################################

    function getXMLHttpRequestObject()
    {
      try{
        return new XMLHttpRequest();
      }
      catch(e){
        try{
          return new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch(e){
          return false;
        }
      }
    }

    function startGETRequest(url, onComplete, onEnd)
    {
      var XMLHttpRequestObject = getXMLHttpRequestObject();
      if(XMLHttpRequestObject){
        XMLHttpRequestObject.open("GET", url);
        XMLHttpRequestObject.onreadystatechange = function()
        {
          if (XMLHttpRequestObject.readyState == 4){
            if(XMLHttpRequestObject.status == 200){
              var responseXML = XMLHttpRequestObject.responseXML;
              var responseText = XMLHttpRequestObject.responseText;
              onComplete(responseText, responseXML);
            }
            delete XMLHttpRequestObject;
            onEnd();
          }
        }
        XMLHttpRequestObject.send(null);
      }
    }

    function startPOSTRequest(url, params, onComplete, onEnd)
    {
      var XMLHttpRequestObject = getXMLHttpRequestObject();
      if(XMLHttpRequestObject){
        XMLHttpRequestObject.open("POST", url);
        XMLHttpRequestObject.setRequestHeader(
          'Content-Type', 'application/x-www-form-urlencoded');
        XMLHttpRequestObject.onreadystatechange = function()
        {
          if (XMLHttpRequestObject.readyState == 4){
            if(XMLHttpRequestObject.status == 200){
              var responseXML = XMLHttpRequestObject.responseXML;
              var responseText = XMLHttpRequestObject.responseText;
              onComplete(responseText, responseXML);
            }
            delete XMLHttpRequestObject;
            onEnd();
          }
        }
        XMLHttpRequestObject.send(params);
      }
    }


    //ajax.js   #############################################

    function startRequest(param)
    {
      url = "dane.php?dir=" + param;
      url = encodeURI(url);
      startGETRequest(url, onComplete, onEnd);
    }

    function onComplete(text, xml)
    {
      if(text.substr(0, 5) == 'error'){
        alert("Nie można wyświetlać zawartości tego katalogu.");
      }
      else{
        div = document.getElementById('dataDiv');
        div.innerHTML = text;
      }
    }

    function onEnd()
    {
    }
     




    Dodano przez: igor
    Ranga: Administrator serwisu Punktów: 0
    Komentarze użytkowników
      • Tre¶æ komentarza
        Kod do komentarza (opcjonalnie)
        PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
        Autor
        Token
        token

         

         








    funkcje.net
    Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-2025 v.1.5 | design: diviXdesign & rainbowcolors