WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:amazonのようにクリックすると一部が変更する方法

0:[投稿] log [2006/03/01 10:26 ] [環境:Firefox WIN XP Apache]

タイトルにあるようにamazonのように「ようこそ」などの画像をクリックするとその下の部分だけが変更するようにしたいのですがどうしたらよいでしょうか?
どなたか教えていただけないでしょうか?


1:[回答] WBEL [2006/03/01 15:46 ]

リンクを張ればいいですよ。


2:[質問] log [2006/03/01 16:02 ]

すみません。私の早とちりでした。
amazonはページが変わっていますね。
申し訳ありませんでした。

私が行いたいのはamazonを例にしますと画像をクリックするとその下の<tr>〜</tr>内だけを変更したいのですがこういうことは出来ますでしょうか?


3:[回答] m035 [2006/03/01 17:32 ][URL]

javascriptが使えれば出来るでしょう。
無効のときにすべてのメニューが見えるようにしないと閲覧できない場合があるので注意が必要ですが。
styleでdiplayをnoneにすれば非表示、blockにすれば表示、と言った具合です。
個人的なライブラリから使えそうな関数を下にコピペしておきます。
各要素にidとstyle="diplay:block"を指定しておき、一度表示状態にしておきます。
そうしないとJSが無効なときに閲覧できなくなるので。
それから、JSを用いて非表示にしておき、リンクなどのonclickに以下の関数を指定して、必要な部分だけを表示/非表示すればいいでしょう。

function disp(obj,sw){
obj=document.getElementById(obj);
sw==0?obj.style.display="none":obj.style.display="block";
}//idがobjのオブジェクトをsw==0で非表示、1で表示する


4:[完了] log [2006/03/01 17:38 ]

ありがとうございます。
jsはまだ勉強を始めたばかりですが、
試してみようと思います。

時間がかかるかもしれませんが
また分からないところがでてきましたら
よろしくお願いいたします。


5:[完了] B-Cus [2006/03/01 18:37 ]

>>3
> obj.style.display="block";
わたしも以前ハマりましたが、TR 要素の display の初期値は table-row ですので、
block をセットするのはよろしくないです。
 http://chaichan.lolipop.jp/qanda/qa6166.htm

className の書き換えがよろしいかと。


6:[完了] m035 [2006/03/01 19:12 ][URL]

>わたしも以前ハマりましたが、TR 要素の display の初期値は >table-row ですので、
>block をセットするのはよろしくないです
なるほど。勉強になりました。

回答(必須): 状態:

お名前(必須):

URL:




[戻る]