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

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

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

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 && に示すように、システムは名前が存在するかどうかを自動的に取得し、選択によって名前ボックスに入力できます。画像:

コードをコピーします

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

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){ //ページを検索します。 ..

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

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