1

私はいくつかのリストとボタンを作成するために、html、php、およびブートストラップを使用しています。私の最初の質問は、「選択」ドロップダウンリストに入力するスクリプトを作成したことです。「sounds/」ディレクトリに移動し、.wav ファイルを作成する必要があります。「選択」は適切に表示されますが、リストに入力されません。ディレクトリに .wav ファイルがあり、ディレクトリ自体に完全なアクセス許可を与えました。だからそうじゃない。

私のもう1つの質問は、「選択」ドロップダウンでボタンをインラインに配置する方法です。次の行を下にしたくありません。 

<!--CALL TAB-->
<div id="call">
  <div class="container">
  <div class="hero-unit">
      <h5>Call Functions -</h5>
      <h6>Test Paragraph</h6>

      <br>

      <h6> Select a Sound One -</h6>
      <div class="row">
        <div class="span2">
          <select id="sound1">
            <?php 
              foreach(glob('sounds/*.wav') as $filename){
              $rest = substr($filename, 7);    
              echo "<option>".$rest."</option>";
              }
            ?>
          </select>
        </div>
      </div>

      <br>

      <h6> Select a Sound Two -</h6>
      <div class="row">
        <div class="span2">
          <select id="sound2"> 
            <?php 
              foreach(glob('sounds/*.wav') as $filename){
              $rest = substr($filename, 7);    
              echo "<option>".$rest."</option>";
              }
            ?>
          </select>
        </div>
      </div>

      <br>

      <h6>Volume - </h6>
      <div id="slider-range-max">
      </div>
    <div class="row">
      <div class="span6">
        <br>
        <p><a class="btn btn-large btn-primary" href="index.html">Play <i class="icon-   play"></i></a> <a class="btn btn-large btn-danger" href="index.html">Pause <i class="icon-pause"></i></a>
      </div>
    </div>
  </div>

  <hr>

    <footer>
      <p>&copy; FOOTER</p>
    </footer>
  </div>
</div>
4

1 に答える 1

1

選択の横にあるボタンを取得するのは簡単です。selectまたはbuttonを要素としてスタイリングしていない場合はblock、それらが隣り合って表示されます（インラインブロック）。以下のHTMLが機能しない場合（ボタンが選択の横にない場合）、との両方に追加してみてfloat: left;ください。selectbutton

あなたにとってglob()、パスは正しいですか？これを実行しているPHPファイルとsoundsフォルダーはどこにありますか？あなたのディレクトリ構造は何ですか？

http://jsfiddle.net/3JQeZ/

<div class="row">
    <div class="span2">
        <select id="sound1">
            <option>1 option</option>
            <option>2</option>
            <option>3</option>
        </select>
        <button>Button</button>
    </div>
</div>
于 2013-02-14T05:40:51.940 に答える