/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
forstørre dropdown menu
Fra : kim petersen


Dato : 16-01-05 11:36

Hej.
Jeg har hentet en DropDown menu på
http://java.skyteam.ru/dropdownmenu.htm

Jeg har fået den lagt ind men kan ikke
finde ud af hvordan man kan forstørre
knapperne. Hvad skal jeg lede efter i
koderne?
God weekend.
Hilsen kim
------------------------------------------------------------------
Denne her er fra menu_scripts.js
---------------------------------------------
var ve=false; // true - the main menu runs vertically, false - horizontally
// After change, modify same values in your *.css file:
var tdColor="#FFFFFF"; // menu item text color
var tdBgColor="#993366"; // menu item background color
var hlColor="#000000"; // highlight text color
var hlBgColor="#FFFFBB"; // highlight background color
var md=250;
var ti=-1;
var oTd=new Object;
oTd=null;
function doMenu(td){
clearTimeout(ti);
td.style.backgroundColor=hlBgColor;
td.style.color=hlColor;
var i;
var sT="";
var tda=new Array();
tda=td.id.split("_");
if(oTd!=null){
var tdo=new Array();
tdo=oTd.id.split("_");
for(i=1;i<tdo.length;i++){
sT+="_"+tdo[i];
if(tdo[i]!=tda[i]){
document.getElementById("td"+sT).style.backgroundColor=tdBgColor;
document.getElementById("td"+sT).style.color=tdColor;
if(document.getElementById("tbl"+sT)!=null)
document.getElementById("tbl"+sT).style.visibility="hidden";
}
}
}
oTd=td;
sT="tbl";
for(i=1;i<tda.length;i++)
sT+="_"+tda[i];
if(document.getElementById(sT)!=null)
document.getElementById(sT).style.visibility="visible";

}
function clearMenu(){
if(oTd!=null){
var tdo=new Array();
tdo=oTd.id.split("_");
var sT="";
for(var i=1;i<tdo.length;i++){
sT+="_"+tdo[i];
document.getElementById("td"+sT).style.backgroundColor=tdBgColor;
document.getElementById("td"+sT).style.color=tdColor;
if(document.getElementById("tbl"+sT)!=null)
document.getElementById("tbl"+sT).style.visibility="hidden";
}
oTd=null;
}
}
function runMenu(strURL){
location.href=strURL;
}
var tt="";
var sT="";
var pT=new Array();
var tA=new Array();
function getCoord(st){
tA=st.split("_");
if(tA.length>2){
tA=tA.slice(0,-1);
tt=tA.join("_");
return
(document.getElementById("tbl"+tt).offsetTop+document.getElementById("td"+st).offsetTop+4)+"px;left:"+
(document.getElementById("tbl"+tt).offsetLeft+document.getElementById("td"+st).offsetWidth-2)+"px'>";
}
var
p1=ve?document.getElementById("td"+st).offsetTop+4:document.getElementById("td"+st).offsetHeight-2;
var
p2=ve?document.getElementById("mainmenu").offsetWidth-4:document.getElementById("td"+st).offsetLeft+5;
return
(document.getElementById("mainmenu").offsetTop+p1)+"px;left:"+(document.getElementById("mainmenu").offsetLeft+p2)+"px'>";
}
if(document.getElementById){
var g1=ve?"":"<tr>";
var g2=ve?"":"</tr>";
var v1=ve?"<tr>":"";
var v2=ve?"</tr>":"";
var v3=ve?" style='float:left'>":">";
var sH="<table class='menu' id='mainmenu' cellspacing='0'"+v3+g1;
var p=0;
var j=0;
while(eval("typeof(td_"+ ++j +")!='undefined'")){
sH+=v1+"<td id='td_"+j+"' onmouseover='doMenu(this)'
onmouseout=\"ti=setTimeout('clearMenu()',md)\"";
sH+=(eval("typeof(url_"+j+")!='undefined'"))?"
onclick=\"runMenu('"+eval("url_"+j)+"')\">":">";
sH+=eval("td_"+j)+"</td>"+v2;
if (eval("typeof(td_"+j+"_1)!='undefined'"))
pT[p++]="_"+j;
}
sH+=g2+"</table>";
document.write(sH);
for(var q=0;typeof(pT[q])!="undefined";q++){
sT=pT[q];
sH="";
j=0;
sH+="<table class='menu' id='tbl"+sT+"' cellspacing='0'
style='top:"+getCoord(sT);
while(eval("typeof(td"+sT+"_"+ ++j +")!='undefined'")){
sH+="<tr><td id='td"+sT+"_"+j+"' onmouseover='doMenu(this)'
onmouseout=\"ti=setTimeout('clearMenu()',md)\"";
sH+=(eval("typeof(url"+sT+"_"+j+")!='undefined'"))?"
onclick=\"runMenu('"+eval("url"+sT+"_"+j)+"')\">":">";
sH+=eval("td"+sT+"_"+j)+"</td></tr>";
if (eval("typeof(td"+sT+"_"+j+"_1)!='undefined'"))
pT[p++]=sT+"_"+j;
}
sH+="</table>";
document.write(sH);
}
document.getElementById("mainmenu").style.visibility="visible";
}
else document.write("<p>This page uses DHTML and DOM, but your browser
doesn't support them.</p>");



 
 
Martin Ploug (16-01-2005)
Kommentar
Fra : Martin Ploug


Dato : 16-01-05 11:50

>Hvad skal jeg lede efter i
>koderne?

Jeg tror du skal lede efter width og height.
Måske er det angivet i et eksternt stylesheet (*.css)
eller en ekstern *.js fil.

Prøv i koden at søge på et ord du har skrevet i en af knapperne
og se, om der står noget om størrelsen i forbindelse med den tekst
du har skrevet.

- Martin





"kim petersen" <kongstad@FJERNDETTEtdcspace.dk> wrote in message
news:41ea43a4$0$51606$edfadb0f@dread14.news.tele.dk...
> Hej.
> Jeg har hentet en DropDown menu på
> http://java.skyteam.ru/dropdownmenu.htm
>
> Jeg har fået den lagt ind men kan ikke
> finde ud af hvordan man kan forstørre
> knapperne. Hvad skal jeg lede efter i
> koderne?
> God weekend.
> Hilsen kim
> ------------------------------------------------------------------
> Denne her er fra menu_scripts.js
> ---------------------------------------------
> var ve=false; // true - the main menu runs vertically, false -
horizontally
> // After change, modify same values in your *.css file:
> var tdColor="#FFFFFF"; // menu item text color
> var tdBgColor="#993366"; // menu item background color
> var hlColor="#000000"; // highlight text color
> var hlBgColor="#FFFFBB"; // highlight background color
> var md=250;
> var ti=-1;
> var oTd=new Object;
> oTd=null;
> function doMenu(td){
> clearTimeout(ti);
> td.style.backgroundColor=hlBgColor;
> td.style.color=hlColor;
> var i;
> var sT="";
> var tda=new Array();
> tda=td.id.split("_");
> if(oTd!=null){
> var tdo=new Array();
> tdo=oTd.id.split("_");
> for(i=1;i<tdo.length;i++){
> sT+="_"+tdo[i];
> if(tdo[i]!=tda[i]){
> document.getElementById("td"+sT).style.backgroundColor=tdBgColor;
> document.getElementById("td"+sT).style.color=tdColor;
> if(document.getElementById("tbl"+sT)!=null)
> document.getElementById("tbl"+sT).style.visibility="hidden";
> }
> }
> }
> oTd=td;
> sT="tbl";
> for(i=1;i<tda.length;i++)
> sT+="_"+tda[i];
> if(document.getElementById(sT)!=null)
> document.getElementById(sT).style.visibility="visible";
>
> }
> function clearMenu(){
> if(oTd!=null){
> var tdo=new Array();
> tdo=oTd.id.split("_");
> var sT="";
> for(var i=1;i<tdo.length;i++){
> sT+="_"+tdo[i];
> document.getElementById("td"+sT).style.backgroundColor=tdBgColor;
> document.getElementById("td"+sT).style.color=tdColor;
> if(document.getElementById("tbl"+sT)!=null)
> document.getElementById("tbl"+sT).style.visibility="hidden";
> }
> oTd=null;
> }
> }
> function runMenu(strURL){
> location.href=strURL;
> }
> var tt="";
> var sT="";
> var pT=new Array();
> var tA=new Array();
> function getCoord(st){
> tA=st.split("_");
> if(tA.length>2){
> tA=tA.slice(0,-1);
> tt=tA.join("_");
> return
>
(document.getElementById("tbl"+tt).offsetTop+document.getElementById("td"+st
).offsetTop+4)+"px;left:"+
>
(document.getElementById("tbl"+tt).offsetLeft+document.getElementById("td"+s
t).offsetWidth-2)+"px'>";
> }
> var
>
p1=ve?document.getElementById("td"+st).offsetTop+4:document.getElementById("
td"+st).offsetHeight-2;
> var
>
p2=ve?document.getElementById("mainmenu").offsetWidth-4:document.getElementB
yId("td"+st).offsetLeft+5;
> return
>
(document.getElementById("mainmenu").offsetTop+p1)+"px;left:"+(document.getE
lementById("mainmenu").offsetLeft+p2)+"px'>";
> }
> if(document.getElementById){
> var g1=ve?"":"<tr>";
> var g2=ve?"":"</tr>";
> var v1=ve?"<tr>":"";
> var v2=ve?"</tr>":"";
> var v3=ve?" style='float:left'>":">";
> var sH="<table class='menu' id='mainmenu' cellspacing='0'"+v3+g1;
> var p=0;
> var j=0;
> while(eval("typeof(td_"+ ++j +")!='undefined'")){
> sH+=v1+"<td id='td_"+j+"' onmouseover='doMenu(this)'
> onmouseout=\"ti=setTimeout('clearMenu()',md)\"";
> sH+=(eval("typeof(url_"+j+")!='undefined'"))?"
> onclick=\"runMenu('"+eval("url_"+j)+"')\">":">";
> sH+=eval("td_"+j)+"</td>"+v2;
> if (eval("typeof(td_"+j+"_1)!='undefined'"))
> pT[p++]="_"+j;
> }
> sH+=g2+"</table>";
> document.write(sH);
> for(var q=0;typeof(pT[q])!="undefined";q++){
> sT=pT[q];
> sH="";
> j=0;
> sH+="<table class='menu' id='tbl"+sT+"' cellspacing='0'
> style='top:"+getCoord(sT);
> while(eval("typeof(td"+sT+"_"+ ++j +")!='undefined'")){
> sH+="<tr><td id='td"+sT+"_"+j+"' onmouseover='doMenu(this)'
> onmouseout=\"ti=setTimeout('clearMenu()',md)\"";
> sH+=(eval("typeof(url"+sT+"_"+j+")!='undefined'"))?"
> onclick=\"runMenu('"+eval("url"+sT+"_"+j)+"')\">":">";
> sH+=eval("td"+sT+"_"+j)+"</td></tr>";
> if (eval("typeof(td"+sT+"_"+j+"_1)!='undefined'"))
> pT[p++]=sT+"_"+j;
> }
> sH+="</table>";
> document.write(sH);
> }
> document.getElementById("mainmenu").style.visibility="visible";
> }
> else document.write("<p>This page uses DHTML and DOM, but your browser
> doesn't support them.</p>");
>
>



kim petersen (16-01-2005)
Kommentar
Fra : kim petersen


Dato : 16-01-05 12:07


"Martin Ploug" <mploug@mail.tele.dk> skrev i en meddelelse
news:41ea4644$0$185$edfadb0f@dread11.news.tele.dk...
> >Hvad skal jeg lede efter i
>>koderne?
>
> Jeg tror du skal lede efter width og height.
> Måske er det angivet i et eksternt stylesheet (*.css)
> eller en ekstern *.js fil.
>
> Prøv i koden at søge på et ord du har skrevet i en af knapperne
> og se, om der står noget om størrelsen i forbindelse med den tekst
> du har skrevet.
>
> - Martin
>
>
Hej.
Tak for svaret.
Inde i dropdown.css
ligger der følgende:

table.menu {
position: absolute;
border: 1px solid black;
cursor: pointer;
cursor: hand;
visibility: hidden;
}
#mainmenu {
position: static;
}
table.menu td {
color: #FFFFFF; /* Must be the same as tdColor in the
menu_script.js */
background-color: #993366; /* Must be the same as tdBgColor in the
menu_script.js */
border: 0px;
padding: 0px 8px 2px;
font-family: Arial;
font-size: 8pt;
white-space: nowrap;
}



Martin Ploug (16-01-2005)
Kommentar
Fra : Martin Ploug


Dato : 16-01-05 12:04

Jeg tror jeg har fundet det.
Du kan ændre det i den fil der hedder
dropdown.css.

Under table.menu td
kan du ændre tallene i padding og i
font-size.

- Martin






"kim petersen" <kongstad@FJERNDETTEtdcspace.dk> wrote in message
news:41ea43a4$0$51606$edfadb0f@dread14.news.tele.dk...
> Hej.
> Jeg har hentet en DropDown menu på
> http://java.skyteam.ru/dropdownmenu.htm
>
> Jeg har fået den lagt ind men kan ikke
> finde ud af hvordan man kan forstørre
> knapperne. Hvad skal jeg lede efter i
> koderne?
> God weekend.
> Hilsen kim
> ------------------------------------------------------------------
> Denne her er fra menu_scripts.js
> ---------------------------------------------
> var ve=false; // true - the main menu runs vertically, false -
horizontally
> // After change, modify same values in your *.css file:
> var tdColor="#FFFFFF"; // menu item text color
> var tdBgColor="#993366"; // menu item background color
> var hlColor="#000000"; // highlight text color
> var hlBgColor="#FFFFBB"; // highlight background color
> var md=250;
> var ti=-1;
> var oTd=new Object;
> oTd=null;
> function doMenu(td){
> clearTimeout(ti);
> td.style.backgroundColor=hlBgColor;
> td.style.color=hlColor;
> var i;
> var sT="";
> var tda=new Array();
> tda=td.id.split("_");
> if(oTd!=null){
> var tdo=new Array();
> tdo=oTd.id.split("_");
> for(i=1;i<tdo.length;i++){
> sT+="_"+tdo[i];
> if(tdo[i]!=tda[i]){
> document.getElementById("td"+sT).style.backgroundColor=tdBgColor;
> document.getElementById("td"+sT).style.color=tdColor;
> if(document.getElementById("tbl"+sT)!=null)
> document.getElementById("tbl"+sT).style.visibility="hidden";
> }
> }
> }
> oTd=td;
> sT="tbl";
> for(i=1;i<tda.length;i++)
> sT+="_"+tda[i];
> if(document.getElementById(sT)!=null)
> document.getElementById(sT).style.visibility="visible";
>
> }
> function clearMenu(){
> if(oTd!=null){
> var tdo=new Array();
> tdo=oTd.id.split("_");
> var sT="";
> for(var i=1;i<tdo.length;i++){
> sT+="_"+tdo[i];
> document.getElementById("td"+sT).style.backgroundColor=tdBgColor;
> document.getElementById("td"+sT).style.color=tdColor;
> if(document.getElementById("tbl"+sT)!=null)
> document.getElementById("tbl"+sT).style.visibility="hidden";
> }
> oTd=null;
> }
> }
> function runMenu(strURL){
> location.href=strURL;
> }
> var tt="";
> var sT="";
> var pT=new Array();
> var tA=new Array();
> function getCoord(st){
> tA=st.split("_");
> if(tA.length>2){
> tA=tA.slice(0,-1);
> tt=tA.join("_");
> return
>
(document.getElementById("tbl"+tt).offsetTop+document.getElementById("td"+st
).offsetTop+4)+"px;left:"+
>
(document.getElementById("tbl"+tt).offsetLeft+document.getElementById("td"+s
t).offsetWidth-2)+"px'>";
> }
> var
>
p1=ve?document.getElementById("td"+st).offsetTop+4:document.getElementById("
td"+st).offsetHeight-2;
> var
>
p2=ve?document.getElementById("mainmenu").offsetWidth-4:document.getElementB
yId("td"+st).offsetLeft+5;
> return
>
(document.getElementById("mainmenu").offsetTop+p1)+"px;left:"+(document.getE
lementById("mainmenu").offsetLeft+p2)+"px'>";
> }
> if(document.getElementById){
> var g1=ve?"":"<tr>";
> var g2=ve?"":"</tr>";
> var v1=ve?"<tr>":"";
> var v2=ve?"</tr>":"";
> var v3=ve?" style='float:left'>":">";
> var sH="<table class='menu' id='mainmenu' cellspacing='0'"+v3+g1;
> var p=0;
> var j=0;
> while(eval("typeof(td_"+ ++j +")!='undefined'")){
> sH+=v1+"<td id='td_"+j+"' onmouseover='doMenu(this)'
> onmouseout=\"ti=setTimeout('clearMenu()',md)\"";
> sH+=(eval("typeof(url_"+j+")!='undefined'"))?"
> onclick=\"runMenu('"+eval("url_"+j)+"')\">":">";
> sH+=eval("td_"+j)+"</td>"+v2;
> if (eval("typeof(td_"+j+"_1)!='undefined'"))
> pT[p++]="_"+j;
> }
> sH+=g2+"</table>";
> document.write(sH);
> for(var q=0;typeof(pT[q])!="undefined";q++){
> sT=pT[q];
> sH="";
> j=0;
> sH+="<table class='menu' id='tbl"+sT+"' cellspacing='0'
> style='top:"+getCoord(sT);
> while(eval("typeof(td"+sT+"_"+ ++j +")!='undefined'")){
> sH+="<tr><td id='td"+sT+"_"+j+"' onmouseover='doMenu(this)'
> onmouseout=\"ti=setTimeout('clearMenu()',md)\"";
> sH+=(eval("typeof(url"+sT+"_"+j+")!='undefined'"))?"
> onclick=\"runMenu('"+eval("url"+sT+"_"+j)+"')\">":">";
> sH+=eval("td"+sT+"_"+j)+"</td></tr>";
> if (eval("typeof(td"+sT+"_"+j+"_1)!='undefined'"))
> pT[p++]=sT+"_"+j;
> }
> sH+="</table>";
> document.write(sH);
> }
> document.getElementById("mainmenu").style.visibility="visible";
> }
> else document.write("<p>This page uses DHTML and DOM, but your browser
> doesn't support them.</p>");
>
>



kim petersen (16-01-2005)
Kommentar
Fra : kim petersen


Dato : 16-01-05 12:11


"Martin Ploug" <mploug@mail.tele.dk> skrev i en meddelelse
news:41ea49b2$0$180$edfadb0f@dread11.news.tele.dk...
> Jeg tror jeg har fundet det.
> Du kan ændre det i den fil der hedder
> dropdown.css.
>
> Under table.menu td
> kan du ændre tallene i padding og i
> font-size.
>
> - Martin

Hej igen.
Det var det rigtige du fandt.
Det virkede.
Tak for hjælpen.
God weekend.
Hilsen kim



Martin Ploug (16-01-2005)
Kommentar
Fra : Martin Ploug


Dato : 16-01-05 12:48

Er glad for at kunne hjælpe.

Også god weekend til dig.

Hilsen Martin

"kim petersen" <kongstad@FJERNDETTEtdcspace.dk> wrote in message
news:41ea4bce$0$51565$edfadb0f@dread14.news.tele.dk...
>
> "Martin Ploug" <mploug@mail.tele.dk> skrev i en meddelelse
> news:41ea49b2$0$180$edfadb0f@dread11.news.tele.dk...
> > Jeg tror jeg har fundet det.
> > Du kan ændre det i den fil der hedder
> > dropdown.css.
> >
> > Under table.menu td
> > kan du ændre tallene i padding og i
> > font-size.
> >
> > - Martin
>
> Hej igen.
> Det var det rigtige du fandt.
> Det virkede.
> Tak for hjælpen.
> God weekend.
> Hilsen kim
>
>



Søg
Reklame
Statistik
Spørgsmål : 177502
Tips : 31968
Nyheder : 719565
Indlæg : 6408534
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste