Bir XMLHttpRequest sonra nicEdit (editbox) veya jquery (metin kutusu için datepicker) çağırmak nasıl?

2 Cevap php

Ben XMLHttpRequest kullanırken jquery datepick veya nicEdit çağırmak mümkün değil gibi görünüyor yok gibi yardım (ya da bir örnek) ihtiyacınız var.

Benim kodu 4 php dosyaları ile gelir:

Main page: main.php
++++++++++++++++++
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Education Centre</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript" src="mainjs.js"></script>
<script src="http://js.nicedit.com/nicEdit-latest.js" type='text/javascript'></script>
<script type="text/javascript">bkLib.onDomLoaded(nicEditors.allTextAreas);</script>

</head>
<body onLoad="init_table();">
<div id="page">
<form name='form1'>
<p>&nbsp;</p>
<div id="content">
<div id="showTable"> </div>
</div>
</form>
</div>
<!-- end page -->
</body>
</html>


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

 

script.js [copied and tested to be ok with other pages]
+++++++++++++++++++++++++++++++++++++++++++++++++++++++
function getHTTPObject() {
var xmlhttp;

if(window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
}
else if (window.ActiveXObject){
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
if (!xmlhttp){
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
}

}
return xmlhttp;
}

var http = getHTTPObject (); / / Biz HTTP Obje yaratmak

function requestInfo(url,id,redirectPage) {
var temp=new Array();
http.open("GET", url, true);
http.onreadystatechange = function() {
if (http.readyState == 4) {
if(http.status==200) {
var results=http.responseText;
if(redirectPage=="" || results!="1") {
var temp=id.split("~"); // To display on multiple div
var r=results.split("~"); // To display multiple data into the div
if(temp.length>1) {
for(i=0;i<temp.length;i++) {
document.getElementById(temp[i]).innerHTML=r[i];
}
} else {
document.getElementById(id).innerHTML = results;
}

} else {
window.location.href=redirectPage;
}
}
}
};
http.send(null);
}


showMain.php
++++++++++++
<?php
header('Content-Type: text/xml');

//include("config.php");
//include("mysql.lib.php");
//$obj=new connect;

$netwkinfo = "Some information pulled from database";
echo "<table>";
echo "<tr><td>My Data</td> <td><textarea id='netwkinfo' cols='75' rows='5' >" . $netwkinfo . "</textarea></td></tr>";
echo "</tr>";
echo "</table>";
?>

showMain.php vb düzenlenebilir görüntülenecek bir veritabanından veri / ayıklamak bir dosyadır .. ama basitlik i $ netwkinfo bir değer atamak.

Ne görmek gibi olacak editbox gösterilen nicEdit özelliği (paneli) 'dir. Ne yazık ki ben onu göremiyorum, sadece düz bir düzenleme kutusu görünür. Ne yanlış olabilir ve o iş için ne kadar ben bunu düzeltmek gerekir.

Benzer şekilde IF Ben showmain.php bir metin üzerinde jquery datepicker kullanılan, i çok çalışmak göremiyorum. Ben onun aynı kavramı düşünüyorum ama onları sadece çalışma almak için nasıl çözemedim.

Appreciate any help here. Thanks.

2 Cevap

Cevap ipucu bulunamadı here.

başarıyla henüz nicedit uygulamak değil ama jquery için datepicker çözüldü.

datepicker için kullandım:

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

Onun AJAX işlevselliği neden kullanmaz zaten sayfada jQuery beri Sizin komut dosyalarını okumak için çok daha kolay olacaktır.

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;
   });

etiketler