Avatar billede ger2001 Novice
10. december 2003 - 14:31 Der er 10 kommentarer og
1 løsning

Åbne + printe i dropdown menu

Håber i kan hjælpe en med kun lidt erfaring i programmering

Jeg skal bruge en dropdown menu hvor det er muligt både at printe og åbne elementerne. Her er hvad jeg har indtil videre:
<html>

<head>
  <title></title>
</head>

<body bgcolor="#013763">
<table cellspacing="0" cellpadding="5" border="2" bgcolor="white"><tr>

<td><b><center>test</center></font></b>
<center><img src="test.jpg"></center>
<Script Language="JavaScript">
<!-- Hide the script from old browsers --
function goto(form) { var index=form.select.selectedIndex
if (form.select.options[index].value != "0") {
location=form.select.options[index].value;}}//--> </SCRIPT>

<form name="jump">
<p align="center">
<select name="menu">
<option selected>Vælg.........</option>
<option value="vejledning.pdf">Brugsvejledning</option>
<option value="Teknisk.pdf">Teknisk dokumentation</option>

</select>

<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<input type="button" value="Print" onclick="java script:print();"></p>
</form>


</tr></table>
</body>
</html>

Problemet er at den printer den side man er på, ikke den i menuen. Håber på hjælp!!!
Avatar billede mm12010 Nybegynder
10. december 2003 - 16:15 #1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Åbne + printe i dropdown menu</title>
<Script Language="JavaScript">
<!-- Hide the script from old browsers --
function printPage(){
    document.getElementById('menu').style.display='none';
    document.getElementById('print_sel').style.display='block';
    document.getElementById('print_sel').innerHTML='';
    for(i=0;i<document.jump.menu.options.length;i++){
        document.getElementById('print_sel').innerHTML+=document.jump.menu.options[i].text+"<br>";
        }
    window.print();
    document.getElementById('menu').style.display='block';
    document.getElementById('print_sel').style.display='none';
    }
function goto(form) { var index=form.select.selectedIndex
if (form.select.options[index].value != "0") {
location=form.select.options[index].value;}}//-->
</SCRIPT>
</head>
<body bgcolor="#013763">
<table cellspacing="0" cellpadding="5" border="2" bgcolor="white">
<tr>
<td><b><center>test</center></b>
<center><img src="test.jpg"></center>
<div align="center">
<form name="jump">
<div align="left" id="print_sel" style="display: none; border: 1px solid black; width: 200px; background-color: white;">&nbsp;</div>
<select name="menu" id="menu" style="display: block; border: 1px solid black; width: 200px; background-color: white;">
<option selected>Vælg.........</option>
<option value="vejledning.pdf">Brugsvejledning</option>
<option value="Teknisk.pdf">Teknisk dokumentation</option>
</select>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<input type="button" value="Print" onclick="printPage(this.form);"></form></div></td>
</tr>
</table>
</body>
</html>
Avatar billede ger2001 Novice
10. december 2003 - 16:40 #2
Tak for svaret
Men den printer stadig ikke vejledning.pdf ud når jeg trykker på print. Istedet printer den skærmbilledet ud.
Avatar billede mm12010 Nybegynder
10. december 2003 - 18:59 #3
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Åbne + printe i dropdown menu</title>
<Script Language="JavaScript">
<!-- Hide the script from old browsers --
function printPage(page){
    if(page!=""){
        newPrint=window.open(page,'','');
        newPrint.print();
        newPrint.close();
        }
    }
function goto(form) { var index=form.select.selectedIndex
if (form.select.options[index].value != "0") {
location=form.select.options[index].value;}}//-->
</SCRIPT>
</head>
<body bgcolor="#013763">
<table cellspacing="0" cellpadding="5" border="2" bgcolor="white">
<tr>
<td><b><center>test</center></b>
<center><img src="test.jpg"></center>
<div align="center">
<form name="jump">
<select name="menu">
<option value="" selected>Vælg.........</option>
<option value="vejledning.pdf">Brugsvejledning</option>
<option value="Teknisk.pdf">Teknisk dokumentation</option>
</select>
<input type="button" onClick="location.href=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<input type="button" value="Print" onclick="printPage(document.jump.menu.options[document.jump.menu.selectedIndex].value);">
</form>
</div></td>
</tr>
</table>
</body>
</html>
Avatar billede ger2001 Novice
10. december 2003 - 19:10 #4
Men nu åbner den jo bare i et nyt vindue istedet for at printe.
Avatar billede mm12010 Nybegynder
10. december 2003 - 19:15 #5
du er nød til at åbne det dokument du vil udskrive !-)

desuden bliver det nye vindue jo lukket igen så snart der udskrives...
Avatar billede ger2001 Novice
10. december 2003 - 19:18 #6
Kan det ikke lade sig gøre at printe den fil ud som dropdown menuen viser, uden at skulle åbne den i et nyt vindue?
Avatar billede mm12010 Nybegynder
10. december 2003 - 19:21 #7
nej - desvæære, men du kan gemme det nye vindue bag print-dialogen:

function printPage(page){
    if(page!=""){
        newPrint=window.open(page,'printer','height=100,width=100,top='+(screen.height-100)/2+',left='+(screen.width-100)/2);
        newPrint.print();
        newPrint.close();
        }
    }
Avatar billede ger2001 Novice
10. december 2003 - 20:39 #8
Skal jeg forstå det sådan: at det er ikke kan lade sig gøre at lave en knap der udskriver en pdf-fil fra en dropdown menu og en anden der åbner den?
Avatar billede mm12010 Nybegynder
10. december 2003 - 23:18 #9
ja, du er nød til at åbne den fil du vil udskrive
Avatar billede ger2001 Novice
11. december 2003 - 08:20 #10


Men tak for din ulejlighed

Lukker
Avatar billede mm12010 Nybegynder
11. december 2003 - 08:29 #11
selv tak :o)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester