Archief - HTML : Men PopUps willen niet poppen...

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
[

[2nd] BlackHawk

Legacy Member
Hey hallo iedereen , ik ben zojuist begonne met een siteje , ik zit nog maar enkele weken in het vak dus lach me ni uit met men code :ironic: :ironic:

Maar volgens mij zit er een fout in men """javascript""" (vol fouten :Sad: ) Dat men pop up ni doet poppen ... Check it

http://users.pandora.be/eremes/Sammy/index.htm

-- > Pictures --> KLik op ne vooze kop ---> en dan eens ff zien ....

Kan er mss eventueel iemand men bron eens bekijken en zeggen wat men fout is :S

Dank u bij voorbaat mannen
p

pSyKo

Legacy Member
Als dit een script is dat je ergens 'gedownload' hebt, lees dan volgende keer goed de instructies :)

Ma soit, nu heb je deze code:
Code: 
<a href="url_afbeelding"> 
<img src="url_afbeelding" width="50" height="38" border="1" 
onmouseover="window.status='Sammy - FS Boardslide';return true" 
onmouseout="window.status='';return true"></a>

Maak daar es van:
Code: 
<img src="url_afbeelding" width="50" height="38" border="1" 
onmouseover="window.status='Sammy - FS Boardslide';return true" 
onmouseout="window.status='';return true" onclick="PopupPic(url_afbeelding)">

Dus maw:
- Het onclick event aanroepen.
- De <a href="..."></a> tags verwijderen

Ben niet zeker dat het 100% juist is, maar het zou iig zoiets moeten zijn.
[

[2nd] BlackHawk

Legacy Member
Merci voor de snelle Reply , ik zalt direct eens gon testen sie :D
[

[2nd] BlackHawk

Legacy Member
Nee het is het niet elemaal , wel bijna alleen mis ik nog de POP ...

Maar volgens mij ben ik een stap vergeten :ironic: , moet je normaal geen popup.htm page hebben .....

??

Zoja .... Kan er ff iemand dat snel en zorgvuldig uitleggen aub
[

[2nd] BlackHawk

Legacy Member
Ondertussen krijg ik al de pop , mor nog ni te uitvergrootte versie van de thumb :eek:

Nog een kleine error in de code denk ik ...
[

[2nd] BlackHawk

Legacy Member
Zoals beloofd :

Voorbeeldje is van Sammy zen pictures page ..

<script language="Javascript">
function PopupPic(sPicURL) {
window.open( "popup.htm?"+sPicURL, "",
"resizable=1,HEIGHT=200,WIDTH=200");
}
</script>

<body>
<a href="javascript:popupPic ('Pictures/bigthumbs/sammy%20front%20board%20rail%20wilrijk.GIF')">
<img border="1" src="Pictures/thumbs/sammyfsboardslide.GIF"
onmouseover="window.status='Sammy - Frontside Boardslide';return true"
onmouseout="window.status='';return true"></a>
</body>


Dit voorbeeldje is van men pop up page ... is totaal verkeerd is mijn ogen
:eek:

<body>
<a href="javascript:Self.close()"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Back</font></a>
</body>

Het rare is dat er geen Javascript te vinden is op men popup.htm page , moet dit ?

Ja sorry ik ben complete noob hierin ...
L

Lashknife

Legacy Member
plain html werkt niet met parameters, dus iets als "popup.html?picture.gif" da's zever (laat staan dat het eigenlijk iets als "popup.html?src=picture.gif" zou moeten zijn, ma soit)

wat je wel kan doen is je popup openen en dan in je popup beginnen schrijven.
Code: 
<?xhtml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Author" content="Lashknife" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" Content="no-cache" />
<title></title>
<script language="JavaScript" type="text/javascript">
<!--
function popup(imgsrc) {
	var venster = window.open("","imageviewer","width=200,height=300");
	var img = new Image();
	img.src = imgsrc;
	with (venster.document) {
		write("<html><head><title>PictureViewer</title></head><body style=\"margin:0px\">");
		write("<img src=\"" + imgsrc + "\" alt=\"" + img.src + "\" width=\"" + img.width + "\" height=\"" + img.height + "\" border=\"0\" />");
		write("</body></html>");
		close();
	}
	venster.resizeTo(img.width, img.height);
	venster.focus();
}
//-->
</script>
<style type="text/css">
<!--
//-->
</style>
</head>

<body>
<a href="javascript:popup('ikke.jpg')">ikke</a>
<a href="javascript:popup('ikke_new.jpg')">ikke</a>
</body>
</html>

Wat ik wel raar vind is dat IE hier perfect scaled naar de size van de image (innerwidth/height van het window), maar dat mozilla scaled naar de outer-width/height.

Bovendien vind ik het maar zeer buggy werken in mozilla, iemand die hier een ietwat beter script voor heeft (dit is maar snel uit de mouw geschud eigenlijk :unsure: )
[

[2nd] BlackHawk

Legacy Member
Het rare is dat ik hier bij mij PopUpPic heb gebruikt ipv window.open !
L

Lashknife

Legacy Member
Originally posted by [2nd] BlackHawk
Het rare is dat ik hier bij mij PopUpPic heb gebruikt ipv window.open !
Klik om te vergroten...
nope, dan ken jij je eigen code niet echt he :)


function PopupPic(sPicURL) {
window.open( "popup.htm?"+sPicURL, "",
"resizable=1,HEIGHT=200,WIDTH=200");
}
</script>

je roept PopupPic(sPicURL) aan waar ik popup(imgsrc) aanroep

binnenin gebruik jij ook een window.open...
[

[2nd] BlackHawk

Legacy Member
Merci kerel tis gelukt , eindelijk emmek het zowa door ..

Ook merci dat ge die auto resize er hebt tussen gestopt :applause:

Kzal morgen vroeg eens uploaden voor een voorbeeldje te laten zien ... nu gonnek maffen
[

[2nd] BlackHawk

Legacy Member
Nog 1 probleempje , nu moetek nog wel 2 keer klikken om de popup te openen ...

Ik zou dit graag herleiden naar 1 keer klikken
[

[2nd] BlackHawk

Legacy Member
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Sammy Pictures</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/javascript">
<!--
function popup(imgsrc) {
var venster = window.open("","eReMeS","width=350,height=300");
var img = new Image();
img.src = imgsrc;
with (venster.document) {
write("<html><head><title>eReMeS</title></head><body style=\"margin:0px\">");
write("<img src=\"" + imgsrc + "\" alt=\"" + img.src + "\" width=\"" + img.width + "\" height=\"" + img.height + "\" border=\"0\" />");
write("</body></html>");
close();
}
venster.resizeTo(img.width, img.height);
venster.focus();
}
//-->
</script>
</head>
<STYLE type=text/css>BODY {
SCROLLBAR-ARROW-COLOR: #CCCCCC; SCROLLBAR-BASE-COLOR: #333333
}
A:link {
COLOR: #333333
}
A:visited {
COLOR: #333333
}
A:active {
COLOR: #333333
}
A:hover {
COLOR: #333333
}

.graphic {border:1px; border-thickness:1px; border-color: #CCCCCC; border-style: solid;}
A:link { color: #333333; text-decoration: none; }
A:visited { color: #333333; text-decoration: none; }
A:active { color: #333333; text-decoration: none; }
A:hover { color: #333333; text-decoration: none; }



</STYLE>
<BODY bgColor=#FF9900 text=#CCCCCC link=#CCCCCC vlink=#CCCCCC alink=#CCCCCC>
<div align="center">
<p> <a href="javascript:popup ('Pictures/bigthumbs/sammy%20front%20board%20rail%20wilrijk.GIF')"><img src="Pictures/thumbs/sammyfsboardslide.GIF" border="0"></a>
<a href="javascript:popup ('Pictures/bigthumbs/sammy%20smith.GIF')"><img src="Pictures/thumbs/sammyfssmith.GIF" border="0"></a>
<a href="javascript:popup ('Pictures/bigthumbs/sammy%20varial%20flip.GIF')"><img src="Pictures/thumbs/sammyvarialflip.GIF" width="50" height="38" border="0"></a></p>
</div>
</body>
</html>



Voila ..... IK zie er niks raar aan ... Maar soms krijg ik dan een klein popuppeke met een blanco page in en als ge dan nog is klikt komt de echte pop up ...:wtf:
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan