CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

ballelaika Nybegynder

09. januar 2005 - 11:32 Der er 9 kommentarer

Tekst + Billede i nyt vindue

Jeg er lige i gang med at sidde og lege med noget hjemmeside i frontpage... Jeg mangler en måde hvorpå jeg kan klikke på et link og så åbnes der et nyt vindue som er tilpasset billede og tekst evt i en tabel...
Gerne et meget udførligt svar da jeg er temmelig ny...

Synes godt om

steffansteffan Nybegynder

09. januar 2005 - 11:36 #1

Denne her kan gøre noget i den stil du ønsker:

'Smæk dette ind i mellem <head> - </head>:


<script>

// Script Source: CodeLifter.com
// Copyright 2003
// Do not remove this notice.

// SETUPS:
// ===============================

// Set the horizontal and vertical position for the popup

PositionX = 100;
PositionY = 100;

// Set these value approximately 20 pixels greater than the
// size of the largest image to be used (needed for Netscape)

defaultWidth = 500;
defaultHeight = 500;

// Set autoclose true to have the window close automatically
// Set autoclose false to allow multiple popup windows

var AutoClose = true;

// Do not edit below this line...
// ================================
if (parseInt(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}
var optNN='scrollbars=no,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY;
var optIE='scrollbars=no,width=150,height=100,left='+PositionX+',top='+PositionY;
function popImage(imageURL,imageTitle){
if (isNN){imgWin=window.open('about:blank','',optNN);}
if (isIE){imgWin=window.open('about:blank','',optIE);}
with (imgWin.document){
writeln('<html><head><title>Loading...</title><style>body{margin:0px;}</style>');writeln('<sc'+'ript>');
writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}');
writeln('function reSizeToImage(){');writeln('if (isIE){');writeln('window.resizeTo(100,100);');
writeln('width=100-(document.body.clientWidth-document.images[0].width);');
writeln('height=100-(document.body.clientHeight-document.images[0].height);');
writeln('window.resizeTo(width,height);}');writeln('if (isNN){');
writeln('window.innerWidth=document.images["George"].width;');writeln('window.innerHeight=document.images["George"].height;}}');
writeln('function doTitle(){document.title="'+imageTitle+'";}');writeln('</sc'+'ript>');
if (!AutoClose) writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">');
writeln('<img name="George" src='+imageURL+' style="display:block"></body></html>');
close();
}}

</script>

'Smæk så dette her ind mellem <body> - </body> i din kode:

<a href="java script:popImage('billede.jpg','Profil Billede')"><img src="billede.jpg" height="115" alt="" border="1"></a>

Noget i den stil der prøv og leg med den lidt.

Synes godt om

ballelaika Nybegynder

09. januar 2005 - 12:02 #2

Det er meget fornemt, men hvis det så i stedet for det billede skal være en tabel hva gør jeg så???

Synes godt om

steffansteffan Nybegynder

09. januar 2005 - 12:12 #3

Det er jeg faktisk ikke helt klar over, har aldrig hørt om et script der kan gøre det.

Synes godt om

ballelaika Nybegynder

09. januar 2005 - 12:15 #4

Jeg ved heller ikke om det nødvendigvis behøver at være et script som kan gøre det med en tabel, men bare en eller anden metode til at man også kan have tekst ved siden af billedet i et afgrænset vindue...

Synes godt om

roenving Novice

09. januar 2005 - 15:47 #5

-- jeg har nogle forskellige udgaver af dette liggende, hvis du er interesseret: http://roenving.users.whitehat.dk/index.html?/WD1ResizeTilBillede.html !-)

Synes godt om

ballelaika Nybegynder

09. januar 2005 - 15:52 #6

Jo det ser også meget godt ud, men er det ikke også kun hvis man kan nøjes med et billede, altså ingen suplerende tekst...
Jeg har et thumbnail af en badmintonketcher - når man klikker på denne så skal der komme et nyt vindue frem hvor der er et større billede af ketcheren og informationer om ketcheren... Men jeg ved ikke om det overhovedet er muligt at lave et tilpasset vindue til det - synes jeg har søgt og søgt og søgt men uden held...

Synes godt om

roenving Novice

09. januar 2005 - 15:57 #7

Det var derfor jeg omtalte de forskellige udgaver, jeg har liggende ...

For hvordan vil du have de informationer liggende, og hvordan finder man størrelsen på den tekst, som følger med ?-)

Jeg kan fortælle, at jeg har udgaver med click som lukker billedet, en tekst nedenunder med fastsat højde, en lukkeknap m.v.

Synes godt om

ballelaika Nybegynder

09. januar 2005 - 15:58 #8

Jamen altså hvis der kan stå nogle linjer under billedet så vil det da også være ganske godt...

Synes godt om

roenving Novice

09. januar 2005 - 16:05 #9

Så er det måske denne, du skal bruge:

<script language="javascript" type="text/javascript">
function popWin(file,text){
newWin=window.open("","ResizeBillede","width=300,height=200,status=no,resizable");
txt='<ht'+'ml><he'+'ad><ti'+'tle>Resize til billede<\57ti'+'tle><scri';
txt+='pt language="javascript" type="text/javascript">';
txt+='function resPic(){h=document.images[0].scrollHeight;';
txt+='w=document.images[0].scrollWidth;window.resizeTo(w+6,h+56);window.moveTo((screen.availWidth-w-6)/2,(screen.availHeight-h-56)/2)}<\57scri';
txt+='pt><\57he'+'ad><bo'+'dy style="overflow:hidden;background:black;color:white;';
txt+='border:0px;margin:0px"><i'+'mg src="'+file+'" style="top:0px;left:0px;border:0px;';
txt+='" onload="resPic();" onclick="self.close()" title="Tryk for at lukke vinduet">';
txt+='<h4 style="margin:0;text-align:center;">'+text+'<\57h4><\57bo'+'dy><\57ht'+'ml>';
newWin.document.write(txt);
newWin.document.close();
}
</script>

<img src="../roenving_langkast2.jpg" width="100" height="100" onclick="popWin(this.src,'Tekst')">

-- bemærk, at det er tallet 56, som styrer den palds, der er til teksten, så det skal du måske regulere (begge steder !-)

-- og vær opmærksom på, at du ikke må indsætte linjeskift i en javascript-variable, men i stedet skal indsætte <br>-tags !o]

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 JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

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