新卒から文系エンジニア→人材業界に転職した人のブログ

新卒から文系エンジニア→人材業界に転職。技術・スキルがないためブログを通して勉強。その後、IT業界の業界知識が活かせる人材業界へ。異業種×異職種の転職経験有り。

このエントリーをはてなブックマークに追加

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


.hatena-module:nth-of-type(10) { background: transparent; } .hatena-module:nth-of-type(10) .hatena-module-title{ display: none; } .hatena-module:nth-of-type(10) .hatena-module-body { padding: 0; }