Usynlig drop down menu??

Software d.  14. august. 2006, skrevet af Wizard
Vist: 433 gange.

Wizard
 
Elitebruger
Tilføjet:
14-08-2006 08:54:37
Svar/Indlæg:
845/46
Hey all.

Jeg skal have lavet nogle drop down menu´er usynlige, eller i hvert fald så de ikke kommer med når man printer.
Dvs. så det kun er den option man har vlgt der bliver printet, og ikke rammen omkring med pilen.

Har snart prøvet alle funktioner i Word og Excel, er der nogle skarpe hoveder i mellem der lige ved hvordan?

Wizard...

@ngler
 
Redaktør
Tilføjet:
14-08-2006 11:14:26
Svar/Indlæg:
4033/364
kan du ikke bare markere data og vælg Filer>udskriftsområde

eller skal du lave en makro der kopierer data + dropdown og indsætter speciel som værdier og så printer..



Wizard
 
Elitebruger
Tilføjet:
14-08-2006 13:03:34
Svar/Indlæg:
845/46
Hej @ngler

Jeg har fået et bud fra en på eksperten.dk på hvordan det kan virke i html.

Men det virker heller ikke, helt som jeg gerne vil have det til.

Eks.

http://www.w3.org/TR/html4/loo... ">Ingen titel














nodropdown.css

.droph{display:none;}

eller:

.droph{visibility:hidden;}


OG



Det der er i det, er at jeg skal lave et dokumet med en del tekst og 4 forskellige drop down menuer.
Og når det bliver printet skal der ikke være ramme om menuerne.




Moze15
 
Superbruger
Tilføjet:
14-08-2006 22:40:59
Svar/Indlæg:
1235/80
#2
jeg tror ikke det er noget du kan bestemme, jeg tror der ímod at det er noget printerdriveren i sidste ened bestemmer - samme situation er gælende hvis du gerne vil printe græsk ud og din printerdriver ikke har det godt med græske-tegn så kommer der noget mærkeligt krusser-duller på papiret.....

men hvis du vil gøre noget med din dropdown menuer skal du lave om i din css-fil da det som regelt er lettere..



gabbadoo
 
Elitebruger
Tilføjet:
15-08-2006 00:17:34
Svar/Indlæg:
3065/208
Har da mange steder set linket: "View printable version of this page", hvor der så kun er vist den Tekst der skal udskrives, men dog ikke, hvor kun dropdown menuerne er udeladte.



@ngler
 
Redaktør
Tilføjet:
15-08-2006 07:46:36
Svar/Indlæg:
4033/364
lav det som makro (bare lav det som optag makro)..

du starter den bare - > markerer data.. CTRL+C trykker på fanen ved siden af.. Vælg EDIT>indsæt Speciel>indsæt værdier

CTRL+P

Stop makro..

Så kommer overskrifterne med uden pile + data - ikke en elegant løsning som css, men den virker :)



Wizard
 
Elitebruger
Tilføjet:
16-08-2006 06:16:49
Svar/Indlæg:
845/46
Hey all.
Har fået styr på det.
Bruger noget Java, CSS, og lidt Html.



@ngler
 
Redaktør
Tilføjet:
16-08-2006 08:17:41
Svar/Indlæg:
4033/364
vi vil da gerne se løsningen (hvordan) :)



Wizard
 
Elitebruger
Tilføjet:
16-08-2006 12:58:08
Svar/Indlæg:
845/46
#7
HTML:

http://www.w3.org/TR/html4/loo... ">Ingen titel
























a



JAVA:

var selectordiv,dmcy=0,dmcx=0,dropchk=0;selectors=[];
var stalkleft=0; // px til højre for mus (tal) px til venstre for mus (-tal)
var stalktop=0; // px til nedenunder mus (tal) px over for mus (-tal)



var IE=((document.all) && (navigator.userAgent.indexOf('Opera')== -1))?true:false;
document.onclick=function(){if(dropchk<=0){selectordiv.style.display="none";dropchk=0;}else dropchk+=-2;}
if(!IE)document.captureEvents(Event.mousemove)



window.onload=function(){

selectordiv=document.getElementById("selectordiv");
selectordiv.style.display="none";

selects=document.getElementsByTagName("select");

while(selects.length>0){

opts=selects[0].getElementsByTagName("option");

tmp=[];

for(j=0;j tmp[tmp.length]=opts[j].childNodes[0].nodeValue;
}

tmp2=document.createElement("div");
tmp2b=document.createTextNode(tmp[selects[0].selectedIndex]);
tmp2.appendChild(tmp2b);tmp2.className="selecters";
tmp2.setAttribute("id",selects[0].name);tmp2.onclick=function(){dropf(this);}
selectors[selects[0].name]=tmp;
a=selects[0].parentNode;a.replaceChild(tmp2,selects[0]);
}

}



function dropf(tn){
while(tn2=selectordiv.childNodes[0])selectordiv.removeChild(tn2);
tmp=selectors[tn.id];
for(i=0;i tmp2=document.createElement("a");
tmp2.href="#";
tmp2b=document.createTextNode(tmp[i]);
tmp2.onclick=function(){dropt(this,''+tn.id+'');return false;}
tmp2.appendChild(tmp2b);selectordiv.appendChild(tmp2);
}
dropchk++;selectordiv.style.display="block";
}



document.onmousemove=function(e){
if(!dropchk){
if(IE){
dmcst=(tmenu=document.documentElement.scrollTop)?tmenu:document.body.scrollTop;
dmcsl=(lmenu=document.documentElement.scrollLeft)?lmenu:document.body.scrollLeft;
dmcy=event.clientY+dmcst;dmcx=event.clientX+dmcsl;
}else{dmcy=e.pageY;dmcx=e.pageX;}

selectordiv.style.top=dmcy+stalktop+"px";
selectordiv.style.left=dmcx+stalkleft+"px";

}
}



function dropt(tn,o){
document.getElementById(o).childNodes[0].nodeValue=tn.childNodes[0].nodeValue;
}


CSS:

.selecters{
width:100px;
text-align:right;
border:2px solid #000;
cursor:pointer;
}
/* ^ - Slet evt. den css del det er blot en style demo - eller ret den så feltets fremvisning passer */

#etellerandet1{
border-color:#f00;
}
/* Du kan evt. også style enkelte felter ved at style ved hjælp af #namesomduharsatpåselect'en */
/* Årsagen til dette er at name konverteres til en id i scriptet */


#selectordiv{
border:2px solid #000;
background:#ccc;
width:200px;
text-align:center;
position:absolute;
top:0px;left:0px;
display:none;
}
/* ^ - border og background i ovenstående er blot til style demo */



#selectordiv a{
background:#ccc;color:#000;
display:block;width:100%;
text-decoration:none;
}
/* ^ - Slet evt. den css del det er blot en style demo */



#selectordiv a:hover{
background:#888;color:#ddd;
}
/* ^ - Slet evt. den css del det er blot en style demo */



@media print{
.selecters{
border:0px;
}
}