TOP > Expression Web & FrontPage Users Forum
[リストへもどる]
一括表示
タイトルFP2000 別ウィンドウにリンク先を表示させるには?
記事No274
投稿日: 2009/04/12(Sun) 21:03
投稿者NAKA01
こんばんは。

いつも勉強させて頂いておりますNAKA01と申します。
使用ソフトはFRONTPAGE2000です。
早速なんですがこちらの記事の

TOP > Resources > CSS & JavaScript Tips
> 別ウィンドウにリンク先を表示させるには?

の例題の中で、別ウィンドウにポップアップで表示
させたい物が複数ある場合のJavaScriptコードの記述
をご教授願えませんでしょうか。。

例えば、容量の小さい写真のサムネイルを1つのページ
にたくさん集め、それぞれのサムネイルをクリックした
場合に別ウィンドウで450x300サイズの写真を表示させ
るような場合などです。

はじめたばかりなので上手に説明出来ていないかも
知れませんが宜しくお願い致します。

タイトルRe: FP2000 別ウィンドウにリンク先を表示させるには?
記事No275
投稿日: 2009/04/12(Sun) 22:31
投稿者wanichan
幅450ピクセル、縦300ピクセルであれば、
width=450,height=300,
に書き換えたらOKです。

複数の画像も一つの画像も一つのJavaScriptで使いまわせばいいと思いますが?
リンク先も同じ要領にします。

ちなみに、Expression Web 2を使うといろいろできますよ。
http://www.wanichan.com/web/expression/tips/tips16.html

よろしくお願いします。

タイトルRe^2: FP2000 別ウィンドウにリンク先を表示させるには?
記事No276
投稿日: 2009/04/13(Mon) 00:35
投稿者NAKA01
wanichan様

早速のご回答本当にありがとうございます!

例えば以下のような事を考えております。
複数の種類の犬の写真をひとつのページに
容量の小さなサムネイルで表示させて
仮に「チワワ」の文字をクリックした場合に
"chiwawa.html"という大画面写真ページを
450x300ピクセル丁度サイズのポップアップ
を表示させたいと考えております。

ですので <head>と</head>の間に

<script type="text/javascript"><!--
// イメージポップアップ表示
function ImageUp() {
window.open("chiwawa.html","window1","width=150,height=300,scrollbars=1");
}
// --></script>

として、ポップアップ表示させたいところには

<a href="javascript:ImageUp();">チワワ</a>

と入力致しましてここまではうまく作動が出来たのですが、他にも
様々な犬種がいるので

<script type="text/javascript"><!--
// イメージポップアップ表示
function ImageUp() {
window.open("chiwawa.html","window1","width=150,height=300,scrollbars=1");
} ↑
// --></script> |

このポップアップにしたいファイルは他にもたくさんある
状況です。
(shibaken.html(芝犬)やdaks.html(ダックスフント)などです。)
その場合に上記javaの記述をどうしたらいいのか
悩んでおる次第です。

上記の6行の記述を犬種の数だけ繰り返し記述するのでしょうか。。

初心者なので本当にご説明がヘタで申し訳ありません!
宜しくお願い致します。

タイトルRe^3: FP2000 別ウィンドウにリンク先を表示させるには?
記事No277
投稿日: 2009/04/13(Mon) 05:20
投稿者wanichan
window.open("chiwawa.html","window1","width=150,height=300,scrollbars=1");
この意味わかりますよね。
→幅150、横300ピクセルのウィンドウ名「window1」としてスクロールバーなしで新しいウィンドウで開く場合、それをImageUp()とする。
もし複数あれば、function ImageUp2()とかImageUp3()とかその分だけ作るわけです。

効率的に行うには、やはりLightbox.jsを使った方が一番いいと思います。
たくさんあるんですよね。例えばこんな感じに?
http://www.wanichan.com/travel/canada/vancouver/downtown/downtown.html

詳しくは
http://www.wanichan.com/web/expression/tips/tips16.html
を参考にしてください。
Expression Webでの操作方法ですが、FrontPage 2000ではちょっと無理ですね。
実際にFrontPage 2000にもオートサムネイル機能はありますが、検索と置換ツールで処理することはできません(FrontPage 2003から対応)。
すべてひとつずつ手書きで行う必要があります。

やはり、Expression Web 2にアップグレードをお勧めいたします。
FrontPage 2000だとアップグレード版で購入できます。
私の著書とセットになったバンドル版がいいかもです。
https://www.amazon.co.jp/dp/B001I8ZYTK?tag=wanichanowebw-22&link_code=as3&creativeASIN=B001I8ZYTK&creative=3999&camp=767
ただし、Windows XP以降のOSが必要です。
よろしくお願いします。

タイトルRe^4: FP2000 別ウィンドウにリンク先を表示させるには?
記事No278
投稿日: 2009/04/13(Mon) 21:53
投稿者NAKA01
wanichan様

ご回答ありがとうございました!

ひとまずは教えて頂きました通りfunction ImageUp2・3…
と記述してみましてうまく動作させる事が出来ました。

Expression Web について見ていたのですが
とても多機能で魅力的なソフトだと思いました。

いずれ自分のスキルが上がった時に、Expression Web
を導入してソフトもアップグレードしたいと思いました。

本当にありがとうございました!