1つの部門のコンテンツを変更するメニューバー

私は基本的なウェブページを持っています。上部には、3つのリンクがあるメニューバーがあります。どのリンクが選択されているかに応じて、1つのdiv内のコンテンツのみを変更したい。私が知っているのは、htmlとphpです。リンクをリンクしてコンテンツ部門のみを変更するにはどうすればよいですか？1つの部門のコンテンツを変更するメニューバー

出典

2011-07-27 Emily

あなたはすべてのコードを提供することができます。

ここであなたが提供した内容の情報に基づいて始めるためのコード例では、ですか？多くの可能性があります：css、javascript、php。 –

これは完璧ではないですが、あなたは、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>

出典

2011-07-27 23:28:15 TheRealDK

を変更します素晴らしいラッパー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>

出典

2011-07-27 23:29:14 jdmonty

私は3つの異なるファイルからコンテンツをプルしたいです。どのようにそれらのページのリンクを行います。たとえば、リンクの1つをクリックしたときに表示したいform.htmlファイルがあります。 – Emily

現在のページを離れずに表示する既存のファイルがある場合は、iframeを使用して既存のファイルからデータを取り込むことができます。コードはわずかに

お使いのブラウザはiframeに対応していません変更します。

– jdmonty

1つの部門のコンテンツを変更するメニューバー

答えて

関連する問題