Archief - SEARCH: PoP UP Script ...

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.
E

ExOMaNiaC

Legacy Member
Hi, ik ben opzoek naar een popup script ... ik heb al wat af gegoogeld maar vind enkel van die scripts die via een link // button werkt, maar dat is niet wat ik zoek :)

Wat zoek ik :p : Een script dat er voor zorgt dan wanneer je op een image clickt een popup (liefst een venster zonder scrollbar) opent waarin ik dan een pagina kan laten open .

Mvg :)
S

Smoerf

Legacy Member
heb je eigenlijk wel gezocht?

een popup is een methode van het window object, dus
window.open([parameters])

als je klikt op je image is dat een onclick event, dus
<img src="plaatje.jpg" width="??px" height="??px'" alt="plaatje" onclick="window.open([paramaeters]);" />

en als je de boel wat deftig wilt stop je het in een functie...

in je <head>
Code: 
<script type="text/javascript">
<!--

function popup(plaats, url, hoogte, breedte){

   fotovenster = window.open(url,"_depopup","toolbar=no,location=no,directories=no,scrollbars=yes,status=no,menubar=no,resizable=no,copyhistory=yes,width="+breedte+",height="+hoogte+",top="+((screen.height)?(screen.height-hoogte)/2:100)+",left="+((screen.width)?(screen.width-breedte)/2:100)+",");
   fotovenster.document.writeln("<html><head><title>" + plaats + "</title>"); 
   fotovenster.document.writeln("</head>"); 
   fotovenster.document.writeln("<body style=\"margin:0px;overflow:hidden;\">");
   fotovenster.document.writeln("<img src=\"" + url + "\" style=\"cursor:hand;\" onclick=\"window.close();\" vspace=\"0\" hspace=\"0\" alt=\"\" title=\"Click to close\" />"); 
   fotovenster.document.writeln("</body></html>"); 
   fotovenster.document.close();

}

-->
</script>

Code: 
<img src="thumb_weetnietwat.jpg" width="200px" height="200px" alt="thumb_weetnietwat.jpg" title="click to enlarge" style="cursor:pointer;" onclick="showThumb('titel voor prent', 'groot_weetnietwat.jpg', '500', '500');" />

En als je de search had gebruikt, had je gezien dat bovenstaande oplossing al eens gepost werd.
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