Archief - JS: Wat doe ik mis?

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

Smoerf

Legacy Member
wrm gebruik je 3 keer dezelfde functie? De bedoeling van een functie is om een vast uit te voeren commando's te bundelen en de variabele waarden mee te geven als parameter. Als je nu eens dit zou doen?

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

function showThumb(img, width, height){
   window.open('images/' + img, 'img', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=0, width=' + width + ', height=' + height);
}
-->
</script>

Weet niet of het werkt, 'k heb de code gekopiëerd uit jouw document. Btw, wrm stop je de window.open in een variabele? Je doet er achteraf toch niets mee?

Mocht je dit doen, dan is het wel te verstaan:
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>
S

Smoerf

Legacy Member
Code: 
<a href="#" onclick="showThumb('groot_weetnietwat.jpg', '500', '500');"><img src="thumb_weetnietwat.jpg" width="200px" height="200px" alt="thumb_weetnietwat.jpg" /></a>

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

Als je die andere functie wil aanspreken dan is plaats de titel van het popup venstertje, url de link naar de image en breedte/hoogte spreekt voor zich...
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