php - PHP 変数セッション ストアを使用する JavaScript または Ajax

Question

このサイトのようなカスタム シューズのオンライン Web ストアを構築したいhttp://www.shoesofprey.com/3d/designer?p=20600P4

まず、人々は自分の好きなスタイルを選び、次に好きな色を選びました。そのようなスクリプトを作成する必要があります (カートに追加せずに)。

彼らがクリックしたものはすべてセッションとして保存され、そのセッションからphpスクリプトが画像を選択すると思います。

これが私がやったことですが、それでもうまくいきません：

index.php で

    <script language='javascript'>
    function getXMLHTTP() { //function to return the xml http object
        var xmlhttp=false;  
        try{
            xmlhttp=new XMLHttpRequest();
        }
        catch(e)    {       
            try{            
                xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch(e){
                try{
                xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
                }
                catch(e1){
                    xmlhttp=false;
                }
            }
        }       
        return xmlhttp;
    }

    function getpic(strURL) {       
        var req = getXMLHTTP();
        if (req) {
            req.onreadystatechange = function() {
                if (req.readyState == 4) {
                    // only if "OK"
                    if (req.status == 200) {                        
                            document.getElementById('getimg').innerHTML=req.responseText;                       
                    } else {
                        alert("There was a problem while using   XMLHTTP:\n" + req.statusText);
                    }
                }               
            }           
            req.open("GET", strURL, true);
            req.send(null);
        }
    }

function createRequestObject() {
     var ro;     
     ro = (window.ActiveXObject) ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();

     return ro;
}

    var http = createRequestObject();

    function sndReq(action) {
     http.open('get', 'rpc.php?action='+action);
     http.onreadystatechange = handleResponse;
     http.send(null);
}

function handleResponse() {
     if(http.readyState == 4){
          var response = http.responseText;
          var update = new Array();

          if(response.indexOf('|') != -1) {
               update = response.split('|');
               document.getElementById(update[0]).innerHTML = update[1];
          }
     }
}
    </script>
    <table>
    <tr>
        <td>
            <a href="javascript:sndReq('top')">[TOP]</a>
            <a href="javascript:sndReq('bottom')">[BOTTOM]</a>

        </td>
        <td>
            <div id="getimg" style="width:600px;height:450px;border:1px solid #ccc;border-radius:10px;">
                <img src="img/polos.jpg">
            </div>
        </td>
        <td>
            <div id="foo">
            <label><input name="color" type="radio" value="black"> black </label><br/><br/>
            <label><input name="color" type="radio" value="blue"> blue </label><br/><br/>
            <label><input name="color" type="radio" value="brown"> brown </label><br/><br/>
            <label><input name="color" type="radio" value="red"> red </label><br/><br/>
            </div>
        </td>
    </tr>
    </table>

rpc.php で

switch($_REQUEST['action']) {
     case 'top':
          /* do something */
          session_start();
          // store session data
          $_SESSION['top']="t";

          echo "foo|"?>
            <label><input name="color" type="radio" value="1" onChange="getpic('http://localhost/distrokl/img.php?tcl='+this.value)"> blue </label><br/><br/>
            <label><input name="color" type="radio" value="2" onChange="getpic('http://localhost/distrokl/img.php?tcl='+this.value)"> brown </label><br/><br/>
            <label><input name="color" type="radio" value="3" onChange="getpic('http://localhost/distrokl/img.php?tcl='+this.value)"> red </label><br/><br/>
          <?;
          break;

    case 'bottom':
          /* do something */
          session_start();
          // store session data
          $_SESSION['bottom']="b";

          echo "foo|"?>
            <label><input name="color" type="radio" value="1" onChange="getpic('http://localhost/distrokl/img.php?bcl='+this.value)"> blue </label><br/><br/>
            <label><input name="color" type="radio" value="2" onChange="getpic('http://localhost/distrokl/img.php?bcl='+this.value)"> brown </label><br/><br/>
            <label><input name="color" type="radio" value="3" onChange="getpic('http://localhost/distrokl/img.php?bcl='+this.value)"> red </label><br/><br/>
          <?;
          break;
}

**and in img.php**

    session_start();
    $tcl = $_REQUEST['tcl'];
    $_SESSION['tcl']=$tcl;

    $bcl = $_REQUEST['bcl'];
    $_SESSION['bcl']=$bcl;

    $top = $_SESSION['top'];
    $bottom = $_SESSION['bottom'];

    $topcl = $_SESSION['tcl'];
    $botcl = $_SESSION['bcl'];

                echo "<img src='img/".$top.$topcl.$bottom.$botcl".jpg'><br/>";

私が何をする必要があるかについてのアイデアはありますか？