Parašė E01· 2010 Spa. 17 22:10:43
#1
Sveiki, pastebėjau kad labai paplitus ši navigacijos panelė kaip cs....fun....lt Per vasarą buvau atsilikęs nuo web kūrimo ir t.t Jeigu kas turite kodą panelės duokit paimsiu :D
Parašė stano20· 2010 Spa. 26 08:10:59
#2
Sveikas, cia kodas su submeniu:
bet problema tame kad kai viena submeniu atsidarai ir ieini uzsidaro tas submeniu ir is naujo reikia atidarinet nesuprantu kaip sia klaida pataisyt jei rasi kaip pataisyt pranesk.
cia kodas:
openside("<center>Navigacija<br></center>");
echo "
<style type='text/css'>
/* The following is CSS to tweak */
html{
height:100%;
}
body{
font-family: Verdana, Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
height:100%;
font-size:0.9em;
line-height:130%;
text-align:left;
}
#mainContainer{
width:160px;
margin: 0 auto;
border-left:0px solid #000;
border-right:0px solid #000;
height:100%;
text-align:left;
}
#leftColumn{
width:160px;
float:left;
padding-left:0px;
}
#mainContent{
width:590px;
padding-left:0px;
padding-right:0px;
float:left;
}
#topBar{
height:100px;
}
/* End of CSS */
/****************************************************************************************
* LAYOUT CSS FOR THE MENU
****************************************************************************************/
#dhtmlgoodies_listMenu a{ /* Main menu items */
color:#005599;
font-weight:bold;
list-style-type:none;
padding-left: 12px;
}
#dhtmlgoodies_listMenu ul li a{ /* Sub menu */
color: #FF0000;
font-weight:normal;
font-style:none;
}
#dhtmlgoodies_listMenu ul li ul li a{ /* Sub Sub menu */
color: #FF0000;
font-style:none;
font-weight:normal;
}
#dhtmlgoodies_listMenu .activeMenuLink{ /* Styling of active menu item */
}
/*
No bullets
*/
#dhtmlgoodies_listMenu li{
list-style-type:none;
}
/*
No margin and padding
*/
#dhtmlgoodies_listMenu, #dhtmlgoodies_listMenu ul{
margin:0px;
padding:0px;
}
/* Margin of sub menu items */
#dhtmlgoodies_listMenu ul{
display:none;
margin-left:7px;
color: #FF0000;
font-style:none;
}
</style>
<script type='text/javascript'>
/************************************************************************************************************
(C) www.dhtmlgoodies.... October 2005
This is a script from www.dhtmlgoodies.... You will find this and a lot of other scripts at our website.
Terms of use:
You are free to use this script as long as the copyright message is kept intact. However, you may not
redistribute, sell or repost it without our permission.
Thank you!
www.dhtmlgoodies.com
Alf Magne Kalleland
************************************************************************************************************/
var activeMenuItem = new Array();
function isUlInArray(inputObj,ulObj){
while(inputObj && inputObj.id!='dhtmlgoodies_listMenu'){
if(inputObj==ulObj)return true;
inputObj = inputObj.parentNode;
}
return false;
}
function showHideSub(e,inputObj)
{
if(!inputObj)inputObj=this;
var parentObj = inputObj.parentNode;
var ul = parentObj.getElementsByTagName('UL')[0];
if(activeMenuItem.length>0){
for(var no=0;no<activeMenuItem.length;no++){
if(!isUlInArray(ul,activeMenuItem[0]) && !isUlInArray(activeMenuItem[0],ul)){
activeMenuItem[no].style.display='none';
activeMenuItem.splice(no,1);
no--;
}
}
}
if(ul.offsetHeight == 0){
ul.style.display='block';
activeMenuItem.push(ul);
}else{
ul.style.display='none';
}
}
function showHidePath(inputObj)
{
var startTag = inputObj;
showHideSub(false,inputObj);
inputObj = inputObj.parentNode;
while(inputObj){
inputObj = inputObj.parentNode;
if(inputObj.tagName=='LI')showHideSub(false,inputObj.getElementsByTagName('A')[0]);
if(inputObj.id=='dhtmlgoodies_listMenu')inputObj=false;
}
}
function initMenu()
{
var obj = document.getElementById('dhtmlgoodies_listMenu');
var linkCounter=0;
var aTags = obj.getElementsByTagName('A');
var activeMenuItem = false;
var activeMenuLink = false;
var thisLocationArray = location.href.split(/\//);
var fileNameThis = thisLocationArray[thisLocationArray.length-1];
if(fileNameThis.indexOf('?')>0)fileNameThis = fileNameThis.substr(0,fileNameThis.indexOf('?'));
if(fileNameThis.indexOf('#')>0)fileNameThis = fileNameThis.substr(0,fileNameThis.indexOf('#'));
for(var no=0;no<aTags.length;no++){
var parent = aTags[no].parentNode;
var subs = parent.getElementsByTagName('UL');
if(subs.length>0){
aTags[no].onclick = showHideSub;
linkCounter++;
aTags[no].id = 'aLink' + linkCounter;
}
if(aTags[no].href.indexOf(fileNameThis)>=0 && aTags[no].href.charAt(aTags[no].href.length-1)!='#'){
if(aTags[no].parentNode.parentNode && aTags[no].parentNode.parentNode.id!='dhtmlgoodies_listMenu'){
var parentObj = aTags[no].parentNode.parentNode.parentNode;
var a = parentObj.getElementsByTagName('A')[0];
if(a.id && !activeMenuLink){
activeMenuLink = aTags[no];
activeMenuItem = a.id;
}
}
}
}
if(activeMenuLink){
activeMenuLink.className='activeMenuLink';
}
if(activeMenuItem){
if(document.getElementById(activeMenuItem))showHidePath(document.getElementById(activeMenuItem));
}
}
window.onload = initMenu;
</script>
<div id='mainContainer'>
<div id='leftColumn'>
<ul id='dhtmlgoodies_listMenu'>
<li><a href='#'>Pagrindinis</a>
<ul>
<li><a href='/index.php'>- Pagrindinis</a></li>
</ul>
</li>
<li><a href='#'>Web nuorodos</a>
<ul>
<li><a href='/weblinks.php'>- Web nuorodos</a></li>
</ul>
</li>
<li><a href='#'>Naujienos</a>
<ul>
<li><a href='/news_cats.php'>- Naujienos</a></li>
</ul>
</li>
<li><a href='#'>Klausimai, skundai</a>
<ul>
<li><a href='/contact.php'>- Klausimai, skundai</a></li>
<li><a href='/viewpage.php?page_id=30'>- Atsakymai</a></li>
</ul>
</li>
<li><a href='#'>Foto galerija</a>
<ul>
<li><a href='/photogallery.php'>- Foto galerija</a></li>
</ul>
</li>
<li><a href='#'>Paieška</a>
<ul>
<li><a href='/search.php'>- Paieška</a></li>
</ul>
</li>
<li><a href='#'>Struktūra</a>
<ul>
<li><a href='/viewpage.php?page_id=1'>- Struktūra</a></li>
<li><a href='/viewpage.php?page_id=9'>- Daugeliškio gir.</a></li>
<li><a href='/viewpage.php?page_id=10'>- Dūkšto gir.</a></li>
<li><a href='/viewpage.php?page_id=11'>- Tverečiaus gir.</a></li>
<li><a href='/viewpage.php?page_id=12'>- Kaltanėnų gir.</a></li>
<li><a href='/viewpage.php?page_id=13'>- Vaišniūnų gir.</a></li>
<li><a href='/viewpage.php?page_id=14'>- Minčiagirės gir.</a></li>
</ul>
</li>
<li><a href='#'>Rekvizitai</a>
<ul>
<li><a href='/viewpage.php?page_id=2'>- Rekvizitai</a></li>
</ul>
</li>
<li><a href='#'>Urėdijos kontaktai</a>
<ul>
<li><a href='/viewpage.php?page_id=3'>- Urėdijos kontaktai</a></li>
</ul>
</li>
<li><a href='#'>Saugomos teritorijos</a>
<ul>
<li><a href='/viewpage.php?page_id=4'>- Saugomos teritorijos</a></li>
<li><a href='/viewpage.php?page_id=18'>- Kertinės miško buveinės</a></li>
</ul>
</li>
<li><a href='#'>Viešieji pirkimai</a>
<ul>
<li><a href='/viewpage.php?page_id=5'>- Viešieji pirkimai 2010</a></li>
<li><a href='/viewpage.php?page_id=31'>- Viešieji pirkimai 2011</a></li>
</ul>
</li>
<li><a href='#'>Veiklos ataskaita</a>
<ul>
<li><a href='/viewpage.php?page_id=6'>- Veiklos ataskaita</a></li>
</ul>
</li>
<li><a href='#'>Urėdijos veikla</a>
<ul>
<li><a href='/viewpage.php?page_id=7'>- Žemėtvarkos informacija</a></li>
<li><a href='/viewpage.php?page_id=16'>- Pagrindinių kirtimų metinė apimtis</a></li>
<li><a href='/viewpage.php?page_id=19'>- Gamyba</a></li>
<li><a href='/viewpage.php?page_id=24'>- Miškų atkūrimas</a></li>
<li><a href='/viewpage.php?page_id=25'>- Miško sodmenys ir sėklininkystė</a></li>
<li><a href='/viewpage.php?page_id=27'>- Sanitarinė miškų apsauga</a></li>
<li><a href='/viewpage.php?page_id=28'>- Priešgaisrinė miškų apsauga</a></li>
</ul>
</li>
<li><a href='#'>Jaunieji miško bičiuliai</a>
<ul>
<li><a href='/viewpage.php?page_id=17'>- Jaunieji miško bičiuliai</a></li>
</ul>
</li>
<li><a href='#'>Prekyba</a>
<ul>
<li><a href='/viewpage.php?page_id=20'>- Prekyba</a></li>
</ul>
</li>
<li><a href='#'>Sertifikavimas</a>
<ul>
<li><a href='/viewpage.php?page_id=21'>- Sertifikavimas</a></li>
</ul>
</li>
<li><a href='#'>Rekreacija</a>
<ul>
<li><a href='/viewpage.php?page_id=22'>- Rekreacija</a></li>
<li><a href='/viewpage.php?page_id=23'>- Rekreaciniai objektai</a></li>
</ul>
</li>
<li><a href='#'>Informacija privačių miškų savininkams</a>
<ul>
<li><a href='/viewpage.php?page_id=29'>- Informacija privačių miškų savininkams</a></li>
</ul>
</li>
</ul>
</div>
</div>
";
closeside();
Redagavo Nepas· 2011 Vas. 24 16:02:22