スクロールバーを表示しない（健忘録）

全画面の（1920×1080）の画像を作りました。HTMLで表示させますと、、、

なぜかスクロールバーが出てきました。

全面表示にしているのにスクロールバーが出現。

スクロールバーを表示しない方法

cssで消すしかないようです。

はみ出たものをどうするか？？

overflowを使用しました。

自分のＰＣではｙ方向のみでしたが、環境によっては変わるかもしれないのでｘ方向も指定します。

clipを指定しました。

body{

overflow-x:clip;

overflow-y:clip;

}

はみ出た分はカットするってことです。

ほぼhiddenと同じようです。

https://web.havincoffee.com/css/property/overflow-y.html#inpage-ank11

こちらのページを参考に↑

マウスオンで文字をポップアップ表示する

すぐ忘れてしまうので、イメージマップの円に、マウスオンで文字をポップアップさせる覚書。

<area shape=circle coords=470,349,8
  href="http://www.abcd.jp" target="_blank"
  alt="マウスオンでポップアップ" title="こんにちは">

赤文字が表示されます。

areaの中にtitleを入れればよい。

title="補足情報"
　要素に対する補足的な情報を指定する

クリックして、決められたサイズで小窓表示

画面をクリックすると、別ウィンドウが表示される。
別ウィンドウは決められたサイズで表示される。

これは、HTMLじゃなくてJsvaSｃriptを使うのだそうだ。
この文をheadに入れておいて、


<!--
function openwin(url) {
window.open(url, "", "width=1000,height=700,top=50,left=500,status=0,resizable=1,menubar=0,location=0");
}
// -->
　　　　
　　　　　width　幅
　　　　　height　高さ
　　　　　top　上からの空き
　　　　　left　左からの空き
　　　　　status　ステイタスバー　表示1またはyes　非表示0またはno
　　　　　resizable　変更可能1またはyes　ウィンドウサイズの固定0またはno
　　　　　menubar　メニューバー　表示1またはyes　非表示0またはno
　　　　　location　アドレスバー　表示1またはyes　非表示0またはno
　　　　　toolbar　ツールバー　表示1またはyes　非表示0またはno
　　　　　scrollbars　スクロールバー　表示1またはyes　非表示0またはno

bodyには

<a href="リンクするアドレス"onclick="openwin(this.href); return false;" target="_blank">

を入れる。これでOKのようです。

決まった時間でページを切り替える

久々にホームページを作ると、もともとうろ覚えなので、なかなか思い通りにできない。

これじゃ～いかんと思いながらも、今から勉強するには結構しんどいのであります。

なので、なるほど～と思ったことを書きとめておくようにしました。

今回はページの自動切換えです。
5秒後にジャンプっていうページがありますが、あれを使えばいいんですね。

ヘッドに

<meta http-equiv="refresh" content="90;URL=切り替えたいファイル名" />

といれると、90秒後にそのページに切り替わることができるのでした。

これを各ページに入れておけば、一巡できてしまいます。
ただし、未対応のブラウザもあるとのことですので、注意。