2x2...人と文鳥の小さな群れ

シルバ@blanccasseのための備忘録

教えてはてなダイアリー!(涙)・02

はてなダイアリーでは、HTML記述が可能ということで、サイドバーのカレンダーに(はてなモジュールを少々弄って)ドロップダウン式月別表示用カレンダーを入れているのだが、今日になって、移動&表示が出来ていないことが判明(泣)。どっ・・・どうしてっ?!(泣)(・・・てか、早く気付け・汗)

ソース表示をしてみても、それらしき記述ミスは見当たらず、inputタグに終了タグ追加などしてみても変化無し。やはりそれが原因ではないらしい。。。

本当に本当にお手数お掛け致しますがっ!何方か原因のお分かりの方がいらっしゃいましたら、ご教示願えませんでしょうかっ!!(涙)教えて偉い人ーーーっ!!(泣)

※10/5追記:暫定的に解決しました。詳細は『続きを読む』内に。

10/2追記:HTML記述

ちなみに。私が詳細デザイン設定で記述しているHTMLは以下なのに。。。

<div align="center">
 <div class="hatena-module">
  <div class="hatena-modulebody">
   <form action="/blanccasse/" method="get" class="hatena-calendar" onSubmit="return false">
    <select name="date" class="hatena-calendar">
     <option value="" class="hatena-calendar">-</option>

     <option value="/blanccasse/200610" class="hatena-calendar">2006-10</option>
     <option value="/blanccasse/200609" class="hatena-calendar">2006-09</option>
     <option value="/blanccasse/200608" class="hatena-calendar">2006-08</option>
     <option value="/blanccasse/200607" class="hatena-calendar">2006-07</option>
     <option value="/blanccasse/200606" class="hatena-calendar">2006-06</option>
    </select>
     <input type="submit" name=".submit" value="移動" class="hatena-calendar" onClick="location.href=this.form.date.value;">
   </form>
  </div>
 </div>
</div>

本日発見したところによると。ソース表示では問題のドロップ式カレンダー部分が下記のように書き換えられている(汗)。formタグからonSubmit属性が、inputタグからonClick属性が消えている・・・これが原因かと。なんで?!どう対処したら良いのだっ?!(泣)

<div align="center">
 <div class="hatena-module">
  <div class="hatena-modulebody">
   <form class="hatena-calendar" method="get" action="/blanccasse/">
    <select class="hatena-calendar" name="date">
     <option class="hatena-calendar" value="">-</option>

     <option class="hatena-calendar" value="/blanccasse/200610">2006-10</option>
     <option class="hatena-calendar" value="/blanccasse/200609">2006-09</option>
     <option class="hatena-calendar" value="/blanccasse/200608">2006-08</option>
     <option class="hatena-calendar" value="/blanccasse/200607">2006-07</option>
     <option class="hatena-calendar" value="/blanccasse/200606">2006-06</option>
    </select>
     <input class="hatena-calendar" value="移動" type="submit" name=".submit">
   </form>
  </div>
 </div>
</div>

わーん!教えてはてなダイアリーの偉い人ーーーっ!!(号泣)

10/6追記:暫定的解決

id:lovelyさま。まずはご教示ありがとうございましたっ!!(ぺこり)

その後、はてなにも問い合わせを出したのだが、結局『calendarモジュールでtemplate="dropdown" 指定のときに、タイトルを非表示にしていただく設定は現在提供しておりません。また、onSubmitやonClick属性は、セキュリティの都合上はてなダイアリーでは利用不可とさせていただいております。”との回答を得る。セキュリティの問題だと思ったからこそ、質問を出したのだけれど・・・うーん(汗)。

でも、どうしたら良いのか、詳細デザイン設定画面を眺めつつ熟考していたところ、ひらめいた!(というか、もっと早く、id:lovelyさまのご指摘段階で気付くべきであったのだ・消沈)

私はドロップダウン式月別表示用カレンダーを元々divタグで括っている。そのままだとcenter表示にならず、気に入らなかったからなのだが、このdivタグにidを割り振って、それをvisibility属性で非表示にすれば良いのではっ?!

モジュール設置用HTML記述は以下。

<div id="month" align="center">
 <hatena name="calendar" template="dropdown" moduletitle=" ">
</div>

これに対応させた、css記述の追加は以下。

#month div.hatena-moduletitle {
	visibility: hidden;
}

で、やってみたところ、大成功!(感涙)id:lovelyさま、本当にご親切に、ありがとうございました。感謝感謝です。