【php・Ajax・mysql】Webtodoリスト~カーソルをポインタに変更とwindow.onloadの変更~
【今回の紹介】
前回、完成したWebtodoリストに少し変更を加えたのでそれを紹介します。
ちなみに、このURLにとべば実際にどんなものを作成したのかわかると思います。
リンク:http://mokumoku.sub.jp/WebToDo.htm
【内容】
変更したのは以下の二点
①リストにカーソルを当てると、ポインタが出るように変更を行った
②メイン画面をphpからhtmlに変更を行った
①については、思っていたよりも非常に簡単な修正だった。
該当するCSSにこの
cursor:pointer;
一行を追加するだけ。
li{ list-style-type:decimal; font-weight:bolder; margin-top:0.5em; margin-left:0.5em; cursor:pointer; }
参考http://www.dspt.net/stylesheet_css/009/003.html
②メイン画面をphpからhtmlに変更
これに伴って、もともとメイン画面に埋め込んでいたphpをAjaxから呼び込むようにした
そうすると、ページ読み込み時に実行するfunctionが二つ存在するようになった
初めて知ったが、
window.onloadは一度しか使用できず、二度使った場合は二度目のwindow.onloadが一度の目に
上書きされていた。
そこで、
window.onload=d_road; window.onload=d_idCheack <|| から >|javascript| window.onload=function init(){ d_road(); d_idCheack(); } <||