WEB相談室

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

タイトル:リンクの仕方について

0:[投稿] myumyu [2005/01/11 03:12 ][環境:xp わからない]

はじめまして、困っているものです・・
http://relax.magazine.co.jp/top/boy/index.jsp?boyId=002
↑例:このように、同じindex.jspにたして画像、文を変える方法は、どうしたらよいのかわかりません。
http://www.soulive.com/gallery/
↑例:ここのprev. next のindex.htmlにたいする画像、文字の変え方も一緒なのでしょうか?
どんな構造しているのかが知りたいです。何を勉強したら出来るかもお願いいたします。


1:[回答] やぁ! [2005/01/11 16:54 ]

http://relax.magazine.co.jp/top/boy/index.jsp?boyId=002
↑このHPと同じレイアウトで画像・文を変えたいのであれば、
「表示」→「ソース」を押下するとメモ帳でソースプログラムが表示されます。そのソースプログラムを参考にすると、文と画像を変えることが容易に出来ますよ。


2:[回答] 通りすがり [2005/01/11 22:47 ]

http://relax.magazine.co.jp/top/boy/index.jsp?boyId=002
http://www.soulive.com/gallery/
上のサイトはJSP、下はPHPというサーバーサイド技術が使われています。
>何を勉強したら出来るかもお願いいたします
JSPは大規模なサイトで使用されることが多くJAVA(Javascriptではなく)の知識がないと難しいと思います。
PHPはサーバーサイド技術の中で初心者にやさしいといわれています。もし上記のサイトと同じようなことをしたいのであればPHPの勉強をすることをオススメします(myumyuさんが借りているサーバーでPHPが使えることが前提ですが…)
サーバーサイド、PHPなどで検索してみてください
http://www.sound-uz.jp/php/colum/first.html


3:[完了] myumyu [2005/01/12 02:25 ]

皆さんありがとうございました!
難しそうですが、がんばってみたいと思います。
サーバーサイド技術なんていままでやったことなかったのですが、がんばってみたいと思います。
まずは、PHP!を勉強してみたいと思います!
ありがとうございました。


4:[質問] myumyu [2005/01/13 09:11 ]

すみませんが、同じような、感じにphp、jspを使わないで表示させる方法はありませんか?
phpは、使えませんでした。


5:[回答] EUR [2005/01/13 11:19 ]

変えたい部分にIDをふり、innerHTMLやinnerTEXTで無理やり変えてみました。
ソースは
http://relax.magazine.co.jp/top/boy/index.jsp?boyId=002 よりお借りしています。
動作チェックはしてません。あしからず。

<html>
<head>
<script type="text/javascript">
<!--
function CHANGE_IMG(num) {
 switch (num) {
 case 1:
   document.all.GARALY.innerHTML = "<img src='/top/boy/imgs/001.jpg' width='160' height='204'>";
   document.all.NAME.innerTEXT = "リラックス・ボーイ";
   document.all.DETAIL.innerTEXT = "マガジン高校2年生(マガジン〜";
   break;
 case 2:
   ・
   ・
   ・
 case 6:
   …
   break;
 default:
 }
}
-->
</script>
</head>
<body>
<table width="400"  border="0" cellspacing="0" cellpadding="5">
 <tr valign="top">
   <td width="160" align="center"><span id="GARALY"><img src="/top/boy/imgs/002.jpg" width="160" height="204"></span></td>
   <td width="220">
   <span class="body" id="NAME">バンドちゃん</span>
   <br>
   <span class="sub-body" id="DETAIL">マガハ服装学院のスタイリスト科に在籍中〜
   </span>
   </td>
 </tr>
</table>
<table width="400" border="0" cellspacing="0" cellpadding="5">
 <tr>
   <td width="330"><table width="240" border="0" cellspacing="0" cellpadding="0">
   <tr>
     <td width="40"><img src="/top/boy/imgs/001_thumb.gif" alt="img" width="40" height="50" border="0" style="cursor: pointer;" onClick="CHANGE_IMG(1)"></td>
     <td width="40"><img src="/top/boy/imgs/002_thumb.gif" alt="img" width="40" height="50" border="0" style="cursor: pointer;" onClick="CHANGE_IMG(2)"></td>
     <td width="40"><img src="/top/boy/imgs/003_thumb.gif" alt="img" width="40" height="50" border="0" style="cursor: pointer;" onClick="CHANGE_IMG(3)"></td>
     <td width="40"><img src="/top/boy/imgs/004_thumb.gif" alt="img" width="40" height="50" border="0" style="cursor: pointer;" onClick="CHANGE_IMG(4)"></td>
     <td width="40"><img src="/top/boy/imgs/005_thumb.gif" alt="img" width="40" height="50" border="0" style="cursor: pointer;" onClick="CHANGE_IMG(5)"></td>
     <td width="40"><img src="/top/boy/imgs/006_thumb.gif" alt="img" width="40" height="50" border="0" style="cursor: pointer;" onClick="CHANGE_IMG(6)"></td>
     </tr>
   </table></td>
   <td width="50" valign="bottom"><a href="javascript:window.close();"><img src="/top/boy/imgs/closeBtn.gif" width="40" height="16" border="0"></a></td>
 </tr>
</table>
</body>
</html>


6:[回答] AC1号 [2005/01/13 22:55 ]

この手のことをクライアントサイドで行うべきではありません。アクセスできない人が発生します。サーバサイド技術でやるより難しい上に、サーバサイド技術で作ったものより劣ったものになります。

このようなことは、ほとんどのサーバサイド技術で容易にできます。JSP,PHPの他、ASPやCGI、SSI、その他の技術でも簡単にできるはずです。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World