Wie nicEdit (editbox) oder jquery (datepicker für Textfeld) nach einem XMLHttpRequest aufgerufen wird?

Question

Brauchen Hilfe (oder ein Beispiel) wie ich nicht in der Lage, jquery datepick oder nicEdit bei der Verwendung von XMLHttpRequest aufrufen kann.

Mein Code kommt mit 4 PHP-Dateien:

<p>Main page:&nbsp;main.php<br /> 
    ++++++++++++++++++<br /> 
    &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;<br /> 
    &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;<br /> 
    &lt;head&gt;<br /> 
    &lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;<br /> 
    &lt;title&gt;Education Centre&lt;/title&gt;<br /> 
    &lt;link href=&quot;style.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;screen&quot; /&gt;<br /> 
    &lt;script type=&quot;text/javascript&quot; src=&quot;script.js&quot;&gt;&lt;/script&gt;<br /> 
    &lt;script type=&quot;text/javascript&quot; src=&quot;mainjs.js&quot;&gt;&lt;/script&gt;<br /> 
    &lt;script src=&quot;http://js.nicedit.com/nicEdit-latest.js&quot; type='text/javascript'&gt;&lt;/script&gt;<br /> 
    &lt;script type=&quot;text/javascript&quot;&gt;bkLib.onDomLoaded(nicEditors.allTextAreas);&lt;/script&gt;</p> 
<p>&lt;/head&gt;<br /> 
    &lt;body onLoad=&quot;init_table();&quot;&gt;<br /> 
    &lt;div id=&quot;page&quot;&gt;<br /> 
    &lt;form name='form1'&gt;<br /> 
    &lt;p&gt;&amp;nbsp;&lt;/p&gt;<br /> 
    &lt;div id=&quot;content&quot;&gt;<br /> 
    &lt;div id=&quot;showTable&quot;&gt;  &lt;/div&gt;<br /> 
    &lt;/div&gt;<br /> 
    &lt;/form&gt;<br /> 
    &lt;/div&gt;<br /> 
    &lt;!-- end page --&gt;<br /> 
    &lt;/body&gt;<br /> 
    &lt;/html&gt;<br /> 
</p> 
<br /> 


<p>mainjs.js<br /> 
    +++++++++<br /> 
    function init_table() {<br /> 
    requestInfo('showMain.php?mode=list&amp;prev_cid=1','showTable','');<br /> 
    }</p> 
<p>&nbsp;</p> 
<p>script.js [copied and tested to be ok with other pages]<br /> 
    +++++++++++++++++++++++++++++++++++++++++++++++++++++++<br /> 
    function getHTTPObject() {<br /> 
    var xmlhttp;<br /> 
    <br /> 
    if(window.XMLHttpRequest){<br /> 
    xmlhttp = new XMLHttpRequest();<br /> 
    }<br /> 
    else if (window.ActiveXObject){<br /> 
    xmlhttp=new ActiveXObject(&quot;Microsoft.XMLHTTP&quot;);<br /> 
    if (!xmlhttp){<br /> 
    xmlhttp=new ActiveXObject(&quot;Msxml2.XMLHTTP&quot;);<br /> 
    }<br /> 
    <br /> 
    }<br /> 
    return xmlhttp;<br /> 
    }</p> 
<p>var http = getHTTPObject(); // We create the HTTP Object</p> 
<p>function requestInfo(url,id,redirectPage) { <br /> 
    var temp=new Array();<br /> 
    http.open(&quot;GET&quot;, url, true);<br /> 
    http.onreadystatechange = function() {<br /> 
    if (http.readyState == 4) {<br /> 
    if(http.status==200) {<br /> 
    var results=http.responseText;<br /> 
    if(redirectPage==&quot;&quot; || results!=&quot;1&quot;) {<br /> 
    var temp=id.split(&quot;~&quot;); // To display on multiple div <br /> 
    var r=results.split(&quot;~&quot;); // To display multiple data into the div <br /> 
    if(temp.length&gt;1) {<br /> 
    for(i=0;i&lt;temp.length;i++) { <br /> 
    document.getElementById(temp[i]).innerHTML=r[i];<br /> 
    }<br /> 
    } else {<br /> 
    document.getElementById(id).innerHTML = results;<br /> 
    } <br /> 
    <br /> 
    } else {<br /> 
    window.location.href=redirectPage; <br /> 
    }<br /> 
    } <br /> 
    }<br /> 
    };<br /> 
    http.send(null);<br /> 
    }<br /> 
</p> 

<br /> 
<p>showMain.php<br /> 
    ++++++++++++<br /> 
    &lt;?php<br /> 
header('Content-Type: text/xml');</p> 
<p>//include(&quot;config.php&quot;);<br /> 
    //include(&quot;mysql.lib.php&quot;);<br /> 
    //$obj=new connect;<br /> 
    <br /> 
    $netwkinfo = &quot;Some information pulled from database&quot;;<br /> 
    echo &quot;&lt;table&gt;&quot;;<br /> 
    echo &quot;&lt;tr&gt;&lt;td&gt;My Data&lt;/td&gt; &lt;td&gt;&lt;textarea id='netwkinfo' cols='75' rows='5' &gt;&quot; . $netwkinfo . &quot;&lt;/textarea&gt;&lt;/td&gt;&lt;/tr&gt;&quot;;<br /> 
    echo &quot;&lt;/tr&gt;&quot;;<br /> 
    echo &quot;&lt;/table&gt;&quot;;<br /> 
    ?&gt;<br /> 
</p> 

showMain.php ist eine Datei, die Daten aus einer Datenbank extrahieren werden usw. angezeigt/bearbeitet ... aber der Einfachheit halber zuweisen i einen Wert $ netwkinfo .

Was ich gerne sehen würde, ist nicEdit Feature (Panel) in der Editbox angezeigt. Leider sehe ich es nicht, nur ein einfaches Eingabefeld erscheint. Was könnte falsch sein und wie sollte ich es korrigieren, damit es funktioniert?

Ähnlich IF Ich habe jquery datepicker auf ein Textfeld in der showmain.php verwendet, ich sehe es nicht funktionieren. Ich denke, es ist das gleiche Konzept, aber ich konnte einfach nicht herausfinden, wie man sie zum Laufen bringt.

Schätzen Sie jede Hilfe hier. Danke.

Answer 1

den Hinweis auf die here Antwort gefunden.

haben nicedit noch nicht erfolgreich implementiert, aber datepicker für jquery wurde aufgelöst.

für picker I verwendet:

$(function(){ 
    $('.inputDate').live('click', function() { 
    $(this).datepicker({ 
     starts: 1, 
     position: 'right', 
     onChange: function(formated, dates){ 
     $('#inputDate').val(formated); 
     $('#inputDate').DatePickerHide(); 
     } 
    }); 
    }); 
}); 

Answer 2

Da Sie bereits jQuery auf der Seite haben, warum nicht seine AJAX-Funktionalität verwenden Ihre Skript-Dateien werden viel einfacher zu lesen sein.

mainjs.js

function init_table() { 
    requestInfo('showMain.php?mode=list&prev_cid=1','showTable',''); 
} 

script.js

function requestInfo(url,id,redirectPage) { 
    $.ajax({ type: "POST", 
     url: url, 
     data: id, 
     success: function(msg){ 
     var temp = id.split('~'); 
     var r= msg.split("~") 
     for (i=0;i<temp.length;i+=1){ 
     $(temp[i]).val(r[i]); 
     } 

     $(document).location.href = redirectPage; 
    });