انجمن


کمک درمورد آجاکسی کردن کنترل پنل پوسته  (۲ نوشته)

  • arashmf

    آفلاین
    عضو
    تعداد نوشته‌ها: ۲۰
    تشکر شده: ۲ بار
    # نوشته شده: ۱۲ سال پیش
    ۲۵ شهریور ۱۳۹۱ - ۰۹:۰۱

    با سلام من یه پوسته طراحی کردم حالا میخوام کنرل پنلش رو آجاکسی کنم یعنی فرم ای که اطلاعات پوسته رو به دیتا ارسال میکنه رو آجاکسی کنم

    //<![CDATA[
    
    var div = "showresult";
    var loadingmessage = ' لطفا کمی صبر کنید...';
    function Ajaxrequest(){
        var xmlHttp;
        try{
            // Firefox, Opera 8.0+, Safari
            xmlHttp=new XMLHttpRequest();
            return xmlHttp;
            }
            catch (e){
                try{
                    // Internet Explorer
                    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
                    return xmlHttp;
                    }
                    catch (e){
                        try{
                            xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
                            return xmlHttp;
                            }
                            catch (e){
                                alert("مرورگر شما از آژاکس پشتیبانی نمی کند!");
                                return false;
                }
            }
        }
    }
    function formget(form, url) {
        var poststr = getFormValues(form);
        postData(url, poststr);
    }
    function postData(url, parameters){
        var xmlHttp = Ajaxrequest();
        xmlHttp.onreadystatechange =  function(){
            if(xmlHttp.readyState > 0 && xmlHttp.readyState < 4){
                document.getElementById(div).innerHTML=loadingmessage;
                }
                if (xmlHttp.readyState == 4) {
                    document.getElementById(div).innerHTML=xmlHttp.responseText;
                    }
                    }
                    xmlHttp.open("POST", url, true);
                    xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                    xmlHttp.setRequestHeader("Content-length", parameters.length);
                    xmlHttp.setRequestHeader("Connection", "close");
                    xmlHttp.send(parameters);
    }
    function getFormValues(formobj)
    {
        var str = "";
        var valueArr = null;
        var val = "";
        var cmd = "";
        for(var i = 0;i < formobj.elements.length;i++)
        {
            switch(formobj.elements[i].type)
            {
                case "text":
                str += formobj.elements[i].name +
                "=" + escape(formobj.elements[i].value) + "&";
                break;
                case "textarea":
                str += formobj.elements[i].name +
                "=" + escape(formobj.elements[i].value) + "&";
                break;
                case "select-one":
                str += formobj.elements[i].name +
                "=" + formobj.elements[i].options[formobj.elements[i].selectedIndex].value + "&";
                break;
                case "checkbox":
                if(formobj.elements[i].checked == true){
                    str += formobj.elements[i].name +
                    "=" + formobj.elements[i].value + "&";
                }
                break;
                }
            }
    str = str.substr(0,(str.length - 1));
    return str;
    }
    //]]>

    این کد آجاکسی بودن فرم رو انجام میده

    اینم فرم

    <form action="" method="post" class="cpanel_form">
    		<ul class = "cpanel">
    		            <div id="showresult">
    
    		  <li>
    			<div class = "cpanel_title">پنل مدیریت</div>
                <ul class="tabContainer">
                  <!-- The jQuery generated tabs go here -->
                </ul>
    
                <div class="clear"></div>
                <div id="tabContent">
                  <div id="contentHolder">
                     <!-- The AJAX fetched content goes here -->
                  </div>
                </div>             
    
    		  </li>
    
    		  <li style="text-align:center">
    			<input type="hidden" id="ss_action" name="ss_action" value="save">
    			<input type="submit" value="Save" id="p_action" name="p_action" class="button-primary"
                onclick="formget(this.form, '../../../../wp-admin/themes.php?page=persian_theme')"/>
    			<input type="submit" value="Reset" id="p_reset" name="p_reset" class="button" />
    		  </li>
    		               </div>
    
    		</ul>
    	  </form>
  • arashmf

    آفلاین
    عضو
    تعداد نوشته‌ها: ۲۰
    تشکر شده: ۲ بار
    # نوشته شده: ۱۲ سال پیش
    ۲۵ شهریور ۱۳۹۱ - ۰۹:۰۵

    اما نمیونم چرا کار نمیکنه و اطلاعاتی رو ارسال نمیکنه در ضمن وقت آجاکس بودن فرم سالم هست اما وقتی فرم رو ارسال میکنی به جای ارسال داده صفحه ای که بهش گفتم رو دوباره برمیگردونه

    ممنومن میشم کمک کنید

درباره‌ی این موضوع



برچسب‌ها

هیچ برچسبی نیست.