質問編集履歴

3 文字の修正

tidavest

tidavest score -119

2017/02/23 17:19  投稿

phpで、日記をメインに表示、
よく、bootstrapなどを使用して、
ページの右側に、トピックや日記の題名を記載して、クリックすると
左のメインのページに文章が現れるというページを見ます。
自分は、現在、下記のコードを作っています。
```ここに言語を入力
<!Doctype html>
       <head><link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
       <link rel="stylesheet" type="text/css" href="style.css"></head>
   <body>
       <div class="wrapper">
           <div class="header">
               <H2>主の独り言</H>
                   <img src="ninja.jpg">
                   <p id="RealtimeClockArea">※ここに時計(2桁固定版)が表示されます。</p>
                   <script type="text/javascript">
                   function set2fig(num) {
                      // 桁数が1桁だったら先頭に0を加えて2桁に調整する
                      var ret;
                      if( num < 10 ) { ret = "0" + num; }
                      else { ret = num; }
                      return ret;
                   }
                   function showClock2() {
                      var nowTime = new Date();
                      var nowHour = set2fig( nowTime.getHours() );
                      var nowMin = set2fig( nowTime.getMinutes() );
                      var nowSec = set2fig( nowTime.getSeconds() );
                      var msg = "現在時刻は、" + nowHour + ":" + nowMin + ":" + nowSec + " です。";
                      document.getElementById("RealtimeClockArea").innerHTML = msg;
                   }
                   setInterval('showClock2()',1000);
                   </script>
               
                   
           </div>
           <div class="container-fluid">
                 <div class="row">
                   <div class="col-sm-9"><p>日本で、...
                               </p>
                   </div>
                   <div class="col-sm-3">   
                   <div class="one">
                   <p>通称:主</p>   <p>年齢:36歳</p>   
                   <p>性別:男性</p>   <p>履歴書</p>
                       <p>私、主が日々気になったことなどをつづります...</p>
                   </div>
                   <div class="two">
                       <p>現在の日本について</p>
                   </div>
               
                   
                   </div>
               </div>
               
           </div>
       </div>
   </body>
</html>
```
このコードの場合、カラムの右に、命題し、左に文章を表示としたいのですが、
このコードの場合、右のカラムに、命題し、左のカラムに文章を表示としたいのですが、
phpでは、どのように組めばよいのでしょうか。
  • PHP

    24082 questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

2 文字の修正

tidavest

tidavest score -119

2017/02/23 17:18  投稿

phpで、日記をメインに表示、
よく、bootstrapなどを使用して、
ページの右側に、トピックや日記の題名を記載して、クリックすると
左のメインのページに文章が現れるというページを見ます。
自分は、現在、下記のコードを作っています。
```ここに言語を入力
<!Doctype html>
       <head><link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
       <link rel="stylesheet" type="text/css" href="style.css"></head>
   <body>
       <div class="wrapper">
           <div class="header">
               <H2>主の独り言</H>
                   <img src="ninja.jpg">
                   <p id="RealtimeClockArea">※ここに時計(2桁固定版)が表示されます。</p>
                   <script type="text/javascript">
                   function set2fig(num) {
                      // 桁数が1桁だったら先頭に0を加えて2桁に調整する
                      var ret;
                      if( num < 10 ) { ret = "0" + num; }
                      else { ret = num; }
                      return ret;
                   }
                   function showClock2() {
                      var nowTime = new Date();
                      var nowHour = set2fig( nowTime.getHours() );
                      var nowMin = set2fig( nowTime.getMinutes() );
                      var nowSec = set2fig( nowTime.getSeconds() );
                      var msg = "現在時刻は、" + nowHour + ":" + nowMin + ":" + nowSec + " です。";
                      document.getElementById("RealtimeClockArea").innerHTML = msg;
                   }
                   setInterval('showClock2()',1000);
                   </script>
               
                   
           </div>
           <div class="container-fluid">
                 <div class="row">
                   <div class="col-sm-9"><p>日本で、...
                               </p>
                   </div>
                   <div class="col-sm-3">   
                   <div class="one">
                   <p>通称:主</p>   <p>年齢:36歳</p>   
                   <p>性別:男性</p>   <p>履歴書</p>
                       <p>私、主が日々気になったことなどをつづります...</p>
                   </div>
                   <div class="two">
                       <p>現在の日本について</p>
                   </div>
               
                   
                   </div>
               </div>
               
           </div>
       </div>
   </body>
</html>
```
このコードの場合、カラムの左に、命題し、右に文章を表示としたいのですが、
このコードの場合、カラムの右に、命題し、左に文章を表示としたいのですが、
phpでは、どのように組めばよいのでしょうか。
  • PHP

    24082 questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

1 code blockのただし書き

tidavest

tidavest score -119

2017/02/23 17:12  投稿

phpで、日記をメインに表示、
よく、bootstrapなどを使用して、
ページの右側に、トピックや日記の題名を記載して、クリックすると
左のメインのページに文章が現れるというページを見ます。
自分は、現在、下記のコードを作っています。
```ここに言語を入力
<!Doctype html>
       <head><link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
       <link rel="stylesheet" type="text/css" href="style.css"></head>
   <body>
       <div class="wrapper">
           <div class="header">
               <H2>主の独り言</H>
                   <img src="ninja.jpg">
                   <p id="RealtimeClockArea">※ここに時計(2桁固定版)が表示されます。</p>
                   <script type="text/javascript">
                   function set2fig(num) {
                      // 桁数が1桁だったら先頭に0を加えて2桁に調整する
                      var ret;
                      if( num < 10 ) { ret = "0" + num; }
                      else { ret = num; }
                      return ret;
                   }
                   function showClock2() {
                      var nowTime = new Date();
                      var nowHour = set2fig( nowTime.getHours() );
                      var nowMin = set2fig( nowTime.getMinutes() );
                      var nowSec = set2fig( nowTime.getSeconds() );
                      var msg = "現在時刻は、" + nowHour + ":" + nowMin + ":" + nowSec + " です。";
                      document.getElementById("RealtimeClockArea").innerHTML = msg;
                   }
                   setInterval('showClock2()',1000);
                   </script>
               
                   
           </div>
           <div class="container-fluid">
                 <div class="row">
                   <div class="col-sm-9"><p>日本で、...
                               </p>
                   </div>
                   <div class="col-sm-3">   
                   <div class="one">
                   <p>通称:主</p>   <p>年齢:36歳</p>   
                   <p>性別:男性</p>   <p>履歴書</p>
                       <p>私、主が日々気になったことなどをつづります...</p>
                   </div>
                   <div class="two">
                       <p>現在の日本について</p>
                   </div>
               
                   
                   </div>
               </div>
               
           </div>
       </div>
   </body>
</html>
               
   ```
```
このコードの場合、カラムの左に、命題し、右に文章を表示としたいのですが、
phpでは、どのように組めばよいのでしょうか。
  • PHP

    24082 questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る