Notifikationer

Markér alle som læst Log ud

fbb Nybegynder

28. december 2003 - 19:33 Der er 28 kommentarer og
1 løsning

popup hvordan

Hej, jeg er helt nyt til det med popup,

men jeg har et link der bliver hentet ud af database fx:
<a href="../files/'.$file.'" target="_blank">'.$file.'</a>
Sådan ser det ud nu, det laver bare et nyt vindue.
Jeg vil så godt have at når man klikke på linket så kommer der en popup med billede i, i billede størelse, håber i forstår.

(der er 10 links der bliver udskrevet auto på denne måde, så ved ikke hvordan det gøres nemmeste)

Hjæælp...

Synes godt om

ch007 Nybegynder

28. december 2003 - 20:03 #1

Link til en side der åbner dit billede:

<a href="java script://;" onClick="java script:window.open('http://link','','width=10,height=10,scrollbars=no');" style="color: #000000" title="">Klik her...</a>

Din side der åbner dit billede kunne indeholde følgende i <head>:

<script>
window.resizeTo(360,260);
</script>

Så ændres popup'en automatisk til 360x260 - hvis dit billede er den størrelse

Vil du gerne at popup'en automatisk finder størrelse, er der et script for dette - jeg kender det desværre ikke...

Håber det kan hjælpe :-)

Synes godt om

fbb Nybegynder

28. december 2003 - 20:05 #2

jeg skal bruge et script der kan finde størrelsen auto.
Men tak fordi du gad bruges lidt tid her

Synes godt om

roenving Novice

28. december 2003 - 20:49 #3

Ser ud til at det er Working Demo #1 du skal bruge:

http://roenving.users.whitehat.dk/WD1ResizeTilBillede.html

Synes godt om

fbb Nybegynder

28. december 2003 - 20:52 #4

spørg måske dumt, men hvis nu billede kun er 10*10p? virker det så også?

Synes godt om

fbb Nybegynder

28. december 2003 - 21:31 #5

Hmm, det dækker ikke hele billede, det er små billeder, altså ikke 300*200P.

Det er 30*20 osv.. små billeder.. Jeg for hvis kant selv om jeg bruger det script :(

Synes godt om

roenving Novice

28. december 2003 - 23:48 #6

En popup har en kant, ellers må du over i at lave en div, du kan fremvise billedet i !-)

Synes godt om

fbb Nybegynder

28. december 2003 - 23:49 #7

Ikke sådan en kant, hmm, altså popup'en kommer ikke helt tæt på billede

Synes godt om

roenving Novice

29. december 2003 - 00:44 #8

Kan du så ikke vise et link !-)

-- min kode er nemlig optimeret til at køre mod min egen xp/ie-installation, så der kan være småting i andre kombinationer !o]

Synes godt om

fbb Nybegynder

29. december 2003 - 00:46 #9

jo kan jeg da

Synes godt om

fbb Nybegynder

29. december 2003 - 00:54 #10

http://www.frederikbb.dk/exp.gif sorry hvor kvali men har kun lige ms paint ved hånden, men håber du forstår nu

Synes godt om

roenving Novice

29. december 2003 - 01:26 #11

Er det så ikke div'en, du har brug for ?-)

Synes godt om

fbb Nybegynder

29. december 2003 - 01:27 #12

Ved ikke, bare noget der virker så man kan se billede ;)

Synes godt om

roenving Novice

29. december 2003 - 01:31 #13

-- her med udgangspunkt i et billede, men den skal ikke ændres meget, hvis du vil bruge den på links !-)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Vis og Resize Div til Billede</title>
<meta name="keywords" content="roenving,http://www.eksperten.dk/spm/444627">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript">
var ie4 = (document.all);
function openDivImg(pic,e){
d = document.getElementById('showDiv');
d.innerHTML = '<img src="'+pic.src+'" onload="resizeDiv(this)">';
d.style.top = ((ie4)?event.clientY:e.pageY) + 'px';
d.style.left = ((ie4)?event.clientX:e.pageX) + 'px';
d.style.display='block';
setTimeout('hideDiv()',2000);
}
function hideDiv(){
document.getElementById('showDiv').style.display='none';
}
function resizeDiv(pic){
d = document.getElementById('showDiv');
d.style.width = pic.scrollWidth + 'px';
d.style.height = pic.scrollHeight + 'px';
}
</script>
</head>
<body>
<br><div id="showDiv" style="position:absolute;width:100px;height:100px;"></div>
<br><img src="../eksperten_logo_new.gif" style="width:30px;height:50px;" onclick="openDivImg(this,event);">
</body>
</html>

Synes godt om

fbb Nybegynder

29. december 2003 - 01:32 #14

prøver lige

Synes godt om

fbb Nybegynder

29. december 2003 - 01:39 #15

hmm, hvis jeg laver det til link så linker den jo til siden.. :(

Synes godt om

roenving Novice

29. december 2003 - 01:43 #16

function openDivImg(pic,e){
d = document.getElementById('showDiv');
d.innerHTML = '<img src="'+pic.src+'" onload="resizeDiv(this)">';
d.style.top = ((ie4)?event.clientY:e.pageY) + 'px';
d.style.left = ((ie4)?event.clientX:e.pageX) + 'px';
d.style.display='block';
setTimeout('hideDiv()',2000);
}

-- er lavet til klik på et billede, hvis du vil have det på nogle links skal du:

<a href="#" onclick="openDivImg('ditBillede.gif',event);return false">Se ditBillede</a>

-- og:

function openDivImg(pic,e){
d = document.getElementById('showDiv');
d.innerHTML = '<img src="'+pic+'" onload="resizeDiv(this)">';
d.style.top = ((ie4)?event.clientY:e.pageY) + 'px';
d.style.left = ((ie4)?event.clientX:e.pageX) + 'px';
d.style.display='block';
setTimeout('hideDiv()',2000);
}

Synes godt om

fbb Nybegynder

29. december 2003 - 01:52 #17

jeg for javescript fejl og der sker ikke nået når jeg klikker på billede:
<script language="javascript" type="text/javascript">
var ie4 = (document.all);
ffunction openDivImg(pic,e){
d = document.getElementById('showDiv');
d.innerHTML = '<img src="'+pic+'" onload="resizeDiv(this)">';
d.style.top = ((ie4)?event.clientY:e.pageY) + 'px';
d.style.left = ((ie4)?event.clientX:e.pageX) + 'px';
d.style.display='block';
setTimeout('hideDiv()',2000);
}
function hideDiv(){
document.getElementById('showDiv').style.display='none';
}
function resizeDiv(pic){
d = document.getElementById('showDiv');
d.style.width = pic.scrollWidth + 'px';
d.style.height = pic.scrollHeight + 'px';
}
</script>

Synes godt om

fbb Nybegynder

29. december 2003 - 01:56 #18

underligt virker fint i rant html, men den kommer med den fejl når jeg sætter det ind i mit design

Synes godt om

roenving Novice

29. december 2003 - 02:01 #19

Hvad siger fejlen ?-)

Synes godt om

fbb Nybegynder

29. december 2003 - 02:03 #20

du ved er kommer det gule tekst, og der sker ikke nået når man klikkerpå linket

Synes godt om

fbb Nybegynder

29. december 2003 - 02:04 #21

VIRKER ;D.. tak for det..

Kan du ligge et svar ;D

Synes godt om

roenving Novice

29. december 2003 - 02:04 #22

Prøv at dobbeltklikke på advarselstrekanten og fortæl, hvad der står !-)

-- helst ret præcist ...

Synes godt om

fbb Nybegynder

29. december 2003 - 02:07 #23

Den virker... ;D

Synes godt om

roenving Novice

29. december 2003 - 02:09 #24

Velbekomme '-)

Synes godt om

roenving Novice

29. december 2003 - 02:09 #25

;O)

Synes godt om

roenving Novice

29. december 2003 - 02:10 #26

-- og tak for points ;~}

Synes godt om

fbb Nybegynder

29. december 2003 - 02:12 #27

mig der takker

Synes godt om

roenving Novice

29. december 2003 - 02:16 #28

-- jamen jeg takker da også for provokationen, for nu fik jeg lavet den der div-ting, som jeg havde gået og tænkt på i et stykke tid, så den kommer på mit link en af dagene !-)

Synes godt om

fbb Nybegynder

29. december 2003 - 02:17 #29

;)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS