Notifikationer

Markér alle som læst Log ud

ljunggren1 Nybegynder

01. februar 2007 - 09:15 Der er 14 kommentarer og
1 løsning

Popup window med hoover buttom

Jeg har ledt lidt i spørgsmålene, men kan ikke lige finde det jeg skal bruge!

Jeg vil gerne lave et popup window i en bestemt højde og bredde (fx 400x300) uden alt det unyttige.
Vinduet skal åbne ved hjælp af en mousover knap jeg selv har lavet. Det må gerne laves så det selv lukker efter nogen tid og med en close window for de utålmodige.
Er der nogen der har et bud?

Synes godt om

mcgoat Nybegynder

01. februar 2007 - 09:18 #1

<a href="myimage.gif"
onClick="window.open('myimage.gif', 'myWin',
'toolbar=no, directories=no, location=no,
status=yes, menubar=no, resizable=no, scrollbars=no,
width=300, height=200');
return false"
>my image</a>

Prøv at tage et kig på
http://www.mcli.dist.maricopa.edu/tut/tut27c.html

Synes godt om

ljunggren1 Nybegynder

01. februar 2007 - 09:26 #2

Det ser smart ud, men hvor lægger jeg linket til det html-dokument der skal åbnes hen?

Synes godt om

sw_red_6 Nybegynder

01. februar 2007 - 09:30 #3

Noget i retning af det her måske..?

var vindue;
function open_vindue(URL) {
vindue = window.open(URL, 'en_tekst', 'top=0, left=0, width=400, height=300, toolbar=no, status=no, scrollbars=no, menubar=no, location=no');
window.setTimeOut('luk_vindue', 10000);
}
function luk_vindue() {
vindue.close();
}

<a href="#" onclick="open_vindue('dokument der skal åbnes');return false;">åben popup</a>

og så også lige til de utålmodige
<a href="#" onclick="luk_vindue();return false;">luk popup</a>

URL er så det dokument du vil åbne, hvis du skriver det ind mellem ('') i onclick="open_vindue('dokument der skal åbnes');return false;"

skift # ud med noget andet hvis det er..
Jeg har så ikke testet det, så jeg er ikke sikker på at det virker

Synes godt om

mcgoat Nybegynder

01. februar 2007 - 09:31 #4

Har lige testet:

<html>
<head>
<script language="javascript">
var mywindow;
function PopupWindow()
{
mywindow = window.open('http://www.exp.dk', 'myWin', 'toolbar=no, directories=no, location=no, status=yes, menubar=no, resizable=no, scrollbars=no, width=300, height=200');
setTimeout("myCloseWindow()", 5000);
}

function myCloseWindow()
{
mywindow.close();
}
</script>
</head>
<body>
<a href="#" onMouseOver="PopupWindow()">Kør mus over</a>
</body>
</html>

men kan se jeg var lidt for sent på den

Synes godt om

ljunggren1 Nybegynder

01. februar 2007 - 09:36 #5

mcgoat, det virker fint, men hvis nu det skal være gif'er (2 der skiftes imellem) musen skal virke på hvad så?

Synes godt om

mcgoat Nybegynder

01. februar 2007 - 09:37 #6

<img src="mitbillede.gif" onMouseOver="PopupWindow()"> burde kunne gøre det

Synes godt om

ljunggren1 Nybegynder

01. februar 2007 - 09:54 #7

Det hele virker fint nu, men hvis jeg bruger en tekst ser det ikek ud som om jeg kan ændre fonten og jeg kan heller ikke slippe af med den der irriterende linkfarve og underscore?

Synes godt om

mcgoat Nybegynder

01. februar 2007 - 10:00 #8

<a href="#" onMouseOver="PopupWindow()" style="text-decoration:none;color:#996633">Kør mus over</a>

f.eks :)

Synes godt om

mcgoat Nybegynder

01. februar 2007 - 10:04 #9

<a href="#" onMouseOver="PopupWindow()" style="font-family:arial;text-decoration:none;color:#996633">Kør mus over</a>

så bruger den Arial som font

Synes godt om

ljunggren1 Nybegynder

01. februar 2007 - 10:29 #10

Virker fint, men nu støder jeg ind i problemer med at browseren kommer med en masse advarsler mod popup vinduer - det kan jeg jo leve med, men nogle der vil se websiten kan måske ikke finde ud af det!
Hvad gør man så?
Kan man åbne et almindeligt vindue med en reduceret størrelse og så give det en lok-knap og på dem måde undgå, at der kommer advarsler?

Synes godt om

mcgoat Nybegynder

01. februar 2007 - 11:41 #11

Tror jeg ikke. Der er jo en god grund til man har popupblocker :) Så det tror jeg ikke du kan komme uden om.

Hvis det nu f.eks var et billede du tog musen over, og bare ville vise det samme billede større i en "popup" vil jeg tro dette kan laves med layers.

Synes godt om

ljunggren1 Nybegynder

01. februar 2007 - 11:57 #12

Jeg beholder den du har og den virker fint, men jeg vil gerne have denne effekt på "knappen": http://www.blacksee.dk/test_popup.htm

Synes godt om

mcgoat Nybegynder

01. februar 2007 - 12:30 #13

<a href="Kaeldrene.htm" onmouseover="PopupWindow();image7.src='Kaeldrene_2.jpg';"onmouseout="image7.src='Kaeldrene_.jpg';">
<img name="image7" src="Kaeldrene_.jpg" border=0 width="100" height="15"></a></body>

vil jeg mene :)

du skal dog fjerne alt mellem de 2 linier her:

-----------------------------------
<SCRIPT LANGUAGE="JavaScript">

image1 = new Image();
image1.src = "Kaeldrene_+.jpg";

</script>
---------------------

Synes godt om

mcgoat Nybegynder

01. februar 2007 - 12:30 #14

smider et svar :)

Synes godt om

roenving Novice

01. februar 2007 - 13:28 #15

-- men ovenstående effekt vil kun virke i ganske få browsere ...

-- ifølge rekommendationerne for javascript-DOM-binding er image7 ikke et objekt, og bør derfor give fejlen: 'image7 er null eller ikke et objekt' (men den mest udbredte browser skider på den slags !-)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS