Toon posts:

[JS] Close on click / Image openen in venster

Pagina: 1
Acties:

dinsdag 13 april 2004 12:45

Acties:

Verwijderd

Topicstarter
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62

<SCRIPT language="JavaScript">

function Toontemp(foto, titel, omschrijving)

{

var temp=window.open("","Picture" , "toolbar=no, location = no, directories=no, menubar=no, "+

          "scrollbars=no, resizable=no, width=700, height=700", screenX=0, screenY=0)

temp.document.write("<HTML><HEAD><TITLE>");

temp.document.write(titel);

temp.document.write("</TITLE></HEAD><BODY bgcolor=\"#C0C0C0\"><br>");

temp.document.write("<center>[img]\""+foto+"\"></center>");

temp.document.write("<br><center><i><font[/img]"+omschrijving+"</font></i></center>");

temp.document.write("</BODY></HTML>");

}


function Toon(foto, titel, omschrijving)

{

var temp=window.open("","Picture" , "toolbar=no, location = no, directories=no, menubar=no, "+

          "scrollbars=no, resizable=no, width=400, height=500", screenX=0, screenY=0)

temp.document.write("<HTML><HEAD><TITLE>"+titel+"</TITLE></HEAD><BODY bgcolor=\"#C0C0C0\">");
temp.document.write("<table width=\"100%\" height=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">");
temp.document.write("  <tr>");
temp.document.write("    <td align=\"middle\">");
temp.document.write("      <table width=\"80%\" border=\"0\" cellspacing=\"1\" cellpadding=\"0\" align=\"center\" bgcolor=\#000000\">");
temp.document.write("        <tr>");
temp.document.write("          <td>");
temp.document.write("            <div align=\"center\">");
temp.document.write("              <table width=\"100%\" border=\"0\" cellspacing=\"20\" cellpadding=\"0\" bgcolor=\"#C0C0C0\">");
temp.document.write("                <tr>");
temp.document.write("                  <td> ");
temp.document.write("                    <p align=\"center\">[img]\""+foto+"\"></p>");
temp.document.write("[/img]<b><font face=\"verdana\" size=4 color=\#000000\">"+omschrijving);
temp.document.write("                    </font></b></p>");
temp.document.write("                  </td>");
temp.document.write("                </tr>");
temp.document.write("              </table>");
temp.document.write("            </div>");
temp.document.write("          </td>");
temp.document.write("        </tr>");
temp.document.write("      </table>");
temp.document.write("    </td>");
temp.document.write("  </tr>");
temp.document.write("</table>");
temp.document.write("</BODY></HTML>");


}
</SCRIPT>


Dit script heb ik al, maar nu zouden deze twee functies er nog in moeten, iets wat mij niet gelukt is:

1) Close on click, als ergens in de venster waarin de foto verschijnt, geklikt wordt, zou dit venster moeten sluiten.

2) Als er op een nieuwe Thumb geklikt wordt, zou die in hetzelfde, reeds openstaande venster geopend moeten worden.

Wie o wie kan mij helpen? Ik heb al op het net gezocht, maar kvind niet echt wat'k nodig heb

dinsdag 13 april 2004 12:49

Acties:
  • André
  • Registratie: Maart 2002
  • Laatst online: 26-05 00:33

André

Analytics dude

1) <body onclick="top.window.close()">

2) Gewoon checken of het window bestaat en zo ja dan nieuwe thumb er in schrijven

dinsdag 13 april 2004 12:52

Acties:
  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:45

crisp

Devver

Pixelated

als je op deze manier naar een window schrijft, doe dan ook altijd een temp.document.close();

verder zou ik de referentie naar je window in een global var stoppen, en controleren of het window nog bestaat dmv de closed property; voordeel is dat je dan ook meteen de focus weer op het window kan zetten, of zelfs een resize kan doen.

Intentionally left blank

Reageer