teratail
回答率
85.48%
質問するログイン新規登録
トップiframeに関する質問iframeを縮小してセンタリング表示する

編集履歴

回答編集履歴

3

HTMLに表記をまとめました。

2015/03/29 07:17

投稿

infernoayase
infernoayase

スコア41

test CHANGED
@@ -26,23 +26,25 @@
26
26
 
27
27
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
28
28
 
29
- ```
30
29
 
31
30
 
31
+ <!--//jQueryを使ってiframe内のbodyにtransform:scale(0.5);を指定する。
32
32
 
33
- ---jQuery
34
-
35
- ```lang-＜javaScript＞
33
+ <script type="text/javascript">
36
34
 
37
35
  $(function(){
38
36
 
39
37
  $(document).load(function(){
38
+
39
+ // #ifrmを選択→中身にアクセス→bodyタグを探す→CSSを追加する
40
40
 
41
41
  $("#ifrm").contents().find("body").css("transform","scale(0.5)");
42
42
 
43
43
  });
44
44
 
45
45
  });
46
+
47
+ </script>
46
48
 
47
49
  ```
48
50
 

2

書式の改善

2015/03/29 07:17

投稿

infernoayase
infernoayase

スコア41

test CHANGED
@@ -16,6 +16,10 @@
16
16
 
17
17
  素のJavaScriptでも良いですが簡単なのでjQueryというライブラリーを使った書き方を紹介します。
18
18
 
19
+
20
+
21
+ ---HTML※ヘッダー内に
22
+
19
23
  ```lang-＜HTML＞
20
24
 
21
25
  <!-- //jQueryの読み込み ※すでに読み込んでる場合は必要ない -->
@@ -26,13 +30,15 @@
26
30
 
27
31
 
28
32
 
33
+ ---jQuery
34
+
29
35
  ```lang-＜javaScript＞
30
36
 
31
37
  $(function(){
32
38
 
33
39
  $(document).load(function(){
34
40
 
35
- jQuery("#ifrm").contents().find("body").css("transform","scale(0.5)");
41
+ $("#ifrm").contents().find("body").css("transform","scale(0.5)");
36
42
 
37
43
  });
38
44
 

1

編集中の誤投稿を修正

2015/03/29 07:11

投稿

infernoayase
infernoayase

スコア41

test CHANGED
@@ -30,7 +30,7 @@
30
30
 
31
31
  $(function(){
32
32
 
33
- $("ドキュメント").load(function(){
33
+ $(document).load(function(){
34
34
 
35
35
  jQuery("#ifrm").contents().find("body").css("transform","scale(0.5)");
36
36
 
@@ -41,3 +41,11 @@
41
41
  ```
42
42
 
43
43
  しかし、JavaScriptを使った場合でも”**親ページと同じドメインのiframe**”しか操作は出来ません。
44
+
45
+ これはJavaScriptのセキュリティ上の仕様です。
46
+
47
+
48
+
49
+ もし、クロスドメイン(他のドメインのサイト)を弄りたいというのであれば簡単な方法では解決しません。
50
+
51
+