In een vorig artikel hebben we besproken hoe je een foto in een beveiligde pop-up kon open. Er was helaas een probleem voor de bezoekers die Netscape gebruiken. We gaan hiervoor een ander javascript verwerken in het php-script. Dit maakt namelijk het menu onzichtbaar.
Wil je graag jouw foto's beveiligen op jouw webpagina en in een nieuw pop-up scherm tonen? En wil je dit zonder dat je voor iedere foto een nieuwe webpagina moet aanmaken? Met dit php-script kan dat. Je roept enkel onderstaand script op in een link met de naam van de foto als parameter.
Stap 1: bewaar deze code onder de naam picture.php en plaats deze tekst in een nieuwe HTML-pagina tussen de tags van die pagina. Op de plaats waar nu /pictures/ staat, moet je de map opgeven waar jou foto's staan. In dit voorbeeld gaan we er vanuit, dat er een map pictures bestaat in de httpdocs map.
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
<script type="text/javascript">
var ie5 = (document.getElementById&&document.all);
var n6 = (document.getElementById&&!document.all);
var element;
if (n6) document.addEventListener("mouseup", showMenu, false);
if (ie5) document.attachEvent("oncontextmenu", showMenu);
if (ie5) document.attachEvent("onclick", showMenu);
function showMenu(event){}
document.oncontextmenu=new Function("return false") ;
</script>
Stap 2:
Vervang de <body>-tag met de volgende tekst.
<img border=0 src='/sitecoach/pictures/<?=$_GET['picture'] ?>' class='disabledMenu' name='imgItemPic' GALLERYIMG = 'no'>
Stap 3: Plaats onderstaand Javascript tussen de head tags van jouw
webpagina.
<SCRIPT LANGUAGE=javascript>
<!--
function openFoto(picture)
{
window.open ('picture.php?picture='+picture, '_blank', 'status = yes, toolbar = no, menubar = no, location = no, top = 0, left = 125');
}
-->
</SCRIPT>
Stap 4: Nu nog even een linkje voorzien voor al de foto's die je wilt
tonen. Als je foto.jpg aanpast in de naam van jouw foto, is alles klaar.
<a href="javascript:openFoto('foto.jpg')">hier</a>
Veel succes.
joel |
2004-07-07 |
Programmeren en techniek
