Archief - HTML : prent openen in venster ipv volledige browser

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

Stefkesplace

Legacy Member
Op men site heb ik enkele screenshots geplaatst die je kan openen door op de link te klikken, dmv target blank opent hij een nieuw browser venster. Kan dit niet gewoon in een kadertje dat zich aanpast aan het prentje?

Als je de link zoekt, staat bij tools & Manuals/Inventor viewing without Inventor dan één van de bekijk screenshot links

thx in advance :bow:

Inventor Wizard
d

den Acid Burn

Legacy Member
ja kan javascript gebruiken.
onclick = "window.open(...)";

google on it :)
b

b0bbY

Legacy Member
JS functie

Code: 
<script type="text/javascript">
function PopupPic(sPicURL) 
{ 
	window.open( "popup.html?"+sPicURL, "", "resizable=1,HEIGHT=200,WIDTH=200"); 
} 
</script>

dan een apart bestand poup.html aanmaken met volgende code

Code: 
<?xml version="1.0" encoding="iso-8859-1"?>
<!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>
<title>Klik op de afbeelding om dit venster te sluiten</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

 <script language='javascript'> 
   var arrTemp=self.location.href.split("?"); 
   var picUrl = (arrTemp.length>0)?arrTemp[1]:""; 
   var NS = (navigator.appName=="Netscape")?true:false; 

     function FitPic() { 
       iWidth = (NS)?window.innerWidth:document.body.clientWidth; 
       iHeight = (NS)?window.innerHeight:document.body.clientHeight; 
       iWidth = document.images[0].width - iWidth; 
       iHeight = document.images[0].height - iHeight; 
       window.resizeBy(iWidth, iHeight); 
       self.focus(); 
     }; 
 </script> 

</head>

<body onload='FitPic();' style="margin:0px; padding:0px; background-color: #000">
<a href="javascript:window.close();">
 <script language='javascript'> 
 <!--
 document.write( "<img src='" + picUrl + "' border=0>" );
 //--> 
 </script> 
</a>
</body>
</html>

de link om de poup te openen is dan

Code: 
<a href="javascript:PopupPic('path_to_the_img.jpg')">

see it work

Code: 
[URL=http://www.hostlounge.be/info/?page=folio]link[/URL]
b

b0bbY

Legacy Member
wtf? werkt perfect hier...zowel in FF als in IE :wtf: net getest!

Code is alleszins volledig juist zoals ze hier staat! hebben jullie getest op de website of de code zelf ?

en trouwens... zeggen dat iets niet werkt is makkelijk hé; en als het dan nog niet zo blijkt te zijn, zie ik helemaal het nut van zulke posts niet in...! 1 keer tot daar toe, maar door 3x keer te zeggen dat iets niet werkt gaat het niet opeens wel werken hé, en ik denk niet dat het de threadstarter ook maar een 'chic' vooruithelpt.

gn
S

Stefkesplace

Legacy Member
wel het heeft me dus een 'chic' vooruit geholpen
Men bron code is aangepast en geupload, je kan het dus gaan bekijken het eindresultaat!
Bedankt nog meer eens!
x

xml

Legacy Member
@bobby, k wou nog eens gaan kijken welke fout hij _exact_ gaf, maar ik geraak niet meer op de site. (het ging wel degelijk _NIET_ hoor hier, dus k denk dat het toch wel belangrijk genoeg was dit te zeggen ;) )
b

b0bbY

Legacy Member
xml zei:
@bobby, k wou nog eens gaan kijken welke fout hij _exact_ gaf, maar ik geraak niet meer op de site. (het ging wel degelijk _NIET_ hoor hier, dus k denk dat het toch wel belangrijk genoeg was dit te zeggen ;) )
Klik om te vergroten...

heb misschien iets te fel gereageerd gistere, je m'excuse. Collega van mij heeft gisterenmiddag blijkbaar aan de site gewerkt en wrslk daardoor dat de pop up tijdelijk niet meer werkte. Alleszins, Toen ik gisteravond thuis kwam, werkte alles perfect, vandaar mijn verontwaardiging.

ps: site zou nu ook terug moeten werken, was een SSH probleem :(
pps: stefkesplace, ik zag op je site dat je op zoekt ben naar hosting/sponsoring. Je mag me altijd contacteren op bert'at'hostlounge'dot'be met wat meer info.

grts
s

servi

Legacy Member
moderator noot :
je topic bevat geen prefix, een verkeerd prefix of heeft een onduidelijke titel.
Gelieve een duidelijke titel met een bijhorend correct prefix te gebruiken.
Voor meer informatie over prefixen kan je terecht op regels en prefixen !!!.
Je topic is aangepast, gelieve in het vervolg er op te letten.

<a href="javascript:PopupPic('path_to_the_img.jpg')">


is niet goed, zoek maar even op waarom.
b

b0bbY

Legacy Member
servi zei:
<a href="javascript:PopupPic('path_to_the_img.jpg')">


is niet goed, zoek maar even op waarom.
Klik om te vergroten...

ik weet ook wel dat die a tag nog toe moet hoor...ik hoopte dat dat toch wel duidelijk genoeg was.

Code: 
<a href="javascript:PopupPic('path_naar_img')"><img class="Thumb" src="path_naar_thumb_van_image" alt="" /></a>

en dat hoef ik heus niet op te zoeken...
s

servi

Legacy Member
het gaat niet over het sluiten van de tag maar over uw aanroep van javascript, dus moet je het nog wel opzoeken :)
b

b0bbY

Legacy Member
servi zei:
het gaat niet over het sluiten van de tag maar over uw aanroep van javascript, dus moet je het nog wel opzoeken :)
Klik om te vergroten...

:)

heb er even op zitten zoeken en wel redelijk wat relevante discussies & info gevonden.

De enige?/voornaamste reden om het pseudoprotocol javascript: niet te gebruiken in een a tag is dat oudere browsers dit protocol niet ondersteunen, waardoor -in dit voorbeeld- de popup niet zou openen. Maar dan spreken we dus wel over middeleeuwse browsers, bij wijze van spreken...

onclick="" is dus het alternatief, maar algemeen wordt ook gesteld dat href="#" niet erg netjes staat. Nochtans vind ik op de meeste sites devolgende code om een JS functie te callen in een a tag:

Code: 
<a href="#" onclick="js_functie('argumenten')">...</a>

Helemaal juist zou dan zijn om in de href ook een bestaande link aan te geven zodat niet-JS browsers ook weten wat gedaan, voor dit voorbeeld zo dus

Code: 
<a href="popup.html" onclick="PopupPic('img.jpg')">...</a>

Echter bij deze code opent zowel de img in een popup als in het browservenster zelf (zowel in IE als FF). Ook niet echt ideaal lijkt me...

Andere oplossing die ik gevonden heb, was devolgende:

Code: 
<a href="page.html" onclick="return openWindow(this)">...</a>

function openWindow(linkObj)
{
open(linkObj.href);

return false;
}

Laatste lijkt mij dan, mits enige extra code om het window te resizen, nog de beste oplossing.

grtz
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