iframe内でサイトのヘッダーとフッターを削除します

Question

カテゴリページを含むウェブサイトがあります。このカテゴリページをホームページに含めるが、iframeにあるときにヘッダーとフッターは含めない。しかし、ユーザーがURLからアクセスする場合は、フルページを表示する必要があります。また、ページと同じ高さと幅になるようにiframeのサイズを変更します。

私はIFRAMEをロードし、ヘッダーとフッターを削除しようとしていますが、問題がある：

1. リサイズ機能はヘッダと前

を削除フッターを計算しているため、サイズ変更機能が動作しません。

2. それはあなたがサイトのバックエンドやヨーヨーのいずれかを使用します

Answer 1

を取り除いヘッダとの完全なWebページやフッタとして表示されますあなたのiFramesリンクにパラメータがあるかどうかを検出するJavaScript/jQuery。 www.yoursite.com/pagename?hide=true）。hide = trueの場合はフッターとヘッダーが非表示になります。あなたはこのCSSを使用するか、またはインラインCSSの下

#myIframe { position: relative; height: 100%; width: 100%; }

がURLで渡された変数を取得するためのロジックで適用後、iFrameにするためにIDを与えている場合は、以下に適用できるサイズの問題については

は

を変更します

：あなたはURLを持っている場合、例えば、jqueryの

// Get all variables from a url and return them as an associative array. function getVariableFromURL() { var variables = [], hash; var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); for(var i = 0; i < hashes.length; i++) { hash = hashes[i].split('='); variables.push(hash[0]); variables[hash[0]] = hash[1]; } return variables; }

を使用して

出力は以下のようになります：

{ "param1" : "Value1", "param2" : "Value2" }

、あなたは以下のように取得することができます：あなたは、いわゆるiframeのスクリプトで

var param1 = getVariableFromURL()["param1"]; var param2 = getVariableFromURL()["param2"];