読者です 読者をやめる 読者になる 読者になる

Pastalablog in はてな

時代はブログ! 日記もあるよ→http://pastak-diary.hatenadiary.com

iui.jsを使ってみて気付いたこと

Tips Javascript

IT勉強会カレンダー for iPhoneを作るに当たって、始めの状態では不具合があったり、その他色々とuiu.jsを修正したりしたので、メモ。

検索部分

元々のままでは、漢字とかが化けるので、修正
(ってかsearch.php見れば分かりますけど、検索機能が実装されてるというよりは、フォームが用意されているだけって感じですね)

元のソース(337行目〜339行目)
            if (inputs[i].name)
                args.push(inputs[i].name + "=" + escape(inputs[i].value));
        }
修正版
            if (inputs[i].name)
                args.push(inputs[i].name + "=" + encodeURI(inputs[i].value));
        }

escape関数では、漢字とかまでエスケープされてしまうので、それを避けるためにencodeURI関数を使うように変えました。

右上のセレクトボックス

中身は普通のselectタグを使っただけなんだけど、ページ推移したら消えるようにiui.jsに書き加えた。

元のソース(266行目〜273行目)
        if (prevPage && !page.getAttribute("hideBackButton"))
        {
            backButton.style.display = "inline";
            backButton.innerHTML = prevPage.title ? prevPage.title : "Back";
        }
        else
            backButton.style.display = "none";
    }    
修正版
        if (prevPage && !page.getAttribute("hideBackButton"))
        {
    		document.getElementById("selweek").style.display="none";
            backButton.style.display = "inline";
            backButton.innerHTML = prevPage.title ? prevPage.title : "Back";
        }
        else{
            backButton.style.display = "none";
			document.getElementById("selweek").style.display="inline";
		}

ページ推移の時に非表示にして、homeに戻るときに表示させるようにした。