小粋空間: 商品リンクをランダムに切り替える
Amazon 等の商品リンクをランダムに切り替えて表示する方法です。具体的な動作は、JavaScript の乱数を利用して、ページを表示する毎に乱数に対応する id 属性で括られたHTML（=商品リンク）を表示するという方法です。当サイトのエントリー・アーカイブで試しに使っています。 以下、設定方法です。 まず表示したい商品のリンクを、テンプレートの任意の位置に並べて記述します。その際、リストのように id 属性を付与してください。ここでは amazon0、amazon1、amazon2 という名称にしています。属性名につけられた数字は必須で、0 から開始させてください。ここではリンクを3つにしていますが、いくつ作って構いません。 <div id="amazon0"> 商品Aのリンク </div> <div id="amazon1"> 商品Bのリンク </div> <div id="ama
WingMemo: 新着エントリ・カテゴリ等に一定期間new表示をする
カスタマイズカテゴリ再編成に伴い、一定期間新着表示をするjavascriptを取り入れてみたので覚え書きしておきます。javascriptはjavascript無効の環境では表示されないというデメリットがありますが、new表示くらいなら表示されなくても別に問題ないし、何より静的・動的を問わず手軽に導入できるのがいいところです。 以下のサイト様よりお借りしたスクリプトをMT用にアレンジして使ってみました。ありがとうございました。 OpenSpace 一定期間だけNEWの文字を表示する ■スクリプトの設置 ●テキスト表示の場合 以下のスクリプトを<head>～</head>内に貼り付けます。 赤字の部分を自分の設定に合わせて書き換えます。数字は表示させる日数、new! 部分が表示される新着マークになります。 <script type="text/javascript"> <!-- functi
だいきん日記 Ver.5 ＠MT - 新着期間に応じてNEWアイコンの表示 - ほんのちょこっと 本のお話
新着期間に応じてNEWアイコンの表示 Movable Type 2005年03月10日 topページの新着記事一覧で、最近30日以内にエントリーしたものには、NEWアイコンが横に表示されるようにしてみた。ネットでググったところ、PHPを利用したものは見つかったんだけど、ダイナミック・ページではPHPを利用できないので、JavaScriptで表示させるものを作ってみた。 下記コードをnew.jsと名前を付けて保存。<head>～</head>内で<script type="text/javascript" src="new.js"></script>としてnew.jsを呼び出す。 kikan = 30; // 日数を変更する場合はこの値を適当に icon = "<img src='画像へのパス'>"; // 適宜、サイズやalt属性を指定 today = new Date()
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
