人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

yahooニュースの長めの記事に[続きを読む]をクリックすると、
一覧が表示されます。
http://headlines.yahoo.co.jp/hl?a=20070208-00000025-zdn_m-mobi
同ページ内で行っているのでスタイルシートを使っていると思います。
どうやって作っているかもし知っていたら教えてください。どうぞよろしくお願いたします。

●質問者: warumaki
●カテゴリ:インターネット ウェブ制作
✍キーワード:Yahoo いるか クリック スタイルシート ニュース
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● nev
●27ポイント

<div style="display: none;">

初めは表示しない部分

</div>

のようにしておいて、あとから javascript で display: block とかにすれば、出現するように見えます。

◎質問者からの返答

お礼が遅くなりすみません。

トライしてみます!


2 ● longring
●27ポイント

JavaScriptは、わかりますか?

<DIV id=artFold>のようにしておけば、

JavaScript内で

var artObj = document.getElementById("artFold");

artObj.style.display = "none";

で、DIV内は、隠れて、

artObj.style.display = "block";

でDIV内は表示されるようになります。

◎質問者からの返答

ありがとうございます!

トライしてみたんですけど、表示非表示が

うまくいきません。

http://www.spiralcube.jp/test/display_test.html

ソースは上記のURLになります。

どこが間違っているのか教えていただけますと

うれしいです。

どうぞよろしくお願いたします。


3 ● longring
●26ポイント

http://www.spiralcube.jp/test/display_test.html

を見てみました。

yjNgetElementとyjNfold_change

がないので、エラーになっています。

上記を対処すると、かなり作りたい画面に近づくと思います。

あとは、yjNfold_initを最初の画面表示時に呼ぶようにするとかの

修正が若干必要になります。

◎質問者からの返答

お礼が遅くなりすみません。

トライしてみます!

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ