DDT for Love Collection

Stage 2．メニュー内容の選択とページへの表示

メニュー内容の選択

Ajaxメニューの表示パターンをお選びいただけます。

以下のサンプルよりお好きなタイプをお選び下さい。 (文字色やアイコンなどは Stage 3 にてカスタムできます。）
使用したいメニュー横の

をクリックすると、お選びいただいたメニューを表示するためのソースがズルルル～っと出てきますので、そのソースをコピーして下さい。

コピーしたソースは、Stage 1 でダウンロードした基本セットの

menu フォルダー内にある

menu_deta.js にペースト（上書き）して下さい。

メニューを表示する

上書きが完了したら index.html をダブルクリックで（IEで）開いて、選択したメニューが表示されているかどうか確認してみて下さい。
メニューは、下記のソースが記載されている位置に表示されます。
ソースの記載位置を移動させるコトで、メニューをデザインに合ったお好きな位置に表示させることが可能です。

参考

ギャラリー制作の労力を極限まで減らすコトを目標として、ＴＯＰページと画像掲載ページ以外の全ページを自動的に生成する設計にしました。

Ajaxのメリットについて

Ajaxメニューによって読み込まれる各種ページを形成するデータは、 <div id="disp"> から </div> の中に書き出されます。全ページに表示させたい内容（メニューや各画像へのサムネイルリンクなど）は、 id="disp" 以外の場所にレイアウトして下さい。ＴＯＰページの内容のみ、この中に掲載して下さい。 id="disp" 内への記述は、他のページが読み込まれると上書きされます。

HORIZONTAL English height = about 25px

No.Display Sample

h1a


with(menustyle=new menuname("horizontalgallerymenu-h1a")){
style=menuStyle1;
alwaysvisible=1;
itemheight=20;
margin=1;
orientation="horizontal";
position="relative";
aI("text=Top;title=ギャラリートップ;url=index.html;");
aI("showmenu=pastGallery;text=Gallery;title=ギャラリー;url=");
aI("text=About;title=らぶこれとは？;url=javascript:getPage('http://love-cl.seanet.jp/fixed/about.html');");
aI("text=Info;title=インフォメーション;url=javascript:getPage('http://love-cl.seanet.jp/fixed/info.html')");
aI("text=History;title=これまでの歩み;url=javascript:getPage('http://love-cl.seanet.jp/fixed/history.html');");
aI("text=BBS;title=掲示板;url=http://love-cl.seanet.jp/fixed/bbs.html;target=_blank");
aI("text=Special;title=らぶこれ限定特典;url=javascript:getPage('http://love-cl.seanet.jp/fixed/special.html');");
aI("text=Banner;title=相互リンク用バナー;url=javascript:getPage('http://love-cl.seanet.jp/fixed/banner.html');");
aI("text=Contact;title=お問い合わせ;url=javascript:getPage('http://love-cl.seanet.jp/fixed/contact.html');");
aI("showmenu=kokuchi;text=Thanks!;title=;");
}

drawMenus();

h2a


with(menustyle=new menuname("horizontalgallerymenu-h2a")){
style=menuStyle;
alwaysvisible=1;
itemheight=20;
margin=1;
orientation="horizontal";
position="relative";
aI("text=Top;url=index.html;tooltip=Here is your Toolteip;");
aI("showmenu=pastGallery;text=Gallery;title=ギャラリーアーカイブ;url=");
aI("text=About;title=らぶこれとは？;url=javascript:getPage('http://love-cl.seanet.jp/fixed/about.html');");
aI("showmenu=aboutJ2;text=Information;title=インフォメーション;url=javascript:getPage('http://love-cl.seanet.jp/fixed/info.html')");
aI("text=History;title=これまでの歩み;url=javascript:getPage('http://love-cl.seanet.jp/fixed/history.html');");
aI("text=Special;title=らぶこれ限定特典;url=javascript:getPage('http://love-cl.seanet.jp/fixed/special.html');");
aI("showmenu=kokuchi;text=Thanks!;title=告知協力サイト;");
}

drawMenus();

h3a


with(menustyle=new menuname("horizontalgallerymenu-h3a")){
style=menuStyle;
alwaysvisible=1;
itemheight=20;
margin=1;
orientation="horizontal";
position="relative";
aI("text=Top;title=ギャラリートップ;url=index.html;");
aI("showmenu=pastGallery;text=Gallery;title=ギャラリー;url=");
aI("showmenu=informationJ2;text=Information;title=インフォメーション;url=javascript:getPage('http://love-cl.seanet.jp/fixed/info.html')");
aI("text=BBS;title=掲示板;url=http://love-cl.seanet.jp/fixed/bbs.html;target=_blank");
aI("text=Special;title=らぶこれ限定特典;url=javascript:getPage('http://love-cl.seanet.jp/fixed/special.html');");
aI("showmenu=kokuchi;text=Thanks!;title=告知協力サイト;");
}

drawMenus();

h4a


with(menustyle=new menuname("horizontalgallerymenu-h4a")){
style=menuStyle;
alwaysvisible=1;
itemheight=20;
margin=1;
orientation="horizontal";
position="relative";
aI("text=Top;title=ギャラリートップ;url=index.html;");
aI("showmenu=pastGallery;text=Gallery;title=ギャラリー;url=");
aI("showmenu=informationJ;text=Information;title=インフォメーション;url=javascript:getPage('http://love-cl.seanet.jp/fixed/info.html')");
aI("showmenu=kokuchi;text=Thanks!;title=告知協力サイト;");
}

drawMenus();

h5a


with(menustyle=new menuname("horizontalgallerymenu-h5a")){
style=menuStyle;
alwaysvisible=1;
itemheight=20;
margin=1;
orientation="horizontal";
position="relative";
aI("text=Top;title=ギャラリートップ;url=./index.html;");
aI("showmenu=pastGallery;text=Gallery;title=ギャラリー;url=");
aI("showmenu=informationSP;text=Info;title=インフォメーション;url=javascript:getPage('http://love-cl.seanet.jp/fixed/info.html')");
}

drawMenus();

HORIZONTAL Japanese height = about 25px

No.Display Sample

h1j


with(menustyle=new menuname("horizontalgallerymenu-1j")){
style=menuStyle;
alwaysvisible=1;
itemheight=20;
margin=1;
orientation="horizontal";
position="relative";
aI("text=トップ;title=ギャラリートップ;url=index.html;");
aI("showmenu=pastGallery;text=ギャラリー;url=");
aI("text=らぶこれってなに?;url=javascript:getPage('http://love-cl.seanet.jp/fixed/about.html');");
aI("showmenu=aboutj;text=インフォメーション;url=javascript:getPage('http://love-cl.seanet.jp/fixed/info.html')");
aI("text=掲示板;url=http://love-cl.seanet.jp/fixed/bbs.html;target=_blank");
aI("text=スペシャル;url=javascript:getPage('http://love-cl.seanet.jp/fixed/special.html');");
aI("showmenu=kokuchi;text=告知協力サイト;");
}

drawMenus();

h2j


with(menustyle=new menuname("horizontalgallerymenu-h2j")){
style=menuStyle;
alwaysvisible=1;
itemheight=20;
margin=1;
orientation="horizontal";
position="relative";
aI("text=トップ;url=index.html;");
aI("showmenu=pastGallery;text=ギャラリー;url=");
aI("showmenu=informationJ2;text=インフォメーション;url=javascript:getPage('http://love-cl.seanet.jp/fixed/info.html')");
aI("text=掲示板;url=http://love-cl.seanet.jp/fixed/bbs.html;target=_blank");
aI("showmenu=kokuchi;text=告知協力サイト;");
}

drawMenus();

h3j


with(menustyle=new menuname("horizontalgallerymenu-h3j")){
style=menuStyle;
alwaysvisible=1;
itemheight=20;
margin=1;
orientation="horizontal";
position="relative";
aI("text=トップ;title=ギャラリートップ;url=index.html;");
aI("showmenu=pastGallery;text=ギャラリー;url=;target=_top;");
aI("showmenu=informationJ;text=インフォメーション;url=javascript:getPage('http://love-cl.seanet.jp/fixed/info.html')");
aI("showmenu=kokuchi;text=告知協力;");
}

drawMenus();

h4j


with(menustyle=new menuname("horizontalgallerymenu-h4j")){
style=menuStyle;
alwaysvisible=1;
itemheight=20;
margin=1;
orientation="horizontal";
position="relative";
aI("text=トップ;title=ギャラリートップ;url=index.html;");
aI("showmenu=pastGallery;text=ギャラリー;url=;target=_top;");
aI("showmenu=informationSP;text=インフォ;url=javascript:getPage('http://love-cl.seanet.jp/fixed/info.html')");
}

drawMenus();

VERTICAL English width = about 150px

NO. NO. NO. NO.

v1a


with(menustyle=new menuname("Verticalgallerymenu-v1a")){
style=menuStyle;
alwaysvisible=1;
itemwidth=150;
itemheight=24;
margin=1;
orientation="Vertical";
position="relative";
aI("image=;padding=3 0 3 3;text=  MENU;color=#777777;align=left;fontweight=bold;type=header;");
aI("text=Top;title=トップページ;url=index.html;");
aI("text=About;title=らぶこれとは？;url=javascript:getPage('http://love-cl.seanet.jp/fixed/about.html');");
aI("text=Information;title=インフォメーション;url=javascript:getPage('http://love-cl.seanet.jp/fixed/info.html')");
aI("text=History;title=これまでの歩み;url=javascript:getPage('http://love-cl.seanet.jp/fixed/history.html');");
aI("text=BBS;title=掲示板;url=http://love-cl.seanet.jp/fixed/bbs.html;target=_blank");
aI("text=Banner;title=相互リンク用バナー;url=javascript:getPage('http://love-cl.seanet.jp/fixed/banner.html');");
aI("text=Special;title=らぶこれ限定特典;url=javascript:getPage('http://love-cl.seanet.jp/fixed/special.html');");
aI("text=Contact;title=お問い合わせ;url=javascript:getPage('http://love-cl.seanet.jp/fixed/contact.html');");
aI("image=;padding=8 0 3 3;text=Gallery Archive;color=#777777 ;align=left;fontweight=bold;type=header;");
aI("showmenu=2006;text=2006.1-;padding=1 1 2 5;url=http://love-cl.seanet.jp/lcgallery/;target=_top;");
aI("showmenu=2005;text=2005.1 - 12;padding=1 1 2 5;url=http://love-cl.seanet.jp/200501/mc/index.html;target=_blank;");
aI("showmenu=2004;text=03.12-04.12;padding=1 1 2 5;url=http://love-cl.seanet.jp/200312/xmstopold.html;target=_blank;");
aI("image=;padding=8 0 3 3;text= SPECIAL THANKS;color=#777777 ;align=left;fontweight=bold;type=header;");
aI("showmenu=kokuchi;text=Notice Site;title=告知協力サイト;");
aI("text=Home;title=らぶこれホーム;url=http://love-cl.seanet.jp/;type='tree';");
}

drawMenus();

v2a


with(menustyle=new menuname("Verticalgallerymenu-v2a")){
style=menuStyle;
alwaysvisible=1;
itemwidth=150;
itemheight=24;
margin=1;
orientation="Vertical";
position="relative";
aI("image=;padding=3 0 3 3;text=MENU;color=#777777;align=left;fontweight=bold;type=header;");
aI("text=TOP;title=トップページ;url=index.html;");
aI("showmenu=informationJ;text=Information;title=インフォメーション;url=javascript:getPage('http://love-cl.seanet.jp/fixed/info.html')");
aI("text=ＢＢＳ;title=掲示板;url=http://love-cl.seanet.jp/fixed/bbs.html;target=_blank");
aI("showmenu=pastGallery;text=Gallery Aarchive;title=過去ギャラリー;url=;");
aI("image=;padding=8 0 3 3;text=SPECIAL THANKS;color=#777777;align=left;fontweight=bold;type=header;");
aI("showmenu=kokuchi;text=Notice Site;title=告知協力サイト;");
aI("text=HOME;title=らぶこれホーム;url=http://love-cl.seanet.jp/;");
}

drawMenus();

VERTICAL Japanese width = about 150px

NO. NO. NO. NO.

v1j


with(menustyle=new menuname("Verticalgallerymenu-v1j")){
style=menuStyle;
alwaysvisible=1;
itemwidth=150;
itemheight=24;
margin=1;
orientation="Vertical";
position="relative";
aI("itemwidth=150;image=;padding=3 0 3 3;text= MENU;color=#777777;align=left;fontweight=bold;type=header;");
aI("text=トップページ;url=index.html;");
aI("text=らぶこれとは？;url=javascript:getPage('http://love-cl.seanet.jp/fixed/about.html');");
aI("text=インフォメーション;url=javascript:getPage('http://love-cl.seanet.jp/fixed/info.html')");
aI("text=これまでの歩み;url=javascript:getPage('http://love-cl.seanet.jp/fixed/history.html');");
aI("text=掲示板;url=http://love-cl.seanet.jp/fixed/bbs.html;target=_blank");
aI("text=バナー;url=javascript:getPage('http://love-cl.seanet.jp/fixed/banner.html');");
aI("text=らぶこれ限定特典;url=javascript:getPage('http://love-cl.seanet.jp/fixed/special.html');");
aI("text=お問い合わせ;url=javascript:getPage('http://love-cl.seanet.jp/fixed/contact.html');");
aI("image=;padding=8 0 3 3;text= PAST GALLERY;color=#777777 ;align=left;fontweight=bold;type=header;");
aI("showmenu=2006;text=2006.1-最新;url=http://love-cl.seanet.jp/lcgallery/;");
aI("showmenu=2005;text=2005.1-12;url=http://love-cl.seanet.jp/200501/mc/index.html;target=_blank;");
aI("showmenu=2004;text=03.12-04.12;url=http://love-cl.seanet.jp/200312/xmstopold.html;target=_blank;");
aI("image=;padding=8 0 3 3;text=SPECIAL THANKS;color=#777777 ;align=left;fontweight=bold;type=header;");
aI("showmenu=kokuchi;text=告知協力サイト;");
aI("text=ホーム;title=らぶこれホーム;url=http://love-cl.seanet.jp/;");
}

drawMenus();

v2j


with(menustyle=new menuname("Verticalgallerymenu-v2j")){
style=menuStyle;
alwaysvisible=1;
itemwidth=150;
itemheight=24;
margin=1;
orientation="Vertical";
position="relative";
aI("image=;padding=3 0 3 3;text=MENU;color=#777777;align=left;fontweight=bold;type=header;");
aI("text=トップページ;;url=index.html;");
aI("showmenu=informationJ;text=インフォメーション;url=javascript:getPage('http://love-cl.seanet.jp/fixed/info.html')");
aI("text=掲示板;url=http://love-cl.seanet.jp/fixed/bbs.html;target=_blank");
aI("showmenu=pastGallery;text=過去のギャラリー;url=;target=_top;");
aI("image=;padding=8 4 3 3;text=SPECIAL THANKS;color=#777777;align=left;fontweight=bold;type=header;");
aI("showmenu=kokuchi;text=告知協力サイト;");
aI("text=ホーム;title=らぶこれホーム;url=http://love-cl.seanet.jp/;");
}

drawMenus();

LOVE COLLECTION HOME

Font Sample

Filter Sample