2017-05-24 9 views
8

私は、サイトがフレームされているウェブサイトを作成しています。 visitの方が良い場合は、http://cocvidarbha.epizy.com/votingというページがあります。すべてのページのフレームを設定するには

今、私はhttp://cocvidarbha.epizy.com/voting/1.phpに行きたいと思っています。しかし、URLはhttp://cocvidarbha.epizy.com/と表示されます。

は私だけでは、

+0

'index.php'のリンクを' 1.php'に置き、そのリンクをクリックするとどうなるかを見てください。 PS: '1.php'が既存のページであることを確認してください。 –

+0

@KIKOSoftwareを試しましたが、ページが見つかりません。 – ShriSun

+0

それは存在しなかったからです。最初にページ '.php'を作成し、' index.php'にリンクを使います。 –

答えて

2

あなたが必要なページ(1.php)にデフォルトのランディングページ(index.phpを)からリダイレクトを行う必要がある場合http://cocvidarbha.epizy.com/index.phpframe sourceを使用していましたあなただけwをフレームタグを使用する場合は

header("location:voting/1.php"); 
exit; 

、あなたのindex.phpのコードに以下の行を追加投票/ 1.phpに任意のURLのショーのためのリダイレクト、変更SRC属性値

5

ithoutこれは、クライアント側の回答の詳細です。

オプション1:

何ができるかは、あなたが(も存在しないパスすることができる)望む何か他のものにURLを変更するには、ブラウザを設定してください。ドメイン名を変更することはできません。 headタグ内の内

<script> 
    window.history.pushState("{data: 'pass data'}", "PageTitle", "/url"); 
</script> 

:あなたの1.phpファイルの追加でそう

、。

オプション:2

私が推薦するもう一つの方法は、アヤックスを使用しています。

<a href="/url">をすべてバインドすることができます。クリックすると、ページをリロードせずにそのURLのデータを非同期で返します。

だから、あなたがメインindex.phpファイル、追加で:

<li> 
    <a href="http://cocvidarbha.epizy.com/">Page 1</a> 
</li> 
<li> 
    <a href="http://cocvidarbha.epizy.com/voting/1.php">Page 2</a> 
</li> 

<div id="content"> 
    Content will be loaded here without any page reload or URL change 
</div> 

とをそしてちょうど</body>前に、追加します。

// Include jQuery 
<script 
    src="https://code.jquery.com/jquery-3.2.1.slim.min.js" 
    integrity="sha256-k2WSCIexGzOj3Euiig+TlR8gA0EmPjuc79OEeY5L45g=" 
    crossorigin="anonymous"></script> 
<script> 

$(document).ready(function(e) { 

    // Bind click event to all "<a>" tags 
    $(document).on('click', 'a', function(){ 
    var url = $(this).attr('href'); 
    // Do Ajax Call to "href" clicked 
    $.ajax({ 
     url: url, 
     type: "GET", 
     success: function(data){ 
     $('#content').html(data); 
     } 
    }) 
    return false; 
    }); 

}); 
</script> 
1

てみてください、私はリンクやiframe内を持って、次の例を使用して私のウェブページ。

ここ
<a id="myLInk" href="ClickMe.html" target="myIFrame"> Click Me </a> 

target="myIFrame"リンクは、ID "myIFrame" とiframe内に開くようになります。

これは私のIframeです。あなたはID「myLInk」、そしてリンク元(すなわち、ClickMe.html)と上記のリンクをクリックしたとき

<iframe name="myIFrame" src="index.html" align="top" height="500" width="95%" hspace="10" vspace="10" align="middle"> 
If you can see 
this, your browser does not support iframes! 
</iframe> 

は今、iframe内にロードされます。 この方法では、新しいページに移動することなく、できるだけ多くのリンクをロードすることができます。 これはURLを変更しないままです。

3

投票PHPをインデックスページの一部または全部にしたい場合は、いつでもインデックスページに埋め込むことができます。コンテンツが動的である場合、これは1つの解決策です。フレーム(HTML5ではサポートされていない)/ 301リダイレクトなどを避けるためです。

php includeを使用してファイルを埋め込むことができます。埋め込みファイルは、インデックスページでサーバー上のphpファイルとして更新されます。以下に示すjagbのように、ファイルを含めるときはreadfileを使用することをお勧めします。ファイルが存在しない場合は、エラーメッセージが返されます。

例:

@media (orientation: portrait) { 
 
    body, .reorientMessage{ 
 
     visibility: visible; 
 
    } 
 
    .mainContent{ 
 
     visibility: hidden ; 
 
    } 
 
} 
 
@media (orientation: landscape) { 
 
    .reorientMessage{ 
 
     visibility: hidden; 
 
    } 
 
    body,.mainContent{ 
 
     visibility: visible ; 
 
    } 
 
}
<html> 
 
<head> 
 
<meta charset="UTF-8"> 
 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
 
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> 
 
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato"> 
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 
 
</head> 
 
<body> 
 
<div class="reorientMessage">please reorient etc..</div> 
 
<div class="mainContent"><p>normal stuff here</p> 
 
<br><br></div> 
 
<?php include $_SERVER['DOCUMENT_ROOT'] . '/path/1.php';?> 
 

 
</body> 
 

 
</html>

[あなたのインデックスページからソース出力から取られたHTML上 - 1.php組み込み]

file_get_contents PHPの関数は、内容を読みます1.phpファイルを読み込み、内容を文字列として返します。

あなたは$ 1はファイルの内容を保持しているあなたの変数です

<?php 
$1 = file_get_contents('./yourserverpath/1.php'); 
echo $1; 
?> 

を使用して、同様にそれを埋め込むことができます(その後、それらを吐き出す!:))

ので、あなたの最後のインデックスページのコードでしょう次のようになります。

@media (orientation: portrait) { 
 
    body, 
 
    .reorientMessage { 
 
    visibility: visible; 
 
    } 
 
    .mainContent { 
 
    visibility: hidden; 
 
    } 
 
} 
 

 
@media (orientation: landscape) { 
 
    .reorientMessage { 
 
    visibility: hidden; 
 
    } 
 
    body, 
 
    .mainContent { 
 
    visibility: visible; 
 
    } 
 
}
<html> 
 

 
<head> 
 
    <meta charset="UTF-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> 
 
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato"> 
 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 
 
</head> 
 

 
<body> 
 
    <div class="reorientMessage">please reorient etc..</div> 
 
    <div class="mainContent"> 
 
    <p>normal stuff here</p> 
 
    <br><br></div> 
 

 
<?php 
 
$1 = file_get_contents('http://cocvidarbha.epizy.com/voting/1.php'); 
 
//I'm putting in the url cos i don't know your path but use the suggested 
 
//method - $1 = file_get_contents('./yourserverpath/1.php'); 
 
echo $1; 
 
?> 
 

 
</body> 
 

 
</html>

+0

を見てください。あなたはスタックスニペットでPHPを見ることはできませんが、あなた自身のサーバー上に表示されるはずです –

+1

あなたの答えに注意してください:#13 '<?php include 'http://www.cocvidarbha.epizy.com/voting/1.php ;?>'を '<?php include $ _SERVER [ 'DOCUMENT_ROOT']。 '/voting/1.php';?> 'あなたがシングルクォートを閉じる必要があるので、http URLを使うのが好きなら、' readfile() 'や' file_get_contents() 'や他のURL 'include()'で使われている 'CURL'のhttp urlのように、プロダクションが見えてはいけないので、OPにそうするように言うのは悪いです!回答を更新することを検討してください。 – jagb

+0

@jagbそれは良い点です。それを含めることにします。ありがとう。 –

関連する問題