Thursday, May 17, 2012

Tabview хийх нэгэн төрөл


Блогийн мэдээлэл их болох тусам тэнд маш олон мэдээллийг нэгтгэх, нэг дор бүгдийг нь харуулах боломжуудыг хайж эхэлдэг. Энэ удаагийн хичээлээр Tabview гэж нэрлэгддэг блогийн хажуу талд ихэвчлэн хийсэн байгаа харагддаг хичээлийг орууллаа. Tabview дотроо маш олон төрлийн байдаг. Энэ бол HTML хуудсанд элдэв янзын тохиргоо хийхгүй зүгээрл Add a Gadget нэмэх төдийд л хийчихнэ. Javascript код юм.
Үүний тулд Блогтоо нэвтрээд -> Dashboard -> Layout -> Page Element -> HTML/JavaScript доорхи кодыг хуул.



<style type="text/css">

.dropcontent{

overflow: auto;

width: 300px;

height: 140px;

border: 1px solid black;

background-color: #FFECC6;

display:block;

}

</style>



<script type="text/javascript">



/*

Combo-Box Viewer script- Created by and © Dynamicdrive.com

Visit http://www.dynamicdrive.com/ for this script and more

This notice MUST stay intact for legal use

*/



if (document.getElementById){

document.write('<style type="text/css">\n')

document.write('.dropcontent{display:none;}\n')

document.write('</style>\n')

}



function contractall(){

if (document.getElementById){

var inc=0

while (document.getElementById("dropmsg"+inc)){

document.getElementById("dropmsg"+inc).style.display="none"

inc++

}

}

}



function expandone(){

if (document.getElementById){

var selectedItem=document.dropmsgform.dropmsgoption.selectedIndex

contractall()

document.getElementById("dropmsg"+selectedItem).style.display="block"

}

}



if (window.addEventListener)

window.addEventListener("load", expandone, false)

else if (window.attachEvent)

window.attachEvent("onload", expandone)



</script>

<form name="dropmsgform">

<select onchange="expandone()" style="width:250" name="dropmsgoption" size="1">

<option selected/>Миний тухай

<option/>Блогийн тухай

<option/>Жишээ

</select>

<br/>



<div id="dropmsg0" class="dropcontent">

Би 2009 оноос эхлэн энэхүү блогийг хөтлөж явуулж байна. Цаашид энэхү блог хэрэгтэй мэдээллийг тавих болноо

</div>



<div id="dropmsg1" class="dropcontent">

Сайн байцгаана уу. Та бүгдэд энэ өдрийн мэндийг хүргэе. Блогтоо салхи оруулаагүй нэг л мэдэхэд 2 жил болсон байна. Өнөөдөр блог хөтөлдөг хүмүүс цөөхөн болж. facebook-рүү их хошуурдаг болсон байна. Энэ блог өдөртөө 100 орчим хүн ханддаг гэсэн статистик байна. Тэгэхлээр хүмүүс маань блогоо хаяаагүй л байгаа юм байна. Тиймээс би блогоо цааш үргэлжүүлэн хөтлөж хичээлүүдийг...

</div>



<div id="dropmsg2" class="dropcontent">

Уншигчид блогтоо тавигдаж буй мэдээллийг хэр зэрэг хүн үзэж байгаа, ямар сэтгэгдэлтэй байгаа талаар тэр болгон бүрэн мэдээлэлтэй байдаггүй. Тэгвэл таны бичлэгийг үзээд 1-5 балл-аар дүгнэж байх талаар боломж байдаг. Уншигчдын дүгнэлтҮүний тулд Блогтоо нэвтрээд dashboard >> layout >> Edit HTML >> блогоо нөөцлөөд ав Download full template, хийнэ...

</div>



</form>

<div id="dropmsg0" class="dropcontent">

ulesson

</div>


Бичлэгийн өнгийг тодорхойлж болно. Амжилт

2 comments:

Тэмээчин бүсгүй said...

Найзаа би Монгол Бичигээр л бичлэг оруулчдаг болчихмоор байна. Би үзсэн чинь хэвтээ ороод болохгүй байна лээ. Бас энэ хажуу талын шошогонуудын 1-2 ыг ч гэсэн Монгол Бичигээр оруулчих юмсан гээл мөрөөдөөл байгаа ш дээ.

Free Facebook Likes said...

Blog is best from reader/customer/client point of view. Its a clear , fast and good approach to make everything simple. I found some info on Free Likes and Tech Blog but still i need some reference.

Post a Comment