2

私はマルチテーブルのセルと行をそれぞれの中にリンクを持ち、javascript "tdhover" を持っています。今のところ、すべてのリンクが新しいページにリンクされていますが、これは "迷惑な" ページの数が多いため、以下のスクリーンショットのようなものを達成しようとしています:

現在のテーブル

私の現在のコードは単純な html と css です:

<table style="padding:0px;font-size:10pt;"><tr><td><a href='/path/1/'>1-100</a></td><td><a href='/path/101/'>101-200</a></td> /* .....etc */

リンクをクリックするたびにテーブルの下にテキストを表示し、新しいリンクをクリックすると以前のテキストを新しいテキストに変更するという目標を達成するにはどうすればよいですか?

4

4 に答える 4

0

同じページにコンテンツがある場合は、jquery を使用して特定のテキスト (おそらく配列または switch ステートメント内) を div に表示できます。

コンテンツが別のページからのものである場合は、ajax/jquery(.post/.ajax) を使用してこれを実現できます。

別のアイデアは、各リンクをクリックして表示するときに iframe のソースを変更する iframe (最初は非表示) を定義することです。

それが役立つことを願っています。あなたがどれだけ離れているかを確認するために、いくつかのコードを投稿してください。

于 2013-02-17T17:21:48.637 に答える
0

ドキュメントの検索とコードのテストに 1 日懸命に取り組んだ後、問題の解決策にたどり着きました。

これは、div を表示/非表示にする jquery スクリプトです。

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){

$('a').click(function () {
var divname= this.name;
$("#"+divname).show("slow").siblings().hide("slow");
});

});
</script> 

そして、ここにhtmlコードがあります:

<div class="menu">
<ul>
<li><a href="#" name="div1" >Home</a></li>
<li><a href="#" name="div2" >Page1</a></li>
<li><a href="#" name="div3" >page2</a></li>
<li><a href="#" name="div4" >page3</a></li>
</ul>
</div>

<div>

<div id="div1" style="display:none">
Hello World
</div>

<div id="div2" style="display:none">
Test
</div>

<div id="div3" style="display:none">
Another Test
</div>

<div id="div4" style="display:none">
Final Test
</div>


</div>

そして、ここにデモがあります

于 2013-02-19T01:19:47.070 に答える
0

テキストを表示するテーブルの下に DIV を定義できます。

また、jquery を使用すると、リンクをクリックしたときに DIV の上にテキストを表示できます。

于 2013-02-17T15:24:28.990 に答える
0

テキストを表示したい場所(テーブルの下)にdivを作成するだけです。次の jquery コードを使用します。

$('#yourtableid a').click(function(){
    $.get($(this).attr('href'), function(data){
        $('#destination_div_id').html(data);
    })
});

これにより、リンク先の div にリンクされたページのコンテンツが表示されます。

于 2013-02-17T18:06:43.210 に答える