Just nu i M3-nätverket
Gå till innehåll
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

Popups

sjohan

Startad av sjohan,
i Webbutveckling

Rekommendera Poster

sjohan

sjohan

Postad
Postad

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

 

Länk till kommentar
Dela på andra webbplatser
BoEriksson

BoEriksson

Postad
Postad

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>

 

 

 

Länk till kommentar
Dela på andra webbplatser
sjohan

sjohan

Postad
  • Trådskapare
Postad

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?

 

Länk till kommentar
Dela på andra webbplatser
TicoRoman

TicoRoman

Postad
Postad

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)]

Länk till kommentar
Dela på andra webbplatser
BoEriksson

BoEriksson

Postad
Postad

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.

 

 

 

 

 

Länk till kommentar
Dela på andra webbplatser
TicoRoman

TicoRoman

Postad
Postad

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

 

Länk till kommentar
Dela på andra webbplatser
BoEriksson

BoEriksson

Postad
Postad

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>

 

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

Gå till ämneslista


×
×
  • Skapa nytt...