 사용방법
이 스크립트는 2개의 프레임으로 나눠져있으며, 메뉴부분은 outlook.html 파일 입니다.
main.html파일은 실재로 페이지가 표시되는 부분입니다
outlook.html 파일수정
우선 아래의 문장이 들어가있어야 합니다.
<script language="JavaScript" src="crossbrowser.js" type="text/javascript"></script>
<script language="JavaScript" src="outlook.js" type="text/javascript"></script>
//create OutlookBar
var o = new createOutlookBar('Bar',0,0,screenSize.width,screenSize.height,'#606060','white')//'#000099') // OutlookBar
var p
//create first panel
p = new createPanel('al','Anwendungen');
p.addButton('netm.gif','해피CGI','parent.main.location="http://www.happycgi.com"');
p.addButton('news.gif','News','alert("News")');
p.addButton('word.gif','Word','alert("Word")');
p.addButton('peditor.gif','Editor','alert("Editor")');
p.addButton('mail.gif','Mail','alert("Mail")');
o.addPanel(p);
p = new createPanel('p','Postf?her');
p.addButton('mail.gif','Mail 2','alert("Mail2")');
p.addButton('peditor.gif','Personal<BR>Editor','alert("Personal Editor")');
p.addButton('word.gif','Projekte','alert("Projekte")');
p.addButton('news.gif','Adresse','alert("Adresse")');
p.addButton('mail.gif','Postausgang','alert("Postausgang")');
p.addButton('mail.gif','Posteingang','alert("Posteingang")');
p.addButton('news.gif','Information aus<BR>erster Hand','alert("Infos")');
p.addButton('peditor.gif','Gelbe Post','alert("Gelbe Post")');
p.addButton('word.gif','Schreiben','alert("Schreiben")');
o.addPanel(p);
p = new createPanel('l','Leeres Panel');
o.addPanel(p);
p = new createPanel('l2','Leeres Panel 2');
o.addPanel(p);
o.draw(); //draw the OutlookBar
실재로 출력되는 메뉴부분 수정하기
p = new createPanel('al','Anwendungen');
p.addButton('netm.gif','해피CGI','parent.main.location="http://www.happycgi.com"');
p.addButton('news.gif','News','alert("News")');
p.addButton('word.gif','Word','alert("Word")');
p.addButton('peditor.gif','Editor','alert("Editor")');
p.addButton('mail.gif','Mail','alert("Mail")');
o.addPanel(p);
위의 스크립트를 보시면 가장상단에 있는 p = new createPanel('al','Anwendungen'); 부분이 큰메뉴부분입니다.
Anwendungen라고 적힌부분이 그 메뉴의 이름이 되겠습니다.
p.addButton('netm.gif','해피CGI','parent.main.location="http://www.happycgi.com"');
이부분이 해당 큰메뉴 아래에 들어가는 서브메뉴로 보시면됩니다. 순서대로 netm.gif는 아이콘의 이름이고
해피CGI는 메뉴의 이름입니다. 그리고 가장 뒷부분의 주소URL이 링크 주소가 됩니다.
마지막은 꼭 o.addPanel(p); 부분으로 닫아줍니다.
|
