前に紹介した「Twitter風ドロップダウンログイン画面を体験してみた」で、「次回から入力を省略」のチェックがあるのに正常に動いていないのではと気付きました。
で、実装するにはどうしたらいいのか。
自分はこちらのサイト様のソースを参考にさせて頂きました。
「次回から入力を省略する」を実現する方法 - Archiva
しかし、一つだけ「あれ?」と思った部分が。
「次回から入力を省略する」のチェックを外しても自動的に省略されることです。
ってなことでこの不満点を解消しましょう。
やり方は簡単。
function savePreset(thisform){
if(thisform.save.checked)
{
var preName = thisform.name.value;
var preURL = thisform.url.value;
setCookie('name', preName, 14, '', '', '');
setCookie('url', preURL, 14, '', '', '');
}
}
のソースを改良し、
function savePreset(thisform){
if(thisform.save.checked)
{
var preName = thisform.name.value;
var preURL = thisform.url.value;
setCookie('name', preName, 14, '', '', '');
setCookie('url', preURL, 14, '', '', '');
}else{
setCookie('name', '' 14, '', '', '');
setCookie('url', '', 14, '', '', '');
}
とすることで、チェックが外れている場合には名前とURL欄に何も無い状態になります。
そしてこれを前回の記事のソースに適切に埋め込めばOKです。