2008-05-09
どうにか復活（テンプレ）２
復活したと思っていたが、z-indexの指定で、メインコンテンツが一部背面にかくれ、選択できなくなっていたのでどうにか修正。
今回の失敗はヘアケア製品の人気ランキングの表示にifreamを使っているが、
これを選択した時にオンロードでサイズを可変させるため、メニューとして表示する項目を横長にしてメインのコンテンツにかぶせて見やすくしようとしていたが、結局は、オンロードでもサイズがうまく拾えなかったので(IEで)かぶせるのをやめ普通に表示するようにした。
であとは、又サイズの細かい修正を時間ができたときにやっておこう･･･
ある技術者の備忘録 ≫ iframeのサイズを動的に変えるにはを参考に少し変えたが
うまく動かなかったスクリプト↓
<script type="text/javascript">
window.onload=function(){
if (window.parent) {
if(document.documentElement){ var body = document.documentElement;}
else if(document.body){ var body = document.body;}
if(body){ var width = body.scrollWidth;
var height = body.scrollHeight;
var iframe = WINDOW.parent.document.getElementById("categoryrank");
iframe.style.width = width + "px";
iframe.style.height = height + "px";
iframe.scrolling = "no";
}}
}
</script>
今回の失敗はヘアケア製品の人気ランキングの表示にifreamを使っているが、
これを選択した時にオンロードでサイズを可変させるため、メニューとして表示する項目を横長にしてメインのコンテンツにかぶせて見やすくしようとしていたが、結局は、オンロードでもサイズがうまく拾えなかったので(IEで)かぶせるのをやめ普通に表示するようにした。
であとは、又サイズの細かい修正を時間ができたときにやっておこう･･･
ある技術者の備忘録 ≫ iframeのサイズを動的に変えるにはを参考に少し変えたが
うまく動かなかったスクリプト↓
<script type="text/javascript">
window.onload=function(){
if (window.parent) {
if(document.documentElement){ var body = document.documentElement;}
else if(document.body){ var body = document.body;}
if(body){ var width = body.scrollWidth;
var height = body.scrollHeight;
var iframe = WINDOW.parent.document.getElementById("categoryrank");
iframe.style.width = width + "px";
iframe.style.height = height + "px";
iframe.scrolling = "no";
}}
}
</script>
- 分類タグ
- BloggerHtml
- このエントリーのURL
- http://blog.peaks-jp.com/2008/05/blog-post_09.html
- このエントリーのLINK
- コメント
- 1) 店長
個別（bloggerのitemページ）でコメントが表示されていなかった･･･これでどうにかテンプレ復活か？
後は、新BLOGGERでやっていることをFTP公開サイトでもやってやろうともくろんでいます。(ただのジコマンですが･･･)