cyokodog の回答履歴
- iframeの高さ自動調整
いつもお世話になっております。IFrameの高さについて、教えてください。 IFrameの高さを、その内部に読み込むページの高さに自動的に合わせたいのですが、上手くいきません。 色々調査して、 <iframe src="http://xxx.yyy.com/" onload="this.style.height=this.contentWindow.document.body.scrollHeight;" width="100%" frameborder=0></iframe> 等を試しましたが、IE7ではアクセス拒否のエラーが出ます。 同じディレクトリのhtmlを指定するとうまくいくようですが、http://で指定されるurlを指定するとどうしてもうまくいきません。 このようなことは不可能でしょうか?よろしくい願いします。
- 締切済み
- kahata
- JavaScript
- 回答数3
- 2カラムレイアウトのページで、一番上にバナーを表示させたい。
2カラムのレイアウトで一番上にバナーを表示させたいです。 イメージとしては http://heo.jp/tag/page/frame/sample2/s05.html ここのページの「1.html」の部分をバナーの画像にしたいです。 どのように実装すればいいでしょうか? 上のページのように、一番上を別のhtmlファイルを入れるようにして、そのhtmlファイルに画像をいっぱいに表示させるようにするのでしょうか?(そういうことはできるのでしょうか?) あるいは、また、別の方法があるでしょうか? よろしくお願いします。
- 【javascript】firefoxでの、alertについて
はじめてOK Waveで質問します。 よろしくお願いします。 javascriptについての質問です。 form内の複数のradioの項目の組み合わせに応じて、if文でlocation.hrefでページ遷移するというjsを書きました。 IEでは動作しましたが、firefoxで動作しませんでした。 firefoxで動かない原因が分からず、自分なりにalertを使いながら原因を探っていたところ、 if文の次にalertを書いたところ、firefoxでも動作することができました。 ------------------------------ function pageshift() { var one, two; for (i = 0; i < 2; i++) { if(document.form.one[i].checked){ one = document.form.one[i].value; } } for (i = 0; i < 2; i++) { if(document.form.two[i].checked){ two = document.form.two[i].value; } } if(one == 'a' && two == 'a') { window.location.href = 'aa.html';} } else if(one == 'a' && two == 'b') { window.location.href = 'ab.html';} } alert('test'); } ------------------------------ (最後のalert('test');を書いたらそれまでfirefoxでは動作しなかったものが、動作した、ということです。IEではalert('test');がなくても目的通りに動作しています。) しかしながら、alertでメッセージが出てきてしまうのは避けたいと考えています。 alertを書いてページ遷移のfunctionが動作(正常に処理?)したとするならば、alertと同じような処理状態でなおかつメッセージを表示しないような状態に持っていければ、目的どおりになるのではないかと考えています。 どのように記述していけばいいのでしょうか・・・? よろしくお願いいたします。
- ベストアンサー
- pesokuro
- JavaScript
- 回答数3
- CSSで画面サイズを縮小するとレイアウトが大きく崩れてしまう
CSSとXHTMLで、左と右に分かれただけのデザインという少し変わったレイアウトで作ってみたのですが、画面サイズを変更(縮小)すると右側のBOXがすべて左側の下に回り込んでしまいます。 できればスクロールバーなどを出現させて、レイアウトが崩れないようにしたいと考えています。 色々いじくっていたらめちゃくちゃになってしまったのですが、一応CSSを掲載しておきます。 また、左側を○○pxで、右側を残りのサイズというようなwidthの指定の仕方ってあるのでしょうか? frameとかだと*で対応するみたいなんですが・・・ ひとまず、周り込を回避する方法が優先です。 どうかよろしくお願いいたします。 @charset "shift_jis"; body { margin: 0px; height: 100%; padding: 0px; font-size: 12px; line-height: 150%; } html { height: 100%; } img { border: none; vertical-align: bottom; } #left { background-color: #666666; width: 350px; float: left; min-height: 100%; height: 100%; } #right { height: 100%; padding: 35px 0 0 0; min-height: 100%; width: auto; margin: 0 0 0 350px; }
- 特定のクラスのバック地をマウスオーバーで色替えする方法
クラス名がついたJavascriptでマウスオーバー時のバック地の色を変更する方法をさがしています。 現在、タグに対するマウスオーバー時のバック地の色替え方法は分かっいます。 ******************************************************************** window.onload = function(){ //登録フォームのテーブル(td)の色を変化させる var tdTag = document.getElementsByTagName(\'td\'); for (var i=0; i<tdTag.length; i++){ tdTag[i].onmouseover = function(){ this.style.backgroundColor = \'#f8f8f8\'; } tdTag[i].onmouseout = function(){ this.style.backgroundColor = \'\' } } } ************************************************************** 上記は[ td ]タグに対する色替えで、テーブルのtdタグ全てに反映されてしまいますが これをクラス名もしくはid名がついたもののみに反映させたいのです。 初心者でやり方が分からなかったのでご質問させていただきました。 宜しくお願いいたします。
- 締切済み
- nonchan000
- JavaScript
- 回答数4
- アンカーリンクをクリックさせた後URLに#hogeを表示させない方法
下記を使って、JavaScriptで同一ページ内アンカーにジャンプさせたのですが、 location.hash = "#hoge"; ジャンプ後にURLの最後に#hogeが付いてしまいます。 ブラウザ上のURLの最後に#hogeをつけないでジャンプさせる方法はありますでしょうか。
- ベストアンサー
- abiru
- JavaScript
- 回答数2
- コンテンツをセンター表示
コンテンツにメインとフッダーのボックスを作り、 フッダーは最下部に固定しています。 これらをまとめて中央表示にしたいのです。 div #container {margin : 0px auto (他略) ;} としても左揃えのまま。 調べた結果、 body内を中央表示にすればいいとのことで試してみたのですが、 メインが中央表示になることはあってもフッダーは左揃えのままでした。 どう対処したらよいのでしょうか? ちなみにブラウザはIE7です。
- ベストアンサー
- noname#78061
- HTML
- 回答数4
- コンテンツをセンター表示
コンテンツにメインとフッダーのボックスを作り、 フッダーは最下部に固定しています。 これらをまとめて中央表示にしたいのです。 div #container {margin : 0px auto (他略) ;} としても左揃えのまま。 調べた結果、 body内を中央表示にすればいいとのことで試してみたのですが、 メインが中央表示になることはあってもフッダーは左揃えのままでした。 どう対処したらよいのでしょうか? ちなみにブラウザはIE7です。
- ベストアンサー
- noname#78061
- HTML
- 回答数4
- a name のちょっと上
<a name=""></a> で指定したところにリンクすると、この部分がブラウザの最上部にピッタリつきます。 この指定された部分の上 25px にリンクさせたい場合はどうすればいいでしょうか? やり方としては、 <a name="omoshiro"></a><div height="25"></div> <div>面白コーナー!</div> もしくは空白 div のかわりに img で透過 gif を入れてやればできますが、 見た目でも 25px の空白ができてしまいます。 ですのでこの空白を作らずにやりたいと思ってますがありますでしょうか? よろしくお願いします。
- CSSで背景にグラデーションをかけたいけどできません。
filter: progid:DXImageTransform.Microsoft.Gradient (StartColorStr=#000099, EndColorStr=#ffffff, GradientType=0) これをcssファイルのbodyのところに下記のように 付け加えたのですが反映されません。 BODY{ font-style:normal font-weight:normal font-size:small text-align:center;/ color:#000000 filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#000099, EndColorStr=#ffffff, GradientType=0) } 元は背景色と背景画像が指定してあった部分 background-color:#ffffff;/ background-image:url(./img/back.gif);/ を消してそこに入れたのですがそれは問題ないですよね? 教えてください、お願いします。
- ベストアンサー
- yoshino0724
- CSS
- 回答数3
- 1
- 2