BlogGang.com : : anchan42 : ปรับปรุง Longman Dictionary of Contemporary English 2009 ซ่อนแผงด้านขวากับแบนเนอร์ด้านบน (6.5)

ปรับปรุง Longman Dictionary of Contemporary English 2009 ซ่อนแผงด้านขวากับแบนเนอร์ด้านบน (6.5)

longmanการแก้ไขลองแมนตอนนี้และตอนต่อๆไปได้มาจากเว็บบล็อกของชาวจีนท่านหนึ่งสามารถเข้าไปดูได้ที่

//blog.sina.com.cn/s/blog_538a1d910100fasq.html~type=v5_one&label=rela_nextarticle

ไฟล์ที่ได้รับการแก้ไขแล้วสามารถดาว์นโหลดได้ที่ //orchidflower.ys168.com
ขอขอบคุณเจ้าของบล็อกที่อนุญาติให้นำมาเผยแพร่ต่อ เนื้อหาของตอนนี้จะต่างจากต้นฉบับอยู่เล็กน้อย

เนื้อหาตอนนี้จะเป็นการเพิ่มโค้ดเพื่อให้ตัวเลือก Hide Logo Panel กับHide Right Panelที่เพิ่มเข้ามาใช้งานได้
และเมื่อคลิกที่บริเวณ A จะเป็นการซ่อนหรือแสดงแผงแบนเนอร์ คลิกที่บริเวณB จะเป็นการซ่อนหรือแสดงแผงสั่งงานด้านขวา
การแก้ไขตอนนี้จะำซ้ำซ้อนกับตอนที่ 0 กับตอนที่ 1ให้ยกเลิกการแก้ไขทั้งสองตอนก่อน

แสดง

ซ่อน

วิธีทำ

เพิ่มโค้ดสีแดงเข้าไปในไฟล์ C:/ProgramFiles/Longman/LDOCE5/chrome/ldoce5/skin/main_app.css

.banner-flex-bg {
/*height: 113px;*/
background-image: url('chrome://ldoce5/skin/img/tb/banner-flex-bg.png');
background-repeat: repeat-x;
}
เพิ่มโค้ดสีแดงเข้าไปในไฟล์ C:/ProgramFiles/Longman/LDOCE5/chrome/ldoce5/content/flash/homepage/main_app.xul

เพิ่มโค้ดสีแดงนี้เข้าไปในฟังก์ชั่น prefInitในไฟล์C:/Program Files/Longman/LDOCE5/chrome/ldoce5/content/js/application.js

   updateAutoPlay();

   try      { if(g_Pref.GetBoolPref("skpref.hideLogoPanel")) showLogoPanel(); }
    catch(e) {g_Pref.SetBoolPref("skpref.hideLogoPanel", false); }
   try      { if(g_Pref.GetBoolPref("skpref.hideRightPanel")) showRightPanel(); }
    catch(e) {g_Pref.SetBoolPref("skpref.hideRightPanel", false); }

เพิ่มฟั่งชั่นนี้เข้าไปที่ท้ายไฟล์ application.js

// switch right panelvisibility
functionshowRightPanel( ) {
   var bankPanel = win.document.getElementById("dict-right-panel");
   var show = true;
   if (bankPanel.collapsed)
       show = false;
   if (show)
   {
       $(bankPanel).attr("collapsed", "true");
   }
   else {
       $(bankPanel).removeAttr("collapsed");
   }


}

// switch logopanel visibility
functionshowLogoPanel( ) {

   var logoShip = win.document.getElementById("logo-ship-panel");
   var logoTitle= win.document.getElementById("logo-title-panel");
   var show = true;
   if (logoShip.collapsed)
       show = false;
   if (show)
   {
       $(logoShip).attr("collapsed", "true");
       $(logoTitle).attr("collapsed","true");
    }
   else {
       $(logoShip).removeAttr("collapsed");
       $(logoTitle).removeAttr("collapsed");
   }

}

Create Date : 24 กันยายน 2552

Last Update : 4 ตุลาคม 2552 21:29:31 น.

0 comments

Counter : 845 Pageviews.