Avatar billede idiotbarn Nybegynder
30. juni 2004 - 01:34 Der er 15 kommentarer og
1 løsning

Popupvindue efter billedstr. meget kode

Jeg har kikket på:
http://roenving.users.whitehat.dk/index.html?/WD1ResizeTilBillede.html
og kan også godt få den til at virke. Jeg sidder nu med en hel del kode, både asp og mere javascript. Er det ikke muligt at lave et vindue som den bare åbner med en bestemt størrelse og så ha alt koden deri, eller skal man ha lavet ALT det hele om til et script som ovenstående?
Avatar billede roenving Novice
30. juni 2004 - 01:38 #1
Alternativet er, at du f.eks. har faste størrelser på dine billeder,

eller har angivet størrelser til en funktion,

eller har en side, hvor den egentlige kode fra ovenstående er i, og så angiver billedet som en parameter til åbningen af det !-)

-- selve kodningen skal under alle omstændigheder være der, hvis du har forskellige størrelser på dine billeder !o]
Avatar billede idiotbarn Nybegynder
30. juni 2004 - 01:41 #2
men kan man skalere et vindue efter man har åbnet det?
Avatar billede idiotbarn Nybegynder
30. juni 2004 - 01:44 #3
og hvordan?
Avatar billede roenving Novice
30. juni 2004 - 01:45 #4
Ja, da, man kan da 'bare' ændre størrelsen på img-tagget ...

<img src="../billede.jpg" height="200" width="200" onclick="this.height=400;this.width=400">
Avatar billede idiotbarn Nybegynder
30. juni 2004 - 01:45 #5
jeg tænkte nu mere på selve vinduet
Avatar billede roenving Novice
30. juni 2004 - 01:48 #6
-- hvis du kigger efter på det, der sker på min side, så åbner vinduet først i en bestemt størrelse -- såvidt jeg husker 200*200 pixel ...

Derefter åbnes billedet inde i, og når det er loadet aflæses billedets højde og vinduet resizes !-)
Avatar billede roenving Novice
30. juni 2004 - 01:49 #7
-- og metoden er:

window.resizeTo(bredde,højde) ...
Avatar billede idiotbarn Nybegynder
30. juni 2004 - 01:51 #8
ah...takker, så leger jeg lidt med det, så er det jo ikke så stort et problem
Avatar billede roenving Novice
30. juni 2004 - 01:53 #9
Men du kan jo også bare lægge koden fra scriptet ud i en ekstern .js-fil, så du ikke generes af, at det findes på siden !-)
Avatar billede idiotbarn Nybegynder
30. juni 2004 - 02:08 #10
når man har mere end et billede på siden kan man vel ikke bruge images[0] kan man? Hvordan specifisere man?
Avatar billede roenving Novice
30. juni 2004 - 02:11 #11
images[0] er det første billede, images[1] det andet osv.

Eller du kan give dine billeder et name:

<img src="..." name="billede1">

-- og bruge images['billede1'] !-)
Avatar billede penzil Nybegynder
30. juni 2004 - 10:05 #12
det her sætter du ind i head

<Script Language="JavaScript">
// 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>



det her sætter du ind i body

<a href="java script:popImage('StortBillede.jpg','Vindue Titel')">
<img src="LilleBillede.jpg" border="0" alt="Tekst når musen køres over">
</a>
Avatar billede roenving Novice
30. juni 2004 - 15:04 #13
-- jeg vil indrømme, at mit script ikke virker i Netscape 4, som ovenstående er beregnet til at klare sammen med IE ...

Til gengæld klarer min uden problemer de nyere, som ovenstående fortolker som NS4-browsere, hvilket kan give adskillige problemer !-)

-- og penzil, du har vist hverken læst spørgsmålets indhold eller kigget på den side idiotbarnet henviser til ?-)
Avatar billede idiotbarn Nybegynder
27. juli 2004 - 19:59 #14
roenvig...svarer du lige?
Avatar billede roenving Novice
28. juli 2004 - 13:41 #15
Oki '-)
Avatar billede roenving Novice
29. juli 2004 - 05:48 #16
-- og tak for point ;~}
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