Autor Zpráva
.net
Profil *
#1 · Zasláno: 8. 2. 2005, 12:20:20
Odpovědět Citovat
Mam takovy problem, potreboval bych udelat takove to vysouvaci menu jako je napr. v opere, proste kdyz si na nej kliknu tak vyjede liste s takovymi temi ikonkami na leve strane, neco uz sem napsal ale nezda se mi to jako prilis pouzitelne, dokazal by to nekdo malinko poupravit? diky

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>!!!</title>
<style>
.column {
top:20px;
position:absolute; overflow:hidden;
background:transparent;
margin:0; padding:0;
}

#leftColumn {
left:0%; width:15%;
}
#leftColumn1 {
left:0%; width:4%;
}

#rightColumn {
left:15%;
width:86%;
}

#rightColumn1 {
left:4%;
width:98%;
}

.leftContent {
background:#eee; /* CFD4E6; */
overflow:hidden;
margin:0 0 10px 0;
padding:10px 20px 20px 20px;
/* border-top:4px solid #CFD4E6; */ /* 6078BF; */
}

.rightContent {
background:#CFD4E6; /* 727EA3; */
overflow:hidden;
margin:0 0 10px 0;
padding:10px 20px 20px 20px;
}
</style>
<script type="text/javascript">
function ShowMenu(blik){
if (blik == 'Close' ) {
document.getElementById('leftColumn').style.visibility='hidden';
document.getElementById('leftColumn').style.display='none';
document.getElementById('leftColumn1').style.visibility='visible';
document.getElementById('leftColumn1').style.display='block';
document.getElementById('rightColumn').style.visibility='hidden';
document.getElementById('rightColumn').style.display='none';
document.getElementById('rightColumn1').style.visibility='visible';
document.getElementById('rightColumn1').style.display='block';

}
if (blik == 'View' ) {
document.getElementById('leftColumn1').style.visibility='hidden';
document.getElementById('leftColumn1').style.display='none';
document.getElementById('leftColumn').style.visibility='visible';
document.getElementById('leftColumn').style.display='block';
document.getElementById('rightColumn1').style.visibility='hidden';
document.getElementById('rightColumn1').style.display='none';
document.getElementById('rightColumn').style.visibility='visible';
document.getElementById('rightColumn').style.display='block';
}
}
</script>
</head>

<body>
<div id="leftColumn" OnClick="ShowMenu('Close');" class='column'><div class='leftContent'>L</div></div>
<div id="leftColumn1" OnClick="ShowMenu('View');" class='column' style="visibility:hidden;display:none;"><div class='leftContent'>L1</div></div>
<div id="rightColumn" class='column'><div class='rightContent'>R</div></div>
<div id="rightColumn1" class='column' style="visibility:hidden;display:none;"><div class='rightContent'>R1</div></div>
</body>

</html>
Yuhů
Profil
#2 · Zasláno: 8. 2. 2005, 17:11:14
Odpovědět Citovat
co to znamená "nezda se mi to jako prilis pouzitelne"? Funguje to? Co s tím máme dělat?
Časová prodleva: 7 dní
.net
Profil *
#3 · Zasláno: 15. 2. 2005, 10:34:44
Odpovědět Citovat
Funguje to, sice ne tak jak by melo, ale to vyresi css, jde mi spis o ten javascript. Pokud znas operu tak je tam jakesi leve menu ktere muzes zavirat nebo otevirat jak zrovna chces a potrebujes, jsou tam nejake ty ikonky ze jako chat atd. No timto sem se snazil tento stav nasimulovat, sice to "dela" to co si od toho predstavuju, ale prilis se mi to nezda, myslim ze by to slo i zjednodusit. Nasel sem neco podobneho ve framech ale kdyz ja bych se spis drzel jakehosi standartu, kdyz framy nebyly doporucovany ani tak v '97, sice dneska by to vetsina browseru zvladla, ale jde tam o jine veci jako napriklad tisk atd. posilam stanku na ktere je to videt ale ve framech: http://www.dwfaq.com/Store/demos/Toggle-O-Matic/docs/navigation.htm
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0