私は基本的なウェブページを持っています。上部には、3つのリンクがあるメニューバーがあります。どのリンクが選択されているかに応じて、1つのdiv内のコンテンツのみを変更したい。私が知っているのは、htmlとphpです。リンクをリンクしてコンテンツ部門のみを変更するにはどうすればよいですか?1つの部門のコンテンツを変更するメニューバー
0
A
答えて
1
これは完璧ではないですが、あなたは、HTMLやPHPを知っている場合、それはその後に飛び込むとJavascriptを使用して 'のdiv' またはこの場合の 'TR'
<SCRIPT type="text/javascript">
function showoptions()
{
if (something == "show")
{
// Show
document.getElementById("show").style.display = '';
}
else
{
// Hide
document.getElementById("show").style.display = 'none';
}
}
<table border="0" width="100%" id="table1">
<tr>
<td width="144">Show/hide</td>
<td><select name="something" id="tools" onChange="showoptions()">
<option value="show">show</option>
<option value="hide">Hide</option>
</select>
</td>
</tr>
<tr id="show" style="display:none;">
<td><input type="text" name="amount" size="5"></td>
</tr>
<table>
1
を変更します素晴らしいラッパーjQueryは巨大な学習曲線を描くことはありません。
<!-- include jquery reference in your head -->
<head>
...
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
...
</head>
<body>
<script type="text/javascript">
function changeDiv(link)
{
var contentDiv = $('#content');
if (link == '1')
contentDiv.html('<span style="color:red;">Link 1</span>');
if (link == '2')
contentDiv.html('<span style="color:red;">Link 2</span>');
}
</script>
<div id="menu">
<ul class="menu-item"><a id="link1" onclick="changeDiv('1')">home</a></ul>
<ul class="menu-item"><a id="link2" onclick="changeDiv('2')">home</a></ul>
<ul class="menu-item"><a id="link3" onclick="changeDiv('3')">home</a></ul>
</div>
<div id="content">
</div>
+0
私は3つの異なるファイルからコンテンツをプルしたいです。どのようにそれらのページのリンクを行います。たとえば、リンクの1つをクリックしたときに表示したいform.htmlファイルがあります。 – Emily
+0
現在のページを離れずに表示する既存のファイルがある場合は、iframeを使用して既存のファイルからデータを取り込むことができます。 コードはわずかに
関連する問題
- 1. 4つのサブ部門を持つヘッド部門
- 2. Twitter Bootstrap、1つの部門にすべてのポップオーバーを表示
- 3. CSS、動的コンテンツを含む固定位置部門 - その下に別の部門を配置する方法
- 4. 部門内に1つの画像しか表示しない
- 5. RSSフィードのコンテンツを別の部門に追加
- 6. 部門のスナップショットを取る
- 7. 他の部門のレスポンシブ部門のクラス行
- 8. joomlaのウェブサイトのメニューバーの位置を変更するには?
- 9. コンテンツ編集可能部門のテキストをプログラムで追加するC#
- 10. 変更1つの単語
- 11. ウェブページ内の部門を整列する
- 12. カスタムAndroid下部メニューバー
- 13. IE6フルスクリーン部門
- 14. 外部キーで1つのテーブルの合計を更新する
- 15. 私のロゴ部門のセンタリング
- 16. CSS3の部門の高さ
- 17. 特定の部門のページスクラップ
- 18. Rubyで部門の残りの部分を見つけるには?
- 19. 他の部門にオーバーフローする
- 20. 私の2つのコンテンツ部門内にpタグが配置されていないのです
- 21. 別の部門からリダイレクト
- 22. スパークScalaのデータフレーム部門と
- 23. numpyの部門は:double_scalars
- 24. Javascriptの無限部門
- 25. Jquery SlideToggle別の部門
- 26. なぜ私のコンテンツは部門外に表示されますか?
- 27. のjQuery本部コンテンツの変更クリックLIオプション
- 28. UIScrollViewのコンテンツを変更する
- 29. TYPO3のコンテンツをtemplavoilaに変更する
- 30. Windowsフォームのコンテンツを変更する
あなたはすべてのコードを提供することができます。
ここであなたが提供した内容の情報に基づいて始めるためのコード例では、ですか?多くの可能性があります:css、javascript、php。 –