Soort popup
Ik zag hier pas een topic over maar die kan ik zo snel niet vinden...
Weet iemand welke code daar voor nodig is?
Grtz
ArendJan
Code (php)
1
2
3
2
3
<? // pour le couleur ;)
<a href="#" class=normallink onmouseover="window.status='Vergroten';return true;" onmouseout="window.status=''; return true" onclick="window.open('jelink.php')','pix','width=764,height=768,innerwidth=764,innerheight=768,directories=no,location=no,menubar=no,scrollbars=yes,status=no,toolbar=no,resizable=no,top=0,left=0,leftmargin=0,topmargin=0,marginwidth=0,marginheight=0,screenX=0,screenY=0');return false">je link</a>
?>
<a href="#" class=normallink onmouseover="window.status='Vergroten';return true;" onmouseout="window.status=''; return true" onclick="window.open('jelink.php')','pix','width=764,height=768,innerwidth=764,innerheight=768,directories=no,location=no,menubar=no,scrollbars=yes,status=no,toolbar=no,resizable=no,top=0,left=0,leftmargin=0,topmargin=0,marginwidth=0,marginheight=0,screenX=0,screenY=0');return false">je link</a>
?>
das voor de popup, maar hoe je de rest kan faden om het scherm heen, zou ik echt niet weten...
Gewijzigd op 01/01/1970 01:00:00 door Wout van der Burg
ik weet wat je bedoelt, ik zal even googleën voor je
Wout, Dat is eennormale popup. Wat Arend Jan net niet wilt...
nee, meen je dat nou? :) ik denk misschien dat er gewoon nog een extra JS nodig is voor de fade.. ;)
mijn site als je op login klikt. :-P
Dat heb ik op Edit:
Dus niet zo'n fade ofzo met JS, maar een zwarte layer met opacity 0.5
Gewijzigd op 01/01/1970 01:00:00 door K i p
Arend.. Ik weet wel ong. wat je bedoelt zal even een website zoeken waar ze dat ook doen zodat andere mensen het beter begrijpen.
edit: http://www.games.nl/ zoals hiero? Der is al een script gevonden::
GR. mebus
Gewijzigd op 01/01/1970 01:00:00 door Mebus Hackintosh
post het script dan ook.. :)
dit is trouwens ook tof: http://www.couloir.org/js_slideshow/
edit:
Zeker tof! lijkt een beetje op die Flash foto-template die standaard bij Flash 9 zit, die is ook zeer mooi
Gewijzigd op 01/01/1970 01:00:00 door Wout van der Burg
http://www.huddletogether.com/projects/lightbox2/
GR. mebus
edit: wout wil je de 1000 posts even snel halen nog ofzo?....
GR. mebus
edit: wout wil je de 1000 posts even snel halen nog ofzo?....
Gewijzigd op 01/01/1970 01:00:00 door Mebus Hackintosh
@mebus: die zocht ik dus ook! is zo schitterend gemaakt, echte kunst!
Code (php)
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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<?php //kleur
//In de HTML (body)
<div id="loginscherm" style="display: none;">
<div id="overlay">
</div>
<div id="login">
<table style="width: 100%;">
<tr>
<td align="center" style="margin-top: 100px;">
<table style="margin-top: 243px">
<tr>
<td style="background-color: white; border: 10px solid black;">
<a href="#" onClick="show('loginscherm');" accesskey="x">Sluit</a>
<form action="http://www.xxx.nl/content/login.php" method="post">
<input type="hidden" name="action" value="login" />
<input type="text" tabindex="1" class="text" name="user" /><-- Username<br />
<input type="password" tabindex="2" class="text" name="pass" /><-- Password<br />
<input type="submit" class="text" value="Log in!" />
</form>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</div>
//Dat was de body
//in de head:
<script type="text/javascript" language="JavaScript1.2" src="show.js"></script>
//in show.js:
function show(cid)
{
if (document.getElementById(cid).style.display == 'none')
{
document.getElementById(cid).style.display = 'inline';
}
else
{
document.getElementById(cid).style.display = 'none';
}
}
//CSS:
#overlay {
position: absolute;
left: 0px;
top: 0px;
z-index: 65;
height: 100%;
width: 100%;
background-color: black;
color: white;
opacity:.50;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
text-align: center;
}
#login {
position: absolute;
top: 0px;
opacity: 1;
z-index: 100;
margin: 0px auto;
width: 100%;
height: 100%;
}
//zo
//einde kleur ?>
//In de HTML (body)
<div id="loginscherm" style="display: none;">
<div id="overlay">
</div>
<div id="login">
<table style="width: 100%;">
<tr>
<td align="center" style="margin-top: 100px;">
<table style="margin-top: 243px">
<tr>
<td style="background-color: white; border: 10px solid black;">
<a href="#" onClick="show('loginscherm');" accesskey="x">Sluit</a>
<form action="http://www.xxx.nl/content/login.php" method="post">
<input type="hidden" name="action" value="login" />
<input type="text" tabindex="1" class="text" name="user" /><-- Username<br />
<input type="password" tabindex="2" class="text" name="pass" /><-- Password<br />
<input type="submit" class="text" value="Log in!" />
</form>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</div>
//Dat was de body
//in de head:
<script type="text/javascript" language="JavaScript1.2" src="show.js"></script>
//in show.js:
function show(cid)
{
if (document.getElementById(cid).style.display == 'none')
{
document.getElementById(cid).style.display = 'inline';
}
else
{
document.getElementById(cid).style.display = 'none';
}
}
//CSS:
#overlay {
position: absolute;
left: 0px;
top: 0px;
z-index: 65;
height: 100%;
width: 100%;
background-color: black;
color: white;
opacity:.50;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
text-align: center;
}
#login {
position: absolute;
top: 0px;
opacity: 1;
z-index: 100;
margin: 0px auto;
width: 100%;
height: 100%;
}
//zo
//einde kleur ?>