サブウィンドウのパラメーター

一年振りにホームページを更新しました。
新しいページは相変わらず出来ませんが、今回は「富来情報」の項目のうち、「志賀町を描く美術展」サブウィンドウのレイアウトを変更しました。

【MEMO】
※ CSS(x_inform)に追加

table, td {
    border-bottom-color : #a9a9a9 ;
    border-bottom-style : solid ;
    border-bottom-width : 1px ;

受賞者一覧表に罫線(横)を表示。

サブウィンドウを開く時に、表示する場所およびウィンドウの大きさを指定するパラメータについて

window.open()で小窓
JavaScriptの window.open(URL, ウィンドウ名 [,オプション]) というメソッドで 小窓となるウィンドウを生成します。

パラメーター意味
width数値ウィンドウ幅
height数値ウィンドウ高さ
left数値ウィンドウ位置左
top数値ウィンドウ位置上
menubaryes/noメニューバー有無
toolbaryes/noツールバー有無
locationyes/noアドレスバー有無
statusyes/noステータスバー有無
resizableyes/noリサイズ可否
scrollbarsyes/noスクロールバー有無

※ 値の数値はピクセル値です。
※ ウィンドウの位置はデスクトップ画面の左上からの数値です。

※HTMLの<head>~</head>間に

title>ふるさと富来のメニュー</title>
<script language="JavaScript">
<!--
function popWin()
{
   var p=popWin.arguments;// 引数の配列オブジェクトをpに代入
   var n=p.length;// 引数の数を取得
   if(n==1){window.open(p[0]);}
   if(n==3){window.open(p[0],"","width="+p[1]+",height="+p[2]);}
   if(n==5){window.open(p[0],"","width="+p[1]+",height="+p[2]+",left="+p[3]+",top="+p[4]);}
   if(n==6){window.open(p[0],"","width="+p[1]+",height="+p[2]+",left="+p[3]+",top="+p[4]+","+p[5]);}
}
// -->
</scrip


※<body>~</body>間の記述

<div id="inform_area">
<!-- 最新の情報 -->
<ul class="newcontent">
    <li class="item">志賀町を描く美術展(2014/11/23)
<span class="win_Open"><a href="#" onclick="popWin('x_comment/x_20141123.html',600,600,600,10,'location=yes,resizable=yes,
toolbar=yes,scrollbars=yes')
">詳細</a></span>
<div class="info_detail">
志賀町の美しい自然や生活、産業等をテーマにした絵画を通じて芸術文化の振興とふるさとの再発見を目的にした「第26回 志賀町を描く美術展」の富来展が、今年も富来活性化センタで開催されています。</div>
    </li>
</ul>



”iframe” のレイアウト

初めてブログに動画を載せました。
レイアウトを画像(写真)と同じ位置関係にする為に、CSSに追加しました。

div.doga iframe {
  border: none;
        margin: 0px 10px 5px 10px; float: left;
}


スライドショーのバグ

20131111_slide.jpg「ふるさと富来」のスライドショーに不具合があることが判明しました。 このブログへのコメントを頂いたのですが、その際にスライドショーがバグっているとの報告を受けて、初めて不具合がある事を知りました。

スタートボタンをクリックしてもスライドショーがスタートしない事象で、他のブラウザでは動作するのですが、IEでは動作しません。 「ウ~ン、なぜ・・?」 私の知識では残念ながら原因が解る訳がありません。 これは困ったぞ!

何といってもブラウザでは主流のIEです。 このブログの来訪者でもIEが70%を超えていることを思うと致命的な欠陥であることは確実で、何とかしなければ・・・。

PRの表示が消えた・・・

5月24日の記事から、これまでは最初の記事の下部に表示されていた「スポンサーサイト」が表示されなくなりました。

写真はこれまでの画面ですが、このスポンサーサイトの表示が、突然表示できなくなったのですが・・・どうして?
有料プランへの変更もしていないのに、ブログ仕様が変更になったのかな?
この方が画面がすっきりしてユーザーにとっては有難いことなのですが、気になる所です。

追記を展開する(3)

「続きを読む」の表示色が{青色}だったのを{赤色}に変更しました。

◆ HTMLの修正

<!-- 修正部分(続き)  ------------------------------------>
                        <!--more_link-->
<div class="entry_text"> ※1
<div id="varP<%topentry_no>">
<a href="<%topentry_link>#<%topentry_no>" onclick="showMore(<%topentry_no>,'<%topentry_link>#<%topentry_no>');return false;">《 続きを読む → 》</a><br />
</div>
</div>
<div id="varXYZ<%topentry_no>" style="display: none"><%topentry_more><br />
<a href="#entry<%topentry_no>" onclick="showMore(<%topentry_no>,0);return true;"><span style="color: #ff4500; font-weight: bold; ">《 ← 続きを閉じる 》</span></a>
</div>
                        <!--/more_link-->
<!-- /修正部分(続き)  ------------------------------------>


◆ CSS に追加

/*-------- 続きを読む(Font) ----------------------- */
.entry_text a:link {color: #ff4500; text-decoration: underline; }
.entry_text a:hover, a:active { font-weight: bold; text-decoration: none; }



※1 {entry_text}はもともと CSS で定義されていなかったので、「続きを読む」の "class" として定義しました。 「続きを閉じる」の方は、スクリプトを解っていない私には変更できなかったので、HTML の中で表示色だけを変更をしました。 

管理画面の位置を変更

ブログ管理画面を開く時はサイドバーの「リンク」の項目になっていて、下部までスクロールする煩わしさを解消するために「管理画面」表示の位置を変更した。
メールフォームの項目に「管理画面」の表示を追加設定して利便性の向上を図った。


◆ リンク(プラグインカテゴリー2) 【HTMLの編集】で、赤字部分を削除

<ul>
<!--link-->
<li &align><a href="<%link_url>" title="<%link_name>" target="_blank"><%link_name></a></li>
<!--/link-->

<li><a href="./?admin">管理画面</a></li>
</ul>


◆ メールの編集(プラグインカテゴリー1) 【HTMLの編集】で、赤字部分を追加

<ul>
<li><a href="http://form1.fc2.com/form/?id=381930">メールによるお問い合わせ</a></li>
<li><a href="./?admin" target="_blank">管理画面</a></li>
</ul>




HPも移行しました

ブログに続いて「ふるさと富来」のHPもFC2ホームページへ移行しました。

これまでは有料だったのでファイルの容量を気にしながらのアップロードだったのですが、これからは容量を気にせずに写真などをアップロードできます。
当分の間は併用しての運用となりますが、更新の方は新しいブログとHPのみになります。 と云うよりも旧サイトの方は休止状態で新サイトへジャンプするように設定しました。

HPの方は余り気にならないのですが、ブログの方は最初の記事の下部にスポンサー情報が表示されます。
このスポンサー表示が必須条件なので、仕方がないですね。 なにせ無料ですから・・・。 
でも、テキスト表示なのでまだ我慢できるかなぁ。 画像が出てくるとちょっと嫌なんですが・・・。

今日の日付

カレンダーの上部に、今日の日付を表示するようにしました。

◆ HTMLの編集で追加

<!-- 今日の日付 ---------------------------------------->
<div id="day">
<SCRIPT Language="JavaScript">
<!--
ar1=new Array("日","月","火","水","木","金","土");
kyou = new Date();
yy = kyou.getFullYear();
mm = kyou.getMonth() + 1;
dd = kyou.getDate();
da = ar1[kyou.getDay()];
document.write("※ 今日は "+ mm + "月" +dd + "日("+ da + ")です");
//-->
</SCRIPT>
</div>


◆ CSSの編集で追加

/*-------- 今日の日付 
------------------------------------------------------------ */
#day{font-size: 8pt;
     color:#ff6347 ;
     text-align:left;
     text-decoration:none;
}

新しいスタートです


20130223_nakajima.jpgここ数日は冷え込みも厳しくて家に閉じこる日々が続いています。 今朝は早い時間に起きて、自動車も通った形跡もないような、新雪が積もって凍てついたバンタの坂を山越えしました。

旧中島町役場前へは集合時間の30分前に到着、友達の到着を待つことになりました。 薄っすらと東の空が明けてくる頃になって全員が集合です。

小松空港へ向けて出発しました。 そして私は大津口経由で帰って来ました。

そうです、妻の方は久しぶりの東京で、「第九」のために友達と出掛けたのですが声が出るの?

「西海の潮風」も、今日から新しいスタートとなりました。 これまでの Broach と比べてどうなの・・?
今のところはどちらがどうのって事は感じませんが、習うより慣れろって所でしょうか。 

記事の移行は出来たのですが、これまで皆さんから頂いた沢山の”コメント”は、残念ながら移行できませんでした。
コメント投稿時の日時の変更が出来ないので、諦める事にしました。 
折角、貴重なコメントを書き込んで下さった人達には申し訳ないのですが、ご容赦をお願いします。  併せて、今後ともよろしくお願いします。
【チャッピー】

ブログ内検索が可能になりました

ブログ内検索をした場合に、検索した文字を含む記事が見つからなかった時のメッセージを表示するようにしました。

■ HTMLに赤字部分のタグを追加

    <!--search_area-->
<div class="result none block<!--topentry--><%topentry_no><!--/topentry-->"> ※ この語句を含む記事は見つかりませんでした。 </div>
  <div class="content">
      <div class="plg3_header"><h3 class="plg_3">search : <%sub_title></h3></div><!--/plg3_header-->


■ CSS に下記を新たに追加記載

/* 記事がある場合・無い場合(検索結果) */
.none { display:none; }
.block { display:block; }
.result  {color:#ff4500; font-size:10pt; font-weight:bold; }


参考にしたブログ記事は・・・【 ありのごとくあつまりて 】畳紙の記事です。

     
カレンダー
05 | 2017/06 | 07
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 -
ホームページ
プロフィール

チャッピー

名  前:チャッピー
誕生日:2000年8月13日
性  別:男性
趣  味:散歩(最近は昼寝)
特  技:お座り、お手&待て!

メール ・ 管理画面
カウンター
今日の天気&予報

※日本気象協会(tenki.jp)

最新記事
月別アーカイブ
〖日付の古い順で表示します〗
カテゴリ
〖日付の新しい順で表示します〗
リンク
ブログ内検索
RSSリンクの表示