Oprettet man. d. 03. maj 2010 kl. 15:56:49

goet
goet (20.069 point. Point ude: 440)

swap en popup

Jeg er ved at lave en side, hvor nogle artikler skal komme frem i et popup vindue, når man trykker på et lille thumpnail billede. På hovedsiden ligger en masse thumpnails, og man skal kunne trykke videre på en ny thumpnail, der så skal åbne den pågældende artikel i samme popup. Men jeg har brug for en kode til at få popupen til at lægge sig forest. Er der nogen, der kan hjælpe?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>pr_ex</title>
<meta name="verify-v1" content="IO7jXFXzNFd16LoLEnMMiAIKkgt0YdY9bZCuPpNi09w=" />

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="JavaScript" type="text/JavaScript">
<!--

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0  window.open(theURL,winName,features);
  return false;
}//-->
//pop up window
</script>

<script language="JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>


</head>

<BODY BGCOLOR="#FFFFFF" LINK="#000000"
VLINK="#000000" ALINK="#ccccc" topmargin="10" marginheight="10">
<table width="425" border="0" align="left" cellspacing="0">
  <tr>

    <img src="../grafik/10x10.gif" width="30" height="10" alt="spacer"></span></td>
  </tr>
  <tr>
    <td width="92" align="left" valign="top"><a href="artikel1.html"
onClick="MM_openBrWindow('artikel1.html','artikel','scrollbars=yes,width=610,height=810');return false"><img src="thumb_1.jpg" width="90" height="121"></a></td>
    <td width="90" align="left" valign="top">
    <td width="42" align="left" valign="top"></td>
    <td width="90" align="left" valign="top">
    <a href="artikel2.html"
onClick="MM_openBrWindow('artikel2.html','artikel','scrollbars=yes,width=610,height=810');return false"><img src="thumb_2" width="90" height="121" ></a>
  </td>
    <td width="101" align="left" valign="top">&nbsp;</td>
  </tr>
</table>
</body>
</html>

Skrevet tir. d. 04. maj 2010 kl. 11:10:16| #1

olebole
olebole (214.613 point)
<ole>

Skriv:

<script language="JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>

- om til:

<script type="text/JavaScript">
function MM_openBrWindow(theURL,winName,features) { //v2.0
    var w=window.open(theURL,winName,features);
    w.focus();
}
</script>


/mvh
</bole>

Skrevet tir. d. 11. maj 2010 kl. 12:58:18| #2

goet
goet (20.069 point)
Tak for forslag, men popupen lægger sig dog fortsat bag ved hovedsiden, når man trykker videre fra de andre thumbnails. Den skal gerne blive foran, så din kode gør ikke rigtig nogen forskel i forhold til den jeg brugte før.

Skrevet tir. d. 11. maj 2010 kl. 13:54:59| #3

olebole
olebole (214.613 point)
Nej, det virker helt fint - og det har det gjort siden Netscape 4.0 og Internet Explorer 4.0.

Prøv at uploade et eksempel, hvor det ikke virker. Så opdager du med garanti, det virker alligevel  ;o)

Skrevet tir. d. 25. maj 2010 kl. 14:54:22| #4

goet
goet (20.069 point)
Fik endelig kigget på projektet igen og uploaded. Det virker desværre ikke sådan som jeg havde håbet. Håber du har tid til at kigge. Sitet er lavet helt gammeldags med frames:
http://www.mariaberntsen.dk/
og problematikken findes under punktet PR.
Trykker man videre på billederne når man har haft det første magasin i popup'en, lægger den sig bag selve hovedvinduet.

Skrevet tir. d. 25. maj 2010 kl. 15:16:18| #5

olebole
olebole (214.613 point)
Jeg kan ikke genskabe problemet i IE8 eller FF 3.6.3 under Win7/64bit. Jeg prøver med en IE7/XP i aften.

Til gengæld har du bunker af JS-fejl i din menukode. Det hjælper ikke noget, du har kode som:

<TABLE ONMOUSEOVER="showMenu(1);" ONMOUSEOUT="hideMenu(1);">
- eller:
<TABLE ONMOUSEOVER="showMenu(3);" ONMOUSEOUT="hideMenu(3);">
- osv.

- når du kun har div med id'ene menutext2, menutext4 og menutext6  ;o)

Skrevet tir. d. 25. maj 2010 kl. 15:29:47| #6

zips
zips (31.987 point)
Ja hvis man klikker på billedet og ikke lukker den popup, men blot klikker ved siden af, så billedet lægger sig bag siden og man så klikker på et nyt billede, så skifter det godt nok, men kommer ikke i front, er det dette du oplever.

Skrevet tir. d. 25. maj 2010 kl. 15:33:14| #7

goet
goet (20.069 point)
Tak. Nogen kodenørd bliver jeg vidst aldrig :-)

Skrevet tir. d. 25. maj 2010 kl. 15:36:42| #8

olebole
olebole (214.613 point)
Det er ikke så underligt  =)

Du skriver følgende i din kode:

<script type="text/JavaScript">
function MM_openBrWindow(theURL,winName,features) { //v2.0
    var w=window.open(theURL,winName,features);
    w.focus();
}
</script>

<script language="JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>

- og da de to funktioner hedder det samme, så overskriver den sidste funktion den første. Slet den sidste, så vil det virke, som forventet  ;o)

Skrevet tir. d. 25. maj 2010 kl. 15:42:16| #9

olebole
olebole (214.613 point)
- men husk at få rettet dine fejl. Da jeg (som enhver udvikler har) har slået fejlmeddelelser til i IE, kan jeg næsten ikke komme i nærheden af din menu for popups med JavaScript fejlbeskrivelser  :o|

Skrevet tir. d. 25. maj 2010 kl. 17:09:59| #10

goet
goet (20.069 point)
Hej OleBole
Jeg tror kun du har skrevet kommentarer. Vil gerne give dig point. Det virker fint nu. Prøver lige at få renset ud i min menukode.
Tak

Skrevet tir. d. 25. maj 2010 kl. 19:05:33| #11

olebole
olebole (214.613 point)
Selvtak  ;o)

Skrevet tir. d. 25. maj 2010 kl. 21:38:30| #12

olebole
olebole (214.613 point)
- og tak for points  =)

Skriv et indlæg




Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] [img]link til billede[/img]
Web- og emailadresser omdannes automatisk til links

Log ind

   

   

Seneste spørgsmål

Hjælp til validering

Oprettet den 26. maj 2012 kl. 14.01
Stefan1 giver 20 point for svar | Giv et svar »

Javascript sliders?

Oprettet den 24. maj 2012 kl. 11.29
NizeGuy giver 15 point for svar | Giv et svar »

Validere navn i form

Oprettet den 22. maj 2012 kl. 15.13
13thsky giver 60 point for svar | Giv et svar »



   




Tips & Tricks fra PC World

Teaser billede

Læserne: Her er vores værste it-indkøb

Det er ikke al it-udstyr, som er det rene guld. Her er nogle af læsernes skrækhistorier.


Anmeldelser fra PC World

Teaser billede

Test: Mobil med Ferrari-design - og en Trabant-motor

Motorola har begået endnu en smartphone med lækkert design og potentiale til at være blandt de bedste. Men den når ikke i mål. Se her hvorfor.


Seneste blogindlæg

Teaser billede

Tvangslukke spørgsmål: Hvad er den bedste løsning?

Hej Vi har mange åbne spørgsmål på Eksperten. Vi ville gerne tvangslukke dem - så et spørgsmål efter f.eks. 6 måneder lukkes. Men der er et par uklarheder som ville være gode at få lidt input til:...


Nyheder fra PC World

Teaser billede

Sådan siger du farvel til Facebook

Læs her, hvordan du dropper Facebook og i stedet anvender nogle brugervenlige alternativer, så du stadig kan være social på nettet.


Nyheder fra Computerworld

Teaser billede

Galleri: De fedeste håndholdte gennem 40 år

Her har du de mest banebrydende håndholdte computere gennem alle tider.


Kurser
Samarbejdspartnere

Udgiver · © 2012 IDG Danmark A/S · Hørkær 18 · 2730 Herlev · Tlf.: 77 300 300 · Fax: 77 300 301 · Brug af personoplysninger