Avatar billede engin10 Nybegynder
21. maj 2005 - 20:17 Der er 9 kommentarer og
1 løsning

Popup som browser vindue

Hej

Jeg har valt at vise mine billede i en popup. Probleme er, man kan ikke komme tilbage når man klikker på et billede.
Jeg tænkte måske kunne jeg løse det ved at åbne det i en popup med tilbage knap. Kan man det?
Avatar billede jokkejensen Novice
21. maj 2005 - 20:19 #1
På den måde vil du få 2 browser vinduer med din side i...

Jeg vil anbefale dig at lave en "luk" knap under billedet... eller skriv "tilbage" men luk vinduet..
Avatar billede engin10 Nybegynder
21. maj 2005 - 20:43 #2
Hvordan laver jeg luk vinduet.. Når den kun åbner siden.. F,eks "image/image/324dsf.JPG"
Avatar billede engin10 Nybegynder
21. maj 2005 - 20:47 #3
Altså den åbner billedet i sin helt egen vindue. Der er ikke mulighed for at at putte javaScript eller html.
Avatar billede jokkejensen Novice
21. maj 2005 - 20:47 #4
du skal sætte den til at henvise til en dynamisk html side.. så den henter det billede du beder den om.. luk spørgsmålet og stil det i javascript.. behold selv points..

Så er jeg ret sikker på at en af de rå javascript gutter har et færdigt script, og vil fortælle hvordan du lige smider det på..

Jeg kan kun hjælpe hvis du kan en eller anden form for server script..

Med venlig hilsen
Jacob
Avatar billede engin10 Nybegynder
21. maj 2005 - 21:00 #5
Jeg kan en del php. Selve scriptet er også i php.
Det er den kendte simple foto script der automatisk hente billederne
og forstører dem når der klikkes på en af dem.
Avatar billede jokkejensen Novice
21. maj 2005 - 21:08 #6
Okay jeg kender ikke lige til php men det skulle vist være ligegodt..

Du opretter bare en eksempelvis "visbillede.php" .. i denne tager du billedenavnet fra querystringen, og viser billedet. Tjek eventuelt om billedet eksitere og giv en passende fejlmeddelelse..

Så er der rig mulighed for at under billedet lave en "Luk" knappe...
Avatar billede roenving Novice
22. maj 2005 - 04:14 #7
Jeg har et eksempel på at vise billedet her: http://roenving.users.whitehat.dk/WD1ResizeTilBillede.html

-- og jeg har en del forskellige modifikationer liggende, bl.a. et med en luk-funktion ved klik ...
Avatar billede engin10 Nybegynder
23. maj 2005 - 09:14 #8
Ok det lyder som noget jeg kan bruge.. Du må gerne komme med et svar.
Avatar billede roenving Novice
23. maj 2005 - 15:23 #9
En med en knap til at lukke:

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title>Resize til billede</title>
<meta name="keywords" content="roenving 2003;http://www.eksperten.dk/spm/364403">
<meta name="Generator" content="Stone's WebWriter 3.5">
  <script language="javascript" type="text/javascript">
    function popWin(file){
      newWin=window.open("","ResizeBillede","width=300,height=200,status=no");
      txt='<html><head><title>Resize til bilede</title><scr'+'ipt language="javascript" type="text/javascript">';
      txt+='function resPic(){h=document.images[0].scrollHeight;w=document.images[0].scrollWidth;window.resizeTo(w+6,h+82);}</scr'+'ipt></head>';
      txt+='<body style="overflow:hidden;border:0px;margin:0px"><img src="'+file+'" style="top:0px;left:0px;border:0px;" onload="resPic();">';
      txt+='<br><center><button onclick="window.close()" style="width=200px">luk</button></center></body></html>';
      newWin.document.write(txt);
      newWin.document.close();
    }
  </script>
</head>
<body>
<a href="#" onclick="popWin('../billede.jpg');return false;">klik her</a>
</body>
</html>

-- og en med luk på billedet, centrering af popuppen og en tekst:

  <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="../billede.jpg" width="100" height="100" onclick="popWin(this.src,'Tekst')">

-- Velbekomme '-)
Avatar billede roenving Novice
24. maj 2005 - 23:25 #10
-- 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