Just nu i M3-nätverket
Jump to content

Popups


sjohan

Recommended Posts

Hejsan. Finns det nån här som har lust att hjälpa till lite.. jag har en popup på min hemsida och jag vill att den ska ha samma storlek som bilden som poppar upp... Kan nån hjälpa mig att göra så att jag skickar med höjden och bredden in i popupen.. Som jag gör med url´en.. Jag har försökt men inte lyckats..

 

<script language="JavaScript">function fonster(url){window.open(url,"","height=280,width=250,menubar=0,resizable=0,scrollbars=0, status=0,titlebar=0,toolbar=0,left=0,top=0")}</script>

 

Jag vill ha så att jag skriver typ

<A HREF="javascript:fonster(url,höjd, bredd)">länk</A>

 

Någon som kan hjälpa??

//JOhan

 

Link to comment
Share on other sites

Här ett ganska enkelt script, i detta exempel är fönstret 300 brett, 320 högt,

150 punkter från toppen, 400 punkter från vänsterkant. bara att ändra som du vill.

OBS! Allt på raden windows.open fram till ); måste ligga på en och samma rad.

 

<HTML>

<HEAD>

</HEAD>

<script language="JavaScript">

<!-- Begin

function popUp()

{

window.open('dinpopup.htm', '', 'width=300, height=320, top=150, left=400, toolbar=yes, scrollbars=yes');

}

// End -->

</script>

<BODY BGCOLOR=LIME>

<BR><BR><BR>

<a href="javascript:void(0);" OnClick="popUp('dinpopup.htm');"> Testa det här</a>

</BODY>

</HTML>

 

 

 

Link to comment
Share on other sites

Men då måste jag ju ändra i funktionen... Jag vill kunna skicka med höjden och bredden i länken inte behöva gå in i funktionen och ändra det. Går inte det?

 

Link to comment
Share on other sites

Fil med länkarna (bilder.php):

<SCRIPT LANGUAGE=JAVASCRIPT TYPE="TEXT/JAVASCRIPT">
<!--
function newWindow(newContent)
{
winContent = window.open(newContent, 'nextWin', 'right=0, top=0,toolbar=no,width=50,height=50,scrollbars=no, resizable=yes')
}

-->
</SCRIPT>

<a href="javascript:newWindow('popup.php?img=bild.jpg')">Bild 1</a><br>
<a href="javascript:newWindow('popup.php?img=bild2.jpg')">Bild 2</a><br>

 

 

popup.php:

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--

window.moveTo(100, 20);

function ResizeWin(){
var x = document.pic.width + 12;
var y = document.pic.height;

if (screen.availWidth<x) { x = screen.availWidth - 28; }
if (screen.availHeight<y) { y = screen.availHeight - 28; }

window.resizeTo(x,y);
}
//-->
</SCRIPT>
</HEAD>
<BODY TOPMARGIN=0 LEFTMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 onLoad="ResizeWin();">

<CENTER><A HREF="javascript:self.close();"><IMG NAME="pic" SRC="bild2.jpg" BORDER=0 ALT="Klicka för att stänga fotot"></A></CENTER>

</BODY>
</HTML>

 

Fungerande exempel: http://cerimagic.com/eforum/waeb/bilder.php

 

_________

TicoRoman - The One And Only

 

 

[inlägget ändrat 2003-04-16 17:43:52 av TicoRoman (Almir)]

Link to comment
Share on other sites

Hur menar du nu ?? Höjden, bredden och positionen anger du i funktionen så det passar dig, och detta skickas sedan med när man klickar på länken.

Behöver alltså inte ange något mått i länken.

 

 

 

 

 

Link to comment
Share on other sites

Jag antar att han vill att fönstret automatiskt ska anpassas efter storleken på bilden. Bilderna kan vara olika stora. Det är i alla fall så jag förstått det.

 

Kolla på mitt exempel.

 

 

_________

TicoRoman - The One And Only

 

Link to comment
Share on other sites

Jag menar alltså så här.

Först koden varifrån man anropar popupen och bestämmer storleken efter bildens storlek.

 

Därunder koden för själva poupen med bilden som bakgrund.

 

 

<HTML>

<HEAD>

</HEAD>

<script language="JavaScript">

<!-- Begin

function popUp()

{

window.open('dinbild.htm', '', 'width=300, height=320, top=150, left=400, toolbar=no, scrollbars=no');

}

// End -->

</script>

<BODY BGCOLOR=LIME>

<BR><BR><BR>

<a href="javascript:popUp();"> Testa det här</a>

</BODY>

</HTML>

 

.......................................................

 

<HTML>

<HEAD>

</HEAD>

<BODY BACKGROUND=BILDEN.JPG>

</BODY>

</HTML>

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...