【 HP質問過去ログ 】

| Back | Next | Page-9

【HP質問過去ログ/詳細】 一覧 / 詳細

No.9508 スクリーン画面に合わせて画像を表示する仕様
[seisuzuk] 07/11/02 (金) 16:44
Atomさん、いろいろお教え頂きました。お陰でスクリーン画面に合わせて画像を表示する仕様ができました。
1024x768px以上の大きな画面の機種をお持ちであれば、お暇な時にご一覧ください。
http://www.geocities.jp/jpnkcs/NuccioShow.html
画面文字入力枠(テーブル)を画面サイズに合わせ中央に表示する。文章入力枠の背景画像を乱れないで表示する小細工がしてあります。
No.9509 Re:スクリーン画面に合わせて画像を表示する仕様
[atom] 07/11/02 (金) 17:57
> 画面文字入力枠(テーブル)を画面サイズに合わせ中央に表示する。
> 文章入力枠の背景画像を乱れないで表示する小細工がしてあります。

前者は確認できましたが、後者は意味がわかりませんでした。
No.9510 Re^2:スクリーン画面に合わせて画像を表示する仕様
[seisuzuk] 07/11/02 (金) 20:51
文章入力枠は3列1行テーブルを使用しています。ページ背景画像に模様画像を入れておりますので、テーブル部分は白地にしてありますが、左右端を自然に見せるようにぼかしております。最初はテーブル全体の背景画像GIFに両端をぼかしたGIFを使用していましたが、これですと、テーブルの幅が拡大すると背景画像が乱れます。これを避けるために左右セル幅をpxで指定固定し、ここはそれぞれ左と右をぼかした小さな画像GIFを使用し、中央セルは幅を設定せずに白地一色のGIF画像を設定しています。これで拡大するのは中央セルのみですので
テーブルに背景画像が乱れないこととなります。姑息な方法をお笑いください。
No.9503 ページ読込み時にJavaScriptの関数を確実に作動させる方法
[seisuzuk] 07/10/31 (水) 08:47
度々恐縮です。画像サイズをスクリーンサイズに自動的に合わせる仕様にこだわっております。
JavaScriptの関数をページ読込み後にonclickで実行すると、画像サイズは変るのですが、onloadで実行すると、表示が変化しません。onloadの位置をページの最後の画像に設定するなどしておりますが、どうも機種により実行される場合とされない場合があるようで困っております。
ページが完全に読み込まれた後に関数を作動させる方法があるのでしょうか。お教えください。
添付のサンプルには、関数のあとにalert()を入れ、onloadで関数がコールされていることは確認しております。IE6.0でテストしております。
No.9504 Re:ページ読込み時にJavaScriptの関数を確実に作動させる方法
[atom] 07/10/31 (水) 10:25
onloadでは、ページを表示しようとしたときの実行になり、画像が表示される前となる事が考えられますので、うまく処理できないと思います。

処理速度が速い場合やタイミングによってたまたまうまく処理される場合があるだけでしょうね。

ページをすべて読み込まれたときに処理したいなら、「</body>」タグの直前にjavascriptを実行すればいいと思います。

今回の処理は、「setImgSize()」という関数ですから、
「</body>」タグの直前に次のような追記をしてみたらどうでしょうか?


<SCRIPT language="JavaScript">
<!--
setImgSize();
//-->
</SCRIPT>
No.9505 Re^2:ページ読込み時にJavaScriptの関数を確実に作動させる方法
[seisuzuk] 07/10/31 (水) 11:15
早速に有難うございました。
テストしましたが、残念ながら画像サイズ変更はされませんでした。<body>に書いたonclickではサイズ変更で表示されます。
これができますと、念願の仕様が完成するのですが。他に方法はございませんでしょうか。Meta文で10秒後にrefreshがありますが、これは使えないのでしょうか。
No.9506 Re^3:ページ読込み時にJavaScriptの関数を確実に作動させる方法
[atom] 07/10/31 (水) 11:43
う~ん..難しく考える必要ないと思うんですけどねぇ..

さっきの処理で私はうまくいきましたよ。

ほんとうにうまくいきませんか?

Operaは正常に動作しませんでしたけど、IE7.0、firefoxでテストしましたが、うまくいきましたよ。
No.9507 Re^4:ページ読込み時にJavaScriptの関数を確実に作動させる方法
[seisuzuk] 07/10/31 (水) 11:54
申し訳ありません。私のテスト法が悪かったようです。
コントロールから解像度を800x600pxとしてしてテストすると動作しないことが分りました。1024x768px(標準)で関数の方でのサイズ変更倍率を変更しますと、お教え頂いた仕様で画面サイズが自動的に変更されました。
申し訳ありません。今後も宜しくお願い申し上げます。
No.9494 画像をランダム表示
[苺] 07/10/27 (土) 11:52
2枚の画像をランダムに表示したいのですが、方法を教えてください。
No.9495 Re:画像をランダム表示
[atom] 07/10/27 (土) 12:38
No.9499 Re^2:画像をランダム表示
[苺] 07/10/27 (土) 16:58
すみません;
ありがとうございました。
No.9489 HP作成初心者です。
[チャルメラ] 07/10/25 (木) 14:28
こんにちは!
父親の会社のHPを作成したいんですが、自分は全くの素人で作成に関する知識が全くありません。
ホームページビルダーが初心者にも分かり易くていいという事をよく目にするんですが・・・。
実は業者の方に作って頂いたHPがあり、検索欄に関連語句を打ち込めば結構上位にHITするようになっています。
しかし、2,3年ほど前に作って頂いたもので、HPの内容が情報不足の内容で非常にショボイんです・・・。
業者にもう一度依頼し直そうとは考えたんですが、なかなかの額になりそうなので、後々の更新のことなども考えどの程度の物が作れるかまだ分かりませんが、自分で作ってやろう!と考えています。
ただ、今すでにある検索ランクをどうしてもこのままにしておきたいんです。
そこで今まであったHPの検索ランクの位置を変えず、自分がホームページビルダーで作ったHPと置き換える事は可能でしょうか?
No.9491 Re:HP作成初心者です。
[atom] 07/10/26 (金) 09:34
ランクの位置を変えず..というのは無理です。
ホームページの内容や作り方が変われば当然ランクに何らかの影響を及ぼします。
No.9492 Re^2:HP作成初心者です。
[チャルメラ] 07/10/26 (金) 14:54
そうですか。やっぱり無理か・・・。
回答して頂き有難う御座いました。
No.9482 メモ帳で作成したものがブラウザ表示されない
[chanel] 07/10/23 (火) 11:49
はじめまして。メモ帳にタグをうちHPをつくりたいのですが、index.htmlと名前をつけ、以下のような内容なのですが

<html>
<head>
<title>movie list</title>
</head>
<body>

<font size="1">
2007.10.06 アメリカンピーチパイ

 24 シーズンⅥ 7・ 8・ 9

2007.10.07 モテる男のコロし方

2007.10.10 クローズドノート

2007.10.11 蟲師

2007.10.12 こわれゆく世界の中で

2007.10.17 スパイダーマン3

2007.10.18 遠い空の向こうに

2007.10.20 インベージョン

</font>
</body>

</html>


これを保存した場合、ブラウザ表示されません。
何が原因なのでしょうか・・・?
すみませんがおしえてください><
No.9484 Re:メモ帳で作成したものがブラウザ表示されない
[atom] 07/10/23 (火) 15:39
ブラウザが起動しないのでしょうか?
それとも起動するけど文字などが表示しないのでしょうか?
No.9485 Re^2:メモ帳で作成したものがブラウザ表示されない
[chanel] 07/10/23 (火) 18:12
ご返信ありがとうございます><

ブラウザで表示しません。保存しても普通のtxtで保存されてしまい、ファイルをクリックしても、ブラウザで表示されず、また普通のtxt形式でひらいてしまうのです。
No.9486 Re^3:メモ帳で作成したものがブラウザ表示されない
[atom] 07/10/23 (火) 19:03
やっぱりね。
それはWindowsの環境を変えてしまったのと同じです。

本来ならブラウザで開くところを、エディタで開くように定義付けしてしまったのです。

ひとつの方法は、そのファイル「index.html」などを右クリックし、「プロパティ」をクリックします。
その後「変更」ボタンをクリックし、通常開くアプリケーションをIEに変更してください。
No.9487 Re^4:メモ帳で作成したものがブラウザ表示されない
[chanel] 07/10/23 (火) 20:12
お返事ありがとうございます><!
そうだったんですね・・・!ちゃんとブラウザで開きました!
・・・が!
今度はタグがそのままでてしまっています・・・インターネットにファイルをクリックしてドロップしたときと同じ状況です涙 どうすればよいでしょうか?
No.9488 Re^5:メモ帳で作成したものがブラウザ表示されない
[peradan] 07/10/25 (木) 13:31
恐らくそのファイルを開くアプリケーションを変更されただけかと。

ファイルの拡張子を常に表示されるようにされていますか?

もしされていなければ、

コントロールパネル→フォルダオプション→表示タブをクリック→

から、「登録されている拡張子は表示しない」のチェックをはずして、該当ファイルの拡張子が.htmlもしくは.htmになっているかご確認ください。
No.9490 Re^6:メモ帳で作成したものがブラウザ表示されない
[chanel] 07/10/25 (木) 15:48
わーできました!!!!!
うれしいです!!
教えてくださって、
ほんとにありがとうございました><!!♪
No.9479 表などの横に画像を貼り付けることは可能ですか?
[かぜうさぎ] 07/10/22 (月) 15:27
添付ファイルの斜線を引いたところに画像を貼り付けることは出来るでしょうか?
やろうとすると下か上に表示されてしまって・・;
No.9480 Re:表などの横に画像を貼り付けることは可能ですか?
[atom] 07/10/22 (月) 21:19
ごめんなさい、ファイルがうまく添付できていません。
もう一度添付してください。
No.9481 Re^2:表などの横に画像を貼り付けることは可能ですか?
[かぜうさぎ] 07/10/23 (火) 10:39
すみません;;
これで表示されると思いますが・・・・
No.9483 Re^3:表などの横に画像を貼り付けることは可能ですか?
[atom] 07/10/23 (火) 15:29
初心者にとって、簡単な方法とすれば、テーブル(表)を使用する方法でしょうね。
画像を背景にするか、テーブルの背景に指定して、
テーブルで枠組みを作るといいでしょう。

折れ曲がったところなどは画像を一部透明化するなどしないといけないかもしれませんね。
No.9476 サブウインドウの関数の実行
[seisuzuk] 07/10/17 (水) 17:51
ご多忙中、たびたび恐縮です。

横2分フレームセットをf2.htmlとf3.htmlで構成しました。
CardTemp_1.htmlには、画面の1x1テーブルの左端位置(130pxに設定)から80pxに移

動する関数を設定しました。
function mt2() {
myTab.style.left=80; alert("AAA"); }

f2.htmlの「aaa」ボタンから
   function linktarget(){
newWd=window.open("CardTemp_1.html", "FrB"); }
で、f3.htmlの位置に、CardTemp_1.htmlを表示します。

次いで、f2.htmlの「bbb」ボタンから
function sendCom(){
newWd.mt2(); }
を実行します。

この操作で、CardTemp_1.htmlのテーブル左端位置が80pxに移動し、alertが表示され

ますが、alertの[OK]をクリックすると、テーブル左端位置が元の130px位置に戻って

しまいます。
CardTemp_1.html上の「mt」ボタンでmt2()を実行した場合は、元に戻りません。

f2.htmlからの関数を実行を確定し、元に戻らない対応はありますでしょうか。ご教

示ください。
No.9477 Re:サブウインドウの関数の実行
[atom] 07/10/18 (木) 12:03
うう~ん..どこかがおかしいのでしょうね。

上記に記述されてることを元に、私なりにページ作成したら、そういう問題は発生しませんでした。

テストしたブラウザは、IEの7.0とSleipnirです。
No.9478 Re^2:サブウインドウの関数の実行
[seisuzuk] 07/10/18 (木) 21:35
atomさんがお分かりにならないようですので、一応は諦めて他の方法をテストいたします。
有難うございました。
IE6.0 SUP2での動作です。
No.9469 閲覧者側からの質問です
[hello kitty] 07/10/14 (日) 22:21
こんばんは。

質問があります。HPに作成されているブログにコメントすると自分のパソコンのメアドとか名前とか相手にわかってしまうものなのでしょうか??
No.9470 Re:閲覧者側からの質問です
[atom] 07/10/14 (日) 22:55
普通はわかりません。

だけど、絶対わからないというものじゃあないです。
たとえば、クッキーなどを使ってると、同一ドメインのブログの場合、取得される場合があります。
No.9471 Re^2:閲覧者側からの質問です
[hello kitty] 07/10/14 (日) 23:11
ありがとうございました。
No.9463 画像のサイズ
[ぼん] 07/10/08 (月) 20:45
画面の大きさによって表示される画像の大きさが変わってしまうんですけど、一定にするにはどうしたらいいですか?
No.9466 Re:画像のサイズ
[atom] 07/10/11 (木) 07:32
ちょっと意味がわからないのですが、
通常、画像って勝手に大きさが変わることなんてないはずですが?

何のことを言ってるのでしょうか?
No.9467 Re:画像のサイズ
[ゆうな] 07/10/11 (木) 12:16
> 画面の大きさによって表示される画像の大きさが変わってしまうんですけど、

ブラウザの設定で、大きさが変わっているのではないでしょうか?

例えばIEだと、画像を単独で表示させた場合、
ブラウザのウインドウ(画面)の大きさに合わせて、大きいサイズの画像を自動的にサイズ変更されるようにするという設定があります。
(画面より大きい画像が小さくサイズ変更されます。)
サイズ変更されても、右下に拡大・縮小ボタンが出てくるのでそれで対処できます。

#違う状況なら、詳しく書いてください。
No.9468 Re:画像のサイズ
[seisuzuk] 07/10/12 (金) 16:29
1024 x 768 の画面でピクセル単位で画像の縦横を設定したHTMLページを作成し、DELLの1280 x 1024の画面で表示すると、普通は左上に、画面の大きさへの比率では小さい画像として表示されます。
「これを画面の大きさが違う」というのであれば、その対応法は、この質問の前の私の質問にatomさんが丁寧に答えて頂いています。
HTML、CSSでの対応は見出されていません。
多分、問題はあると思いますが、上記のDELLの1280 x 1024でのテストでは、BODYに直接に画像を挿入するのであれば、左右余白と幅を%単位で設定し、一度高さをピクセルで設定した後に、ソースで高さの設定を削除すると、画像が原図の縦横比で表示されます。
画像の幅のみを%で設定すると、画面の大きさに比例した画像サイズとして表示されます。他の機種で同様に表示されるかは試していません。
また、テーブルのセル内に画像を挿入する場合には、この方法は現在のところ使えません。
No.9460 画面サイズに比例した表示にしたい
[seisuzuk] 07/10/05 (金) 17:55
機種により画面サイズが異なります。テーブル、段落などのWIDTを%指定すると、幅は表示サイズに比例して表示されるようですが。画像などでHeightも%で設定すると、当然ですが、下の画像の縦横の比率にならないことが多いです。Heightを元の画面のwidth:heightの比率に設定する方法はないでしょうか。お教えください。
No.9461 Re:画面サイズに比例した表示にしたい
[atom] 07/10/05 (金) 20:24
Javascriptを使用すれば可能かと思います。
ただし、説明がかなり難しいのでご自分で勉強するしかないでしょう。

それらしいページをGoogleで検索してみました。
http://www.google.co.jp/search?num=50&hl=ja&newwindow=1&q=Javascript%E3%80%80%E7%94%BB%E5%83%8F%E3%81%AE%E3%82%B5%E3%82%A4%E3%82%BA%E5%A4%89%E6%9B%B4&lr=lang_ja
No.9462 Re:有難うございました
[seisuzuk] 07/10/06 (土) 07:36
早速に、お教え頂き有難うございました。検索結果を一読させて頂きました。
私は1024x768でWebページを作成していますが、画面サイズの異なる他の機種で見ると私のレイアウトと大分異なることに気付きました。大きな画面では私のレイアウトがそのまま拡大されることを望んで検討していましたが、上記の検索結果を見ましたが、「レイアウト(縦横比)を変えずに表示する」を検討したものはないので、これは意味のないことかと思ってきました。
ご返答ありがとう、御座いました。
| Back | Next | Page-9

 一覧 / 詳細


page update:11/07/06 21:02

Copyright (c) 2000-2009, all Rights Reserved & Produced by atom