1

ドロップ メニューが [順位] または [場所の選択] と等しくない場合にのみ、CSS オーバーライド値 #bigbox および #bigbox-window を使用したいと考えています...

これは私の最初の投稿です。フォーマットのエラーを許してください! ありがとう！

<html>
  <style>
    #bigbox { height:680px; }
    #bigbox-window { height:680px; }
  </style>      
  <script language="javascript" type="text/javascript">

    function setIframeSource() { 
      var theSelect = document.getElementById('location');
      var theIframe = document.getElementById('myIframe');
      var theUrl;

      theUrl = theSelect.options[theSelect.selectedIndex].value;
      theIframe.src = theUrl;
    }

  </script>
  <body>
    <div class="page page-pick_em">
      <h1>College Hockey Pick 'Em League</h1>
      <form id="form1" method="post">
        <label>
          <select id="location" onchange="setIframeSource()"> 
            <option value="">Select a location ...</option> 
            <option value="page/pick_em/standings.html">Standings</option> 
            <option value="page/pick_em/week01.html">Week 01</option> 
            <option value="page/pick_em/week02.html">Week 02</option> 
          </select>
        </label>
      </form>
      <iframe SRC="page/pick_em/standings.html" width="100%" height="80%" id="myIframe" marginheight="0" frameborder="0" onLoad="autoResize('myIframe');"></iframe>
    </div>
  </body>
<html>
4

1 に答える 1

0

ドロップダウンが質問で指定したオプションではない場合、これは CSS を変更します。

bigboxどこでandを使用しbigbox-windowているのか、またこれらのスタイルで何を変更したいのかがわからないので、私の例に従ってニーズに合わせてください。

このフィドルを参照してください

theOptText = theSelect.options[theSelect.selectedIndex].text;
if ((theOptText != "Select a location ...") && (theOptText != "Standings"))
{
    document.getElementById("bigbox").style.borderColor = "#f00";
}
于 2012-12-15T00:58:25.330 に答える