Ajax+PHP の学習と実践 パート 2 Example_PHP チュートリアル

効果 1. 特定の日にマウスを置くと、その日にメモがある場合、以下のように表示されます:

コードをコピー コードは次のとおりです:

function checkfortasks (thedate, e){
//ページ上のタスクボックスに対応する

を検索し、それを表示するように設定します
theObject = document.getElementById("taskbox");
theObject.style.visibility = " visible";
//タスクボックスの位置を初期化する
var posx = 0;
var posy = 0;
// タスクボックスの位置をマウスの位置として配置する
posx = e.clientX + document.body.scrollLeft;
posy = e .clientY + document.body.scrollTop;
theObject.style.left = posx + " px";
theObject.style.top = posy + "px"
//PHP リクエストページを設定します
serverPage = " ?thedate=" + thedate;
//PHP の戻りデータの置換位置を設定します
objID = " taskbox";
var obj = document.getElementById(objID);
//リクエストを送信し、返されたデータをロードします
xmlhttp.open ("GET", serverPage);
xmlhttp.onreadystatechange = function(){
if (xmlhttp.readyState == 4 && に示すように、システムは名前が存在するかどうかを自動的に取得し、選択によって名前ボックスに入力できます。画像:





コードをコピーします

コードは次のとおりです:

function autocomplete (thevalue, e){

//ページを検索します。

の位置 (ラベル取得した名前を表示します) theObject = document.getElementById("autocompletediv"); //visible に設定します theObject.style.visibility = "visible"; theObject.style.width = "152px";検索タグの位置

var posx = 0;

posx = (findPosX (document.getElementById("yourname")) + 1); + 23);

theObject.style.left = posx + "px";
theObject.style.top = posy + "px";
//イベントをキーボード入力に設定します
var theextrachar = e.this; if (theextrachar == unknown){
theextrachar = e.keyCode;
}
//読み込み中の検索リストの位置を設定します
var objID = "autocompletediv";

//PHP リクエストを設定し、 user (Backspace 関数を考慮)
if (theextrachar == 8){
if (thevalue.length == 1){
var serverPage = "autocomp.php";
}
else{
var serverPage = "autocomp .php" + "?sstring=" + thevalue.substr(0, (thevalue.length -1));
}
}
else{
var serverPage = "autocomp.php " + "?sstring=" + thevalue + String.fromCharCode(theextrachar);
}
//リクエストを送信し、返されたデータをロードします
var obj = document.getElementById(objID);
xmlhttp.onreadystatechange = function( ) {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
obj.innerHTML = xmlhttp.responseText;
}
xmlhttp.send(null) }


ファイル パッケージのダウンロード



http://www.bkjia.com/PHPjc/320812.html

www.bkjia.com

tru​​e

http://www.bkjia.com/PHPjc/320812.html

技術記事

効果 1. 特定の日にマウスを置くと、その日にメモがある場合は、以下のように表示されます。 次のようにコードをコピーします。 function checkfortasks (thedate, e){ //ページを検索します。 ..