Archief - javascript: screenshots

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

malebolgia

Legacy Member
Ik zou graag een screenshotsectie maken op men site, maar wel iet of wat professioneel. Ik ben een vrij grote leek (newb) in sitebuilding, maar ik zou graag iets in de aard hebben zoals op de site van UT2004. Zodat je dus, als je op een screenshot klikt, dat er een nieuw browervenster wordt geopend en dat de size hiervan op voorhand is bepaald (en dus niet kan worden gewijzigd).

Wss zal dit met een java app moeten gebeuren, maar mijn zoektochten hebben nog niets bevredigend opgeleverd. :unsure:

P.S.: De site die ik aan het maken ben is NIET die in mijn signature maar deze hier (under construction).

Thx
d

den Acid Burn

Legacy Member
dit is heel simpel met javaSCRIPT te doen.

je maakt eerst bv en tabel waarin je alle kleine pics zet.

dan zet je je in de img tag onClick = "window.open('naam van foto','naam venster','attributen')

*de volgorde kan wel iets verschillend zijn, maar daarvoor is er google ;)
L

LunchBox

Legacy Member
je moet wel iets invoegen in google he, die weet ni vanzelf waar je naar op zoek bent. javascript is trouwens geen programmeertaal, wordt dus tevens niet gecompileerd en kan je zo overnemen vanuit het bronbestand van een website. als het via <script src="bestandsnaam.js"> is aangeroepen zul je't even moeten bijtypen aan je pagina-url en kan je't dus alsnog bekijken.
d

den Acid Burn

Legacy Member
ja hehe dat zal hij ook wel geweten hebben dat ge iets moet intypen in ggogle he :p
m

malebolgia

Legacy Member
Héhé :sleep: Na toch een dikke 2 uur zoeken heb ik het uiteindelijk gevonden. Dankzij jou tip window.open kon ik via google vrij makkelijk de juiste code en volgorde zoeken.
Thx :applause: :niceone:

Het ziet er nu ongeveer zo uit:
<a href="javascript:void(window.open('http://users.telenet.be/aod.ut2k4/images/Cathode%20Robots%20(163%20x%20166).jpg', 'screen1', 'width=800,height=640, City=no, menubar=no, status=no,toolbar=no, scrollbars=no, resizable=no'))"><img src="images/Cathode%20Robots%20(163%20x%20166).jpg" alt="" height="166" width="163" border= "0">
Klik om te vergroten...
m

malebolgia

Legacy Member
ja hehe dat zal hij ook wel geweten hebben dat ge iets moet intypen in ggogle he
Klik om te vergroten...
Ja ZO newb ben ik nu ook weer niet :D Ik wist gewoon niet WAT ik moest intypen :tongue: :p
b

blade69

Legacy Member
In den <head> </head>

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

Dan in de <body>

Code: 
<A HREF="javascript:PopupPic('naamprent.jpg')"><IMG SRC="naamprent_klein.jpg" style="border: solid 1px #000000"></A>

Dan de code van popup.html is

Code: 
<HTML>
	<HEAD>
		<TITLE>Klik op het prentje om het venster te sluiten</TITLE>
		<script language='javascript'>
			var temp=self.City.href.split("?");
			var picUrl = (temp.length>1)?temp[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-1);
				self.focus();
			};
		</script>
	</HEAD>
	<BODY bgcolor="#FFFFFF" onload='fitPic();' topmargin="0" marginheight="0" leftmargin="0" marginwidth="0">
	<A HREF="javascript:window.close();">
		<script language='javascript'>
			document.write("<img src='" +picUrl +"' border=0>");
		</script>
	</A>
	</BODY>
</HTML>


Hoop dat je er iets mee bent

PS door alles zo snel te typen kan ik wel een foutje getypt hebben :p


Greetz

Blade69
m

malebolgia

Legacy Member
WOW! Thx m8. Dit noem ik nu eens een antwoord zie! :niceone:

*EDIT*: Nu zou ik ook nog een drop down menu willen in men site. Eentje zoals hier bij de "Wars" (of iets gelijkaardig). Kan iemand me opweg helpen? Moet je dat menu appart ontwerpen (in photoshop mss?) ofzo en dan "oproepen" met de onMouseOver='showMenu(1)' onMouseOut='hideMenu(1) command?

Ik vond het een beetje nutteloos om een nieuw topic hier over te beginnen.

THX!
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