Søg
Avatar billede 1234567891 Nybegynder
11. marts 2000 - 12:50 Der er 21 kommentarer og
1 løsning

Popup vindue

Hvordan laver man et popup vindue som ilpasser sig et billedsstørrelse og hvor popup vinduet bliver centreret på skærmen ?

Der skal også være en knap hvor man kan klikke på og udskrive billedet.
Avatar billede dar Nybegynder
11. marts 2000 - 13:16 #1
den var værre, men her er knappen:
<input type="button" onclick="window.print()" value="Udskiv">
Avatar billede tobias Nybegynder
11. marts 2000 - 15:26 #2
Ser lige med på en lytter...!
Avatar billede 1234567891 Nybegynder
11. marts 2000 - 16:27 #3
tak for print knappen men jeg mangler stadig noget
Avatar billede olebole Juniormester
11. marts 2000 - 17:33 #4
<ole>
Hvor får du billedet fra? Kommer det fra en database? I så fald er det let at få fat i størrelsen og så tilpasse vinduet. Ellers kan du have billedet loaded i forvejen (f.eks. i en skjult frame), og så 'hente' størrelsen lige inden du fyrer popUp'en af.
</bole>
Avatar billede 1234567891 Nybegynder
11. marts 2000 - 18:05 #5
Okay man skal trykke på et link og så skal billedet komme op. Og det er kun billed filen der skal vises ikke andet. Men man skal kunne skrive billedet ud. på en eller anden måde.
Avatar billede mora Nybegynder
11. marts 2000 - 19:15 #6
Lav en lowsrc version, og load den i starten, tilpas vinduet til dennes width og hight, load normal billede, udfør print.
Avatar billede 1234567891 Nybegynder
11. marts 2000 - 20:49 #7
skær det lige ud i pap mora
Avatar billede mora Nybegynder
12. marts 2000 - 18:50 #8
Okei.
Lave et billede der er lige så stort som det rigtige, men uden indhold, eller med et forringet billede.

set vinduets width&height til billedes width&height, herefter loader du det rigtige billede.

<img src="dårligtbillede.gif" name="bill">
<script>
window.width=bill.src.width
window.height=bill.src.height
bill.src="godtbillede.gif">
</script>

- Ved ikke om det virker, men det var hvad jeg lige kunne komme i tanke om.
Avatar billede dar Nybegynder
12. marts 2000 - 20:47 #9
det er jeg helt 100 på at det ikke gør. dit billede skal ikke ha et navn - det skla ha en ID for det virker, f.x. <img src="billede.gif" id="bill">
Avatar billede 1234567891 Nybegynder
12. marts 2000 - 21:03 #10
Okay en gang til. Jeg har en masse billeder ogj eg vil ikke til at tilpasse hvert eneste billed til samme str. Det jeg vil have er et script som finder str. på billedet og tilpasser vinduet efter det.
Avatar billede dar Nybegynder
12. marts 2000 - 21:54 #11
Her en hel pakkeløsning der er kanonnem at bruge:

Du laver en fil der består af følgende, og kalder den viser.html:

<html>
<head>
<script>
function fyr() {

var query = location.search;
query = query.substring(1, query.length);
noget = unescape(query);
bill = document.all.billedet;
bill.src = noget;
window.resizeTo(bill.width + 50,bill.height + 50)
}
</script>
</head>
<body style="border:0;" onload="fyr()">
<img src="" id="billedet"><br>
<input type="button" onclick="window.print()" value="Udskriv">
</body>
</html>



og så når man vil ha vist et billed gøres det således (i en anden fil selvølgelig):

<script>
function opn(bill) {
window.open(uri, 'viser.html' + bill, 'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0' )
}
</script>
<a href="#" onclick="opn('etellerandetbillede.gif')">
Avatar billede dar Nybegynder
12. marts 2000 - 22:04 #12
Oooohhh...det gik vidst lidt hurtigt...

jeg prøver lige igen:


Du laver en fil der består af følgende, og kalder den viser.html:

<html>
<head>
<script>
function fyr() {

var query = location.search;
query = query.substring(1, query.length);
noget = unescape(query);
bill = document.all.billedet;
bill.src = noget;
window.resizeTo(bill.width + 50,bill.height + 100)
}
</script>
</head>
<body style="border:0;" onload="fyr()">
<img src="" id="billedet"><br>
<input type="button" onclick="window.print()" value="Udskriv">
</body>
</html>



og så når man vil ha vist et billed gøres det således (i en anden fil selvølgelig):

Mellem <head> og </head>skrives følgende:

<script>
function opn(bill) {
window.open('viser.html?' + bill, 'noget', 'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0' )
}
</script>

og hvor man nu må ønske linket skrives dette:

<a href="#" onclick="opn('etbillede.gif')">billede</a>


Et par ting bør siges:

1. Jeg ved ikke em det funker i netbug

2. DER SKAL JUSTERES!
Avatar billede Slettet bruger
13. marts 2000 - 04:18 #13
Her en hel pakkeløsning der er kanonnem at bruge:

Du laver en fil der består af følgende, og kalder den viser.html:

<html>
<head>
<script>
function fyr() {

var query = location.search;
query = query.substring(1, query.length);
noget = unescape(query);
bill = document.all.billedet;
bill.src = noget;
window.resizeTo(bill.width + 50,bill.height + 50)
}
</script>
</head>
<body style="border:0;" onload="fyr()">
<img src="" id="billedet"><br>
<input type="button" onclick="window.print()" value="Udskriv">
</body>
</html>



og så når man vil ha vist et billed gøres det således (i en anden fil selvølgelig):

<script>
function opn(bill) {
window.open(uri, 'viser.html' + bill, 'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0' )
}
</script>
<a href="#" onclick="opn('etellerandetbillede.gif')">
Avatar billede mora Nybegynder
13. marts 2000 - 07:17 #14
>>>dar: NAME variablen virker fint på billeder, jeg bruger den til menuen på http://www.friservice.dk
Avatar billede dar Nybegynder
13. marts 2000 - 18:15 #15
ok - men med de fleste ting skal man så - hvis det f.x. er et formelelment - skrive document.formnavn.inputnavn istedet for bare inputnavn, så derfor...
Avatar billede dar Nybegynder
13. marts 2000 - 18:16 #16
neoforst>> hva har du gang i?
Avatar billede 1234567891 Nybegynder
13. marts 2000 - 19:04 #17
Kære alle sammen

I de script i skriver her definere man ikke en fast størrelse på popupen ? Fordi det skal man ikke scriptet skal selv finde den størrelse billedet har og tilpasse popup'en efter det. :-)
Avatar billede dar Nybegynder
13. marts 2000 - 19:45 #18
Øøøøhhh? ja da, MIT script finder selv ud af størrelsen.
Avatar billede 1234567891 Nybegynder
13. marts 2000 - 21:50 #19
viser.html siden hvilken funktion har den ?
Avatar billede dar Nybegynder
13. marts 2000 - 22:01 #20
det er den der VISER billedet og tilpasser sig til det. Er ganske nem at bruge: vi siger at billedet hedder bill.gif så skal man bare lave det der window.open-fis med en addresse der ser sådan ud:

viser.html?bill.gif
Avatar billede 1234567891 Nybegynder
14. marts 2000 - 19:02 #21
Scriptet virker ikke som det skal. Man skal angive en størrelse. Scriptet skal SELV finde størrelsen og jeg skal IKKE angive størrelsen
Avatar billede 1234567891 Nybegynder
10. april 2000 - 22:30 #22
JEg lukker dette spørgsmål den 25 april 2000
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 14:58 Scanner program til PC Af fjorbak i Andet software
16/1016:25 En "Gammel" & "Retro" PC Service ? Husker ikke navnet .... Af Ikke-ekspert i Diverse
16/1016:17 Jeg har lige købt en Samsung mobil telefon Af Strawberry i Mobiltelefoner
16/1013:20 Lotus Approach Af Carsten i Andet software
15/1015:34 Epson scanner forbinder ikke til computer Af bbkdk i Printere
White papers
Flere white papers »