<< 【ちょいテク】トップを特定のURLへ | main | 検索の一元化 >>
スポンサーサイト

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

| - | | - | - |
【ちょいテク】リストの日付を消す
NewEntriesやSelectedEntriesの日付を消したいというのがありましたので、スクリプトを組んでみました。
<div class="linktext" id="newlist">
{latest_entry_list}
</div>
<script language="javascript" type="text/javascript"><!--
var obj = document.getElementById("newlist");
var objLists = obj.getElementsByTagName('li');
for ( i = 0; i < objLists.length; i++ ) {
  var objLink = objLists[i].getElementsByTagName( "a" )[0];
  objLists[i].innerHTML = Array('<a href="',objLink.getAttribute('href'),'">',objLink.innerHTML,'</a>').join('');
}
// -->
</script>

上の場合はNew Entriesですが、{latest_entry_list}→{selected_entry_list}でSelected Entriesに変わります。
スクリプト部分を簡単に説明すると・・・・
document.getElementById で 指定されたID(赤字部分。ここではnewlistですが同じであればOK)のタグオブジェクトを取得します
obj.getElementsByTagName で上で取得したタグの中の<li>のオブジェクトのリストを取得します。
for ループでリストを順に処理して・・・
  objLists[i].getElementsByTagName でliタグの中の<a>のオブジェクトリストを取得。後ろに[0]をつけているので、その最初のオブジェクトをとります。
  で、<li>の中を<a>タグだけにすることで、日付部分を消し込みます。

[7/5]ID部分の説明を追記
*** 役に立ったと思われましたら、下の広告などをポチッと押してもらえると助かります汗 ***
| [Custmize]sb/JUGEM共通 | 11:11 | comments(11) | trackbacks(3) |
スポンサーサイト
| - | 11:11 | - | - |
コメント
これを初めからあるエントリーリストのなかにいれるのでしょうか?
| うめ | 2004/08/07 7:08 PM |
うめさん、こんばんは。
ちょっと説明不足だったかと思いますが、多分既存のテンプレートでは、
<div class="linktext">
{latest_entry_list}
</div>
の用になっているかと思います。この<div>タグに id="newlist"を追加して、そのあとの<script>〜</script>を追加してください。
| まめ | 2004/08/07 11:46 PM |
利用させて頂きました。

質問なのですが
NEW ENTRIESの他に、ARCHIVESの後ろのカッコ(記事数)も消そうと試したのですが
IDを変えて、もう一つスプリクトを入れなければ消せないのでしょうかね?
| BEH | 2004/10/21 5:03 PM |
男BEH様
すみません。関数化していないので、現状のコードですとそのようになります。
関数化するかな・・・・・汗
| まめ | 2004/10/21 5:23 PM |
はじめまして。
ぶしつけで失礼ですが、教えて頂いてもいいですか?

newentryは上記の通りで一発OKだったんですが、selectedentryの方は、下記のように差し替えても日付は消えませんでした。
教えていただければ幸いです。よろしくお願いします。

<td background="" div class="linktext" id="entrylist">{selected_entry_list}</div><script language="javascript" type="text/javascript"><!--
var obj = document.getElementById("entrylist");
var objLists = obj.getElementsByTagName('li');
for ( i = 0; i < objLists.length; i++ ) {
var objLink = objLists[i].getElementsByTagName( "a" )[0];
objLists[i].innerHTML = Array('<a href="',objLink.getAttribute('href'),'">',objLink.innerHTML,'</a>').join('');
}
// -->
</script>
</td>
| Suu | 2004/11/23 9:02 AM |
Suu様
最初の<td background="" div class="linktext" id="entrylist">がおかしいですよ。
| まめ | 2004/11/23 9:59 AM |
何度もすみません。
td background="" は背景だし、newentryもこれでできたのでこのままでいいのかなと思ったのですが...。
div class="linktext" はnewentryと同じで問題ないですよね。
id="entrylist"はもともとそうなってたんですが、これがおかしいんでしょうか?すみません。どこがどうおかしいのか分からなくて、色々試したんですが、どれもダメでした。どうおかしいのか教えて頂けませんでしょうか?
| Suu | 2004/11/23 10:03 PM |
Suu様
tdもdivもタグですので、<td background=""><div class="linktext" id="entrylist">とするのが正しいと思うのですが。
それでもおかしいのであれば、URLを教えていただけないでしょうか。確認させていただきます。
| まめ | 2004/11/23 10:21 PM |
何度ももうしわけありません。
URL漏れていまして大変失礼しました。
上記の通りやってみましたが、日付は消えないし、背景は欠けるし..。今は戻してありますが、</div>の後に</td>を追加してみてもしなくてもダメでした。的外れかな?すみません。どうかよろしくお願いします。
| Suu | 2004/11/24 12:22 AM |
Suu様
 戻されたとのことで、背景が欠ける現象は確認できませんが・・・
 今のURLを見る限り、id="entrylist"がSELECTED ENTRIESだけでなくCATEGORIESなどいくつかに指定されています。idは一意で無ければならないので、これでは正常に動作しません。
 また、先にも書いたとおり、tdとdivはどちらもタグですので、分けて書いてください。これ自体HTMLの文法に反しています。今はブラウザが都合の良いように解釈されているので、きちんと表示されているように見えますけど・・・
| まめ | 2004/11/24 12:51 AM |
お騒がせして申し訳ありません。結局テンプレの作者さんに問い合わせ、このテンプレではidをentrylistではなくsellistと指定しなければならないことが分かりました。本当に何度もご迷惑をお掛けし申し訳ありませんでした。またとても丁寧に対応して下さり本当にありがとうございました。お陰さまでスクリプトが無事稼動し、大変嬉しいです。どうもありがとうございました。楽しい
| Suu | 2004/11/24 5:37 PM |
コメントする









この記事のトラックバックURL
http://mamejiro.jugem.cc/trackback/75
トラックバック
[カスタマイズ]日付や数を削除
またもsbカスタマイズ。情報過多はよくないぞーということで(みにくいからね)
| croyance | 2004/10/09 5:52 PM |
リストの日付を消す
まめの一言 | 【ちょいテク】リストの日付を消す
| easy as pie...vol.2 | 2004/12/25 11:24 AM |
【JUGEM】エントリーリストの日付を消してみた
このBlog、FC2→JUGEM と移転してみたんですが、 どうもJUGEMのカスタマイズは、FC2 Blogに比べてやりにくい印象です。 特に、投稿画面のリアルタイムプレビューができないのと、デフォルトでタグに対応していないのは、× でござる。 再び、FC2に戻るか思案中。。。
| タイで無職で生きていけるか? | 2008/02/17 3:25 PM |