Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

javascript browser resizen (Opgelost)

vinTage - 05/04/2007 19:52 (laatste wijziging 06/04/2007 14:48)

Nieuw lid

Onderstaande code werkt bijna goed, behalve dat IE het niet perfect doet bij kleine images, maar FF maakt een grotere fout, die toont een te klein window bij alle images.
Opera toont het juist en Netscape opent een nieuwe tab, op Mac blijkt alles wel goed te werken.

php code - Bekijk de code zonder highlighting - Klap code in

                <html>
<head>
  <title>www.vintage's world.be</title>
  <script type="text/javascript">
			var temp = self.location.href.split("?");
			var plaatje = (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>
		
  <style type="text/css">
  body {
	  margin: 0px;
	  padding: 0px;
  }
  </style>

</head>
  <body onload='fitPic();'>
    <script type="text/javascript">
      document.write("<img src='"+plaatje+"' border=0>");
    </script>
  </body>
</html>
            
<html>
<head>
  <title>www.vintage's world.be</title>
  <script type="text/javascript">
			var temp = self.location.href.split("?");
			var plaatje = (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>
 
  <style type="text/css">
  body {
	  margin: 0px;
	  padding: 0px;
  }
  </style>
 
</head>
  <body onload='fitPic();'>
    <script type="text/javascript">
      document.write("<img src='"+plaatje+"' border=0>");
    </script>
  </body>
</html>
 

Ik heb hier een paar online voorbeeldjes staan om aan te tonen wat er gebeurd.

edit: net alles strict xhtml 1.0 gemaakt en het is nog niet zoals het hoort

edit2, ik zie net dat het in FF 1.5 wel werkt, maar in 2 niet.
In ie 6 is het nog veel erger nu....

http://www.sitemasters.be/forum/3/21019#id146084

6 antwoorden

Gesponsorde links

CounterForce - 06/04/2007 08:40 (laatste wijziging 06/04/2007 09:05)
Onbekend		hoe meer xHTML Valid die is en hoe meer Tidy die is, hoe slechter IE6 het weergeeft... (ik spreek vanuit ondervinding) // EDIT Ik had FF 1.5 nog en daar werkte die... Ik heb zojuist FF 2.0 geïnstalleerd en daar doet die net hetzelfde... In IE 6 maakt die het venster idd te klein... IE 7? die wil ik niet... // EDIT2 Ik heb zonet een DOCTYPE toegevoegd en dan doet FF2 idd iets totaal anders dan zonder dat DOCTYPE... Wat IE6 doet dan, is beter dan zonder doctype, maar hij maakt zijn venster te lang...en iets te breed... (wat juist het probleem is bij al die browsers weet ik niet, maar het verschilt meestal qua visueel gedeelte)

vinTage - 06/04/2007 11:38 (laatste wijziging 06/04/2007 11:40)
Nieuw lid		De versie hier in mn post klopt niet helemaal meer met die online staat(online=strict), maar inderdaad het is en blijft een drama, ik heb me suf gegoogled maar ik vind geen fatsoenlijk antwoord. Ik vind het niet zo erg dat het in IE6 fout gaat, omdat die binnen afzienbare tijd toch uit beeld is verdwenen, maar ik zou wel graag hebben dat de recentste browsers allemaal hetzelfde zouden doen..

Thomas - 06/04/2007 11:47
Moderator		Is dit voor een popup waarin een plaatje staat? Je kunt i.c.m. PHP een window.open-pagina (popup) maken die precies past om een plaatje.

vinTage - 06/04/2007 12:10
Nieuw lid		Jep deze popup is inderdaad om een "op maat gemaakte" popupwindow te tonen. Ik was al bezig geweest met getimagesize maar ik vond dat nogal traag gaan. Maar beter traag dan dit, dus ik zal maar weer verder gaan met wat ik daarvoor al had. Ik ben benieuwd wat er gebeurd als ik zo een stuk of 5 popupwindows moet laten berekenen:?:

Thomas - 06/04/2007 13:06
Moderator		Maak een popup getiteld image.php, en open deze met een popup-scriptje. image.php is gewoon een volledige pagina, met marge en padding 0. Aan image.php geeft je een src, height en width mee die je weer uitleest met PHP. voorbeeld.

vinTage - 06/04/2007 13:11 (laatste wijziging 06/04/2007 14:49)
Nieuw lid		Dat is precies wat ik wil bereiken, maar in de source staan de afmetingen van de popups meegegeven, dat probeer ik nu ook te bereiken zonder handmatig de afmetingen te moeten ingeven Niet opgelost, maar "omzeilt". Zie omzeilen

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten