tag:blogger.com,1999:blog-79048639999484202512011-04-21T15:02:28.910-07:00..Let see my idiots - -'Apinanhttp://www.blogger.com/profile/16190905511970929114noreply@blogger.comBlogger21100tag:blogger.com,1999:blog-7904863999948420251.post-13083887871741205492008-09-26T22:28:00.000-07:002008-09-26T22:49:05.236-07:00 Hello test From Google Doc<br><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7904863999948420251-1308388787174120549?l=ohmywork.blogspot.com' alt='' /></div>Apinanhttp://www.blogger.com/profile/16190905511970929114noreply@blogger.com0tag:blogger.com,1999:blog-7904863999948420251.post-60809596589876515152007-08-18T09:29:00.000-07:002008-12-12T13:10:53.374-08:00<span style="font-family:arial;font-size:85%;"><div><strong><span style="color:#3333ff;"><span class="Apple-style-span" style="font-size:medium;">AjaxControlToolkit-Accordion</span></span></strong><span class="Apple-style-span" style="font-size:medium;"><br /></span><span style="color:#3366ff;"><span class="Apple-style-span" style="font-size:medium;">ทำtab ยืดได้หดได้ ด้วยstepง่ายๆ 4 step คือ</span></span><span class="Apple-style-span" style="font-size:medium;"> </span></div><span class="Apple-style-span" style="color: rgb(102, 0, 0);"><span class="Apple-style-span" style="font-size:medium;"><br /></span></span><span><span style="font-family:arial;"><span class="Apple-style-span" style="color: rgb(102, 0, 0);"><span class="Apple-style-span" style="font-size:medium;">1.แทรก stylesheet </span></span></span><span class="Apple-style-span" style="color: rgb(102, 0, 0);"><span class="Apple-style-span" style="font-size:medium;"><br /></span></span><span style="font-family:arial;"><span class="Apple-style-span" style="color: rgb(102, 0, 0);"><span class="Apple-style-span" style="font-size:medium;">2.เพิ่ม Accordion Controlจากใน AjaxToolkit เข้ามาแล้วทำการปรับแต่ง option </span></span></span><span class="Apple-style-span" style="color: rgb(102, 0, 0);"><span class="Apple-style-span" style="font-size:medium;"><br /></span></span><span style="font-family:arial;"><span class="Apple-style-span" style="color: rgb(102, 0, 0);"><span class="Apple-style-span" style="font-size:medium;">3.แทรกtag "Panes" เข้าไปในcode ของ Accordion </span></span></span><span class="Apple-style-span" style="color: rgb(102, 0, 0);"><span class="Apple-style-span" style="font-size:medium;"><br /></span></span></span><span style="font-family:arial;"><span class="Apple-style-span" style="color: rgb(102, 0, 0);"><span class="Apple-style-span" style="font-size:medium;">4.ในระหว่าง ให้เพิ่ม AccordionPane Control เข้ามาเพื่อทำการใส่เนื้อหาและ Header </span></span></span><div><span style="font-family:arial;font-size:85%;"><span class="Apple-style-span" style="color: rgb(0, 51, 0);"><br /></span><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="color: rgb(0, 51, 0);">>>แทรก Stylesheet ระหว่าง head โดยการคลิ๊กลากจาก SolutionExplorer มาที่code เลยก็ได้<br /></span></span></span><span style="font-family:arial;font-size:85%;"><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="color: rgb(0, 51, 0);">>>ในเนื้อหา หรือ body แทรก AjaxControlToolkit"Accordion" ลงไปโดยลากจาก Toolbox มาเลยโดยการปรับแต่งค่าทำได้ดังนี้<br /><br /></span></span><br /></span></div></span><span style="font-family:arial;font-size:85%;"><br /><blockquote><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="color: rgb(102, 102, 102);">SelectedIndex="0"<br />HeaderCssClass="accordionHeader"<br />ContentCssClass="accordionContent"<br />FadeTransitions="true"<br />FramesPerSecond="40"<br />TransitionDuration="250"<br />AutoSize="None"</span></span><br /></blockquote><br /><div><img id="BLOGGER_PHOTO_ID_5100078286421681522" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_-EvcKi_RJZk/RsceLhzY5XI/AAAAAAAAAA0/intomz9x224/s320/2.GIF" border="0" /><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="color: rgb(0, 0, 153);"><br />>>เพิ่มtag Panes เข้าไประหว่างcodeของ Accordion แล้ว เพิ่ม AjaxControl "AccordionPane" เพื่อทำการใส่ เนื้อหาและ Head ของ Tabที่เราจะทำ ในที่นี้เราทำ4Tab เราก็ต้องเพิ่ม AccordionPane เข้ามา4อัน โดยแต่ละอันใส่tag "header" และ "content"<br />>> ลองรัน ดู....จบและ ง่ายจริงๆ<br /></span><br /></span><span><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="color: rgb(0, 51, 51);">ลองโหลดไปลองrun ดูได้ที่</span></span></span><span class="Apple-style-span" style="font-size:medium;"><br /></span></div><span class="Apple-style-span" style="font-size:medium;"><br /></span><blockquote><a href="http://download.microsoft.com/download/f/7/a/f7adf2b4-6554-4027-bac6-c853bc0a4f9d/HDI-ACT-Accordion-CS.zip"><span class="Apple-style-span" style="font-size:medium;">http://download.microsoft.com/download/f/7/a/f7adf2b4-6554-4027-bac6-c853bc0a4f9d/HDI-ACT-Accordion-CS.zip</span></a><span class="Apple-style-span" style="font-size:medium;"><br /></span></blockquote><br /><div><br /></div></span><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7904863999948420251-6080959658987651515?l=ohmywork.blogspot.com' alt='' /></div>Apinanhttp://www.blogger.com/profile/16190905511970929114noreply@blogger.com2