<< JUGEM IT! from ランキング上位に賞金が贈られるブログサービス「アメーバブログ」 | main | プロ野球ストライキ決定 >>
スポンサーサイト

一定期間更新がないため広告を表示しています

| - | | - | - |
【カスタム】カレンダーの今日の日付
先行予約wでも書きましたが、(まだあるけど)無くなってしまうカレンダーの今日の日付(今日に<span class="today"></span>が付く)をスクリプトで復元させます。

なお、まだJUGEM側の機能削除が行われていないため、暫定公開とさせて頂きます。
9/18 12:20 正式公開といたしました。
1.カレンダーのタグにIDを追加する。
<div id="calendardata">
{calendar}
</div>

すでにdiv idで囲っている場合はそのままで、2.の赤字の部分を同じにして下さい

2.</body>の手前に以下のスクリプトを追加。
<script type="text/javascript" language="javascript"><!--
function setToday() {
  var id = 'calendardata';   // カレンダーのID
  var top = '<span class="today">';  // 今日を囲むタグ(前)
  var end = '</span>';  // 今日を囲むタグ(後)
  var now = new Date();
  var tmp, list;
  var calMonth, calYear, calDay;

  var obj = document.getElementById( id );
  if ( !obj ) return;

  // 月判断
  list = obj.getElementsByTagName( 'a' );
  for( var i = 0; i < list.length; i++ ) {
    tmp = list[i].innerHTML;
    if ( tmp == '&lt;&lt;' ) {
      tmp = list[i].href;
      if ( tmp.match(/month=(¥d¥d¥d¥d)(¥d¥d)/) ) {
        calMonth = (RegExp.$2-0)+1;
        calYear = RegExp.$1;
        if ( calMonth > 12 ) {
          calMonth = 1;
          calYear++;
        }
        break;
      }
    }
  }
  if ( now.getFullYear() != calYear || now.getMonth()+1 != calMonth ) return;

  tmp = obj.innerHTML;
  var day = now.getDate().toString();
  list = tmp.split( day );
  for ( i = 0; i < list.length - 1; i++ ) {
    var flg = false;
    if ( calMonth == day &&
        (list[i+1].charAt(5) == '-' || list[i+1].charAt(7) == '-') ) {
      // ↑縦タイプ例外対応
    } else if ( list[i].length != 0 && list[i+1].length != 0 ) {
      var tmp2 = list[i+1].charAt(0);
      var tmp3 = list[i].charAt( list[i].length-1 );
      if ( ( '>¥r¥n '.indexOf( tmp3 ) != -1 ) &&
           ( '<¥r¥n '.indexOf( tmp2 ) != -1 ) ) {
        flg = true;
      }
    }
    if ( flg ) {
      list[i] += top + day + end;
    } else {
      list[i] += day;
    }
  }
  obj.innerHTML = list.join('');
}
setToday();  
// -->
</script>


コード内の設定を説明すると・・・・
 id : 1.の項で説明したとおり。
 top : 実際に『今日』の日付を括るタグの前部分。JUGEMと同じspinタグですとIEでは反映されないため、サンプルではfontタグにしております。(IE6.01/Netscape7.1/FireFox0.9.1で動作を確認)
 end : topを閉じるタグ
なお、sbで使用する場合には、today機能はまだ生きているため、そのままではクラス"today"が2つになるおそれがあります。スクリプト側のクラス名を"newtoday"などに変えて、CSSの定義をしてみてください。

[9/21 修正]大きな勘違いびっくりが発覚したため修正
[10/1 修正]1日がIEで表示異常になるのを対応、月代わりの不整合対応、縦タイプの例外対応
[12/15 追記]sb向けの情報を追記

p.s.公開直前で垂直・水平パターンに未対応が判明で大あわて悲しい。それの対応で結局作り直し冷や汗そのせいで、ちょいテクの予定がカスタムに格上げびっくり
 ちなみに、うちはコードをちょっといじってIEはマーキーに、それ以外はブリンクになるように設定予定w

*** 役に立ったと思われましたら、下の広告などをポチッと押してもらえると助かります汗 ***
| [Custmize]sb/JUGEM共通 | 15:50 | comments(29) | trackbacks(2) |
スポンサーサイト
| - | 15:50 | - | - |
コメント
いただきました(-人-)ぱち。
いつもありがとうございます。

・・・・・・揺れるの、かわいいですねー。
Macでは見れないんですけど楽しい汗
| yuki | 2004/09/21 1:53 PM |
女yuki様
毎度どうもです〜楽しい 揺れるの・・・・MacIEでもだめですか?
ついでに(いっつもお願いしてばかりだな汗)Safariでは点滅してますか?
| まめ | 2004/09/21 3:52 PM |
確認しましたー

SafariもMacIEもびくともしません汗
Firefoxがかろうじて「パチリパチリ」してくださいました……
ま、Macはこんなもんです汗
strollさんのタイプライター風も上手く見えませんし……悲しい
| yuki | 2004/09/21 9:59 PM |
女yuki様
うちのスクリプトでは、ブラウザが"Microsoft"ならmarqueeタグを、それ以外のブラウザはblinkタグをセットするようにしているのですが・・・
これらのタグはサポートするブラウザがまちまちなので微妙かなぁとは思ったのですが・・・・どっちもだめですか〜悲しい
| まめ | 2004/09/22 11:04 AM |
MacIEはもうMicrosoftのサポート外だから?・・・楽しい汗
Safariは・・・・・・JavaScriptが苦手な子なんでしょう・・・悲しい
次回作では多少変わってることを祈るばかりデス・・・Tigerだったかな? 今のところあまり劇的には変わらなさそうなんですけど悲しい
| yuki | 2004/09/22 11:32 AM |
女yuki様
検証用にSafari for Windowsが欲しいと思う今日この頃・・・しょんぼり汗
NextStep for IntelのCDが手元にあるんだけど、それでSafariが・・・・動かないか冷や汗
| まめ | 2004/09/22 11:50 AM |
はじめまして!!
昨日、本日表示が出ない事にやっと気付き、まめさんのブログに流れ着きました。

ゆらゆら揺れる表示、かわいいですね!!

| はなみつき | 2004/09/22 1:36 PM |
女yuki様
書きそびれた。MacIEってMSじゃなくなったんですか?Safariは今回はblinkに対応していないって事でしょうねぇ〜。marqueeは動いたりして・・・
女はなみつき様
ひっそり告知していましたからねぇ。って、あ・メールでも来てた汗
揺れるのは・・・・かわいいのかw ただ特殊だったから付けてみただけなんですけどねぇ男との感覚の違いか・・・汗汗
| まめ | 2004/09/22 5:53 PM |
>MacIEってMSじゃなくなったんですか?

ええと、確かもうサポート対象外だったはずだし、バージョンアップはしないです・・・あれ?サポートはしてくれるのだったかな・・・使ってないのでよくわからないですが・・・辛うじてサイトは残っているみたいです楽しい汗

いずれにせよ窓と林檎の蜜月は短かった悲しい

PS;
揺れるのは、女のワタシから申し上げますと、「かわい〜ラブ」て感じですグッド
| yuki | 2004/09/22 6:09 PM |
MacIEは開発は中止されたけど、バグフィックスなどのサポートはしばらくするんじゃなかったかな?
どうせバグフィックスもしないだろうけど。

個人的にはMacIEを切り捨てたんだから、その分WinIEのセキュリティホールとCSS絡みのアホみたいなバグをもっと減らせと思う。

#JavaScriptオフだとコメント投稿できないのは何とかならないですか?
| Td | 2004/09/23 2:58 PM |
女yuki様
そうですか〜思わぬ効果が・・・楽しい
Td様
Windows版IEも何かとありますからねぇ〜
>#JavaScriptオフだとコメント投稿できないのは何とかならないですか?
あぅ。コメントチェックをonclickからonsubmitに変更したので、多分大丈夫になったと思います。(一応テスト済み)
| まめ | 2004/09/23 3:34 PM |
まめさん、豆じろーさんというのが正しいのかな?
早速対応していただいてありがとうございます。

普段JavaScriptオフっているせいで、いろんな人がScript使って一生懸命カスタマイズしたblogを味わえないのはわかってるんだけど。

元々マカーでWinに対する不信感が強いのか、ActiveXやJavaScript、Java、Cookieとかはオフしまくりなもんで。
| Td | 2004/09/23 4:19 PM |
王冠みなさまへ
本スクリプトを組み込んだ方で、今日のカレンダーが変に表示されている方がいると思います。はい。バグです悲しい対策を組み込んだスクリプトを公開しましたので、差し替えのほどお願い致します。
また、他にも判明した下記不具合を修正しております。
1.月代わりの時に前月のカレンダーの1日が今日になるびっくり
2.縦タイプのカレンダーで10/10、11/11、12/12の時に月の部分も今日になる冷や汗
| まめ | 2004/10/01 12:10 PM |
先日はわざわざ、書きこみしていただきまして、ありがとうございました。

実は、あれからすぐに入れ替えしてみたのですが、本日表示がされなくなってしまいました。
というのも、他のjavascriptも効かなくなってしまったんです。
私のブログ。表示もおかしいし。(>_<)

JUGEMのメンテナンスと何か関係ありそうなので、もう少ししたら試してみたいと思います。
(な〜んちゃって、HTMLやCSS弄りすぎて、何かタグを消してしまっていたりして。調べます。)
| はなみつき | 2004/10/05 11:54 PM |
女はなみつき様
今、サイトを見てみましたが、スクリプトが一つも出てきていませんね。
テンプレート上の一部が消えてしまうと言えば有名なのが、http://cooperate.jugem.cc/?eid=57 ですので、一度確認してみるのがよろしいかと。
| まめ | 2004/10/06 12:07 AM |
貴重な情報ありがとうございます。
っていうか、スクリプト、削除してしまったんです。
すみません(大汗)
何か正常な感じではないので、今、ゴチャゴチャやっても仕方ないなーと思って。
でも、javascriptの件はどうやら解決したみたいなので、また利用させていただきますね。
(ああ…独自タグの件は、もう一度見なおしてみます。ありがとうございます)

| はなみつき | 2004/10/06 4:14 PM |
豆ジローさんのスクリプトお借り致しました。おかげでずいぶん機能的になったような気がします。ありがとうございます。
| たるたる | 2004/10/19 12:45 AM |
男たるたる様
コメントありがとうございます。marquee使ったんですか〜。あれ、注意しないといけないのが、IE以外は動かないってことです。おまけに、Netscape/FireFoxだと、今日の日付が非表示になるというかなり致命的な不具合?仕様?が・・・・
ですので、うちでは記事にあるような仕様にしています。ちなみにblinkはIEでは動かない・・・・
| まめ | 2004/10/19 1:47 AM |
豆じろー様
最初、Margueeではなくblinkを設定してみて見えず、scrollにしてみました。IEとその他のブラウザーの判別、すぐには取り入れられないでしょうが、勉強してみます。
| たるたる | 2004/10/19 11:21 PM |
男たるたる様
うちのサイトのソースを見れば・・・・w
| まめ | 2004/10/20 3:57 AM |
豆ジロー様
結局そのままソースいただき、IEでAlternate、その他はBrinkと言うことにいたしました。確かにこれ、かわいいですね。女性受けしそうだ。
うちの家内からのコメントはまだありませんが・・・。
| たるたる | 2004/10/24 9:37 PM |
この機能を利用させていただいてます。ありがとうございます。

現段階では今日の日付はboldで強調しているんですが、文字を揺らしたり、点滅したりなど設定を行ってもうまくできないんですが、CSSにはどのような文字列を記入すればいいですか?

初心者なのでよろしくお願いします。
| シン | 2004/10/27 10:08 PM |
シン様
どちらもCSSではなく、個別にタグがあります。揺らしたりするのが<maquee>で点滅させるのが<blink>というタグです。どちらもサポートされるブラウザが制限されるなどの癖がありますので、使用する際には注意が必要です。詳しくは「とほほのWWW入門」などHTMLの説明サイトを参照してください。
| まめ | 2004/10/27 11:23 PM |
ありがとうございます!調べたところできました。一応marqueeを設定しました。しかしまめさんのと比べるとなぜか動きがカタカタしてるんですよね。。。これってdelayで設定するんですかね??今はこんな感じになってます。

<script type="text/javascript" language="javascript"><!--
function setToday() {
var id = 'calendardata'; // カレンダーのID
var top = '<marquee behavior="alternate" scrolldelay="240" class="today">'; // 今日を囲むタグ(前)
var end = '</marquee>'; // 今日を囲むタグ(後)

これじゃ、だめですか?すいません、出来れば教えてください。
| シン | 2004/10/28 1:22 AM |
いろいろやってみたら出来ました!!!ありがとうございます!!!
| シン | 2004/10/28 1:31 AM |
シン様
多分、delayのせいではなくスクロール量(scrollamount)の設定かと思います。省略すると"3"(だったかな?)なので、カクカクに見えるのではないでしょうか?うちは1に設定しています。
| まめ | 2004/10/28 1:32 AM |
シン様
たるたる様の時にも書きましたがmaqueeはNetscape/FireFoxで見ると中が表示されないので、ご注意下さい。
| まめ | 2004/10/28 1:41 AM |
丁寧に色々とありがとうございました。これからもよろしくお願いします。
| シン | 2004/10/28 2:15 AM |
http://www.nikeairmax-90.us.com/ nike air force
http://www.adidas-ultraboost.us.com/ ultra boost uncaged
http://www.lebron15-shoes.us.com/ new lebrons
http://www.salomonspeedcross3.us.com/ salomon
http://www.fitflops-sale.us.com/ fitflop
http://www.nikeairvapormaxflyknit.us.com/ nike air max
http://www.kd10-shoes.us.com/ kevin durant
http://www.pandora-jewelrysale.us.com/ pandora
http://www.airmax90shoes.us.com/ nike air max
http://www.katespadepurses.us.com/ kate spade laptop bag
http://www.adidasnmdrunnerr1.us.com/ nmd
http://www.pandorajewelryrings.us.com/ pandora earrings
http://www.louboutinredbottoms.us.com/ red bottom shoes
http://www.curry4-shoes.us.com/ stephen curry shoes
http://www.jordans11shoes.us.com/ jordan retro 12
http://www.pumafentyrihannashoes.us.com/ puma fenty
http://www.pandorajewelryscharms.us.com/ pandora jewelry official site
http://www.yeezyboost350shoes.us.com/ yeezy
http://www.fitflopsshoes.us.com/ fitflops clearance
http://www.hermesbirkin-handbags.us.com/ hermes belts
http://www.longchampbag.us.com/ longchamp bag
http://www.adidasyeezy-350.us.com/ yeezy 750
http://www.kyrie-4.us.com/ kyrie irving
http://www.jordan11spacejams.us.com/ jordan 10
http://www.birkenstocksandalssale.us.com/ birkenstock shoes
ドリフトliuyuzhen
| nike air vapormax | 2018/05/09 4:55 PM |
コメントする









この記事のトラックバックURL
http://mamejiro.jugem.cc/trackback/210
トラックバック
日付マーカーの話(昨日の続き)
昨日、ちょっと書いた、カレンダーの本日表示マーカーのクラス名の話、どうやら、色々あって廃止になったようです。 詳しい話が、release.jugem.cc で発表されていました(汗) このブログの存在、知らなかったよぉ…。 ですから、公開しているテンプレートのクラ
| まったり村の人々 | 2004/09/22 1:36 PM |
Suu さんへ
えっとぉ、Suu さんや、あたしのように横型のカレンダーではtodayは言うことを聞いてくれないみたいですねぇ・・{calendar_horizontal}を使っている人はね・・で、今日の日付の前の部分でよければ画像を表示する方...
| We Love Apples | 2004/12/13 10:03 AM |