Avatar billede futuregrafix Nybegynder
03. februar 2005 - 15:51 Der er 12 kommentarer og
1 løsning

Script der tilpasser sig billedet i en pop-up?

Ja overskriften kunne ha sagt det hele - hvordan laver man et pop-up script der kun skal bruges til at vise billeder i, og der så tilpasser sig billedet, sådan at man ikke får en masse space udenom???

Har set det nogen gange, er der nogen der ved hvordan man fikser den?

På forhånd tak!


Med venlig hilsen
Mark Petersen
Avatar billede roenving Novice
03. februar 2005 - 15:55 #1
Avatar billede futuregrafix Nybegynder
03. februar 2005 - 16:01 #2
Ja det virker fint, men jeg skal ha det ind i asp - og så er jeg nød til at ændre " til ', og det ødelægger det. Hvad gør man der normalt i asp og skal ha javascript ind?

Min kode: <a href='#' onclick='popWin('" & rs("JPG") & "');return false;'>

På forhånd tak
Avatar billede roenving Novice
03. februar 2005 - 16:05 #3
Hvis du skriver vbscript kan du bare fordoble ""erne, f.eks.

response.write "<a href=""#"" onclick=""popWin(""" & rs("JPG") & """);return false;"">"
Avatar billede futuregrafix Nybegynder
04. februar 2005 - 07:47 #4
Hmm det virker sq ikk - ved ikke hvad der går galt.

I head:
  <script language="javascript" type="text/javascript">
    function popWin(file){
      newWin=window.open("","ResizeBillede","width=300,height=200,status=no");
      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+32);}<\57scri';
      txt+='pt><\57he'+'ad><bo'+'dy style="overflow:hidden;';
      txt+='border:0px;margin:0px"><i'+'mg src="'+file+'" style="top:0px;left:0px;border:0px;';
      txt+='" onload="resPic();"><\57bo'+'dy><\57ht'+'ml>';
      newWin.document.write(txt);
      newWin.document.close();
    }
  </script>

Og så bare koden til at kalde scriptet med:
<a href=""#"" onclick=""popWin(""" & rs("JPG") & """);return false;"">

Kan du se nogen fejl??
Avatar billede roenving Novice
04. februar 2005 - 09:20 #5
Skriver du også scriptet ud med response.write ?-)
Avatar billede futuregrafix Nybegynder
04. februar 2005 - 09:28 #6
Nej det gør jeg ikke - selve scriptet ligger jo bare i head.. Er det ikke korrekt?
Avatar billede roenving Novice
04. februar 2005 - 09:50 #7
Jo, det er det !-)

-- måske skulle du også prøve at skrive linket udenfor:

<a href="#" onclick="popWin('<% response.write(rs("JPG") %>');return false;"><img ...></a>
Avatar billede roenving Novice
04. februar 2005 - 09:51 #8
-- hov der mangler selvfølgelig en parantes !-)

response.write(rs("JPG"))

-- eller der en for meget !-)
Avatar billede futuregrafix Nybegynder
04. februar 2005 - 09:57 #9
Har den jo i en lang response.write:

<tr height='52'><td width='125'><a href='#' onclick='popWin('" & rs("JPG") & "');return false;'><img src='" & rs("JPG_S") & "' alt='' border='0'></a>&nbsp;&nbsp;</td><td width='47'>" & rs("VareNr") & "" & rs("Gruppe") & "</td><td width='280'>" & rs("Beskrivelse") & "</td><td width='90'><a href='default.asp?mode=ShowInfo6&ID=" & rs("ID") & "&VareNummer=" & rs("VareNr") & "&PrisGruppe=" & rs("Gruppe") & "'><img src='../images/mere_info.gif' border=0></a></td>

Hvordan klare jeg den?

Jeg er lige kommet i 1.B i folkeskolen for en dag :o)
Avatar billede roenving Novice
04. februar 2005 - 10:00 #10
Prøv:

<a href='#' onclick='popWin(""" & rs("JPG") & """);return false;'>
Avatar billede futuregrafix Nybegynder
04. februar 2005 - 10:02 #11
JAA DA!!! ;)

Så virker lortet! Kommer lige med et lille bitte spørgsmål mere? Kan man evt. bare have lidt space uden om? Bare lige lidt?

Mange tak for hjælpen!!!
Avatar billede roenving Novice
04. februar 2005 - 10:15 #12
Hvad vil du have ?-)

-- du kan f.eks. sætte margin på body til nogle pixels, og så forøge resizen med det dobbelte af det:

  window.resizeTo(w+6,h+32); <-- her skal du øge ...

-- els velbekomme '-)
Avatar billede roenving Novice
04. februar 2005 - 10:22 #13
-- 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