Archief - JS: image popup = hulp nodig

Bengie · 31 jul 2005

Hulp gevraagd aan de experts hier

ik zoek een scriptje voor image popups te doen

ik heb dit al geprobeert uit de sticky : https://www.beyondgaming.be/forums

maar ik geraak er niet wijs uit

ik gebruik nu dit scriptje :

Code:

<script language="JavaScript" type="text/JavaScript">
<!--
/**********************************************
     JavaScript Popup function
     By: DOMINIQUE PELADEAU
     Url: http://www.1stoppopup.com
**********************************************/
var fenetre=null;
function dopopup1(mypopurl,mypopname,sizew,sizeh,poppos,auFoyer){
if(poppos=="center"){magauche=(screen.width)?(screen.width-sizew)/2:100;monhaut=(screen.height)?(screen.height-sizeh)/2:100;}
else if((poppos!='center') || poppos==null){magauche=0;monhaut=0}
reglages="width=" + sizew + ",height=" + sizeh + ",top=" + monhaut + ",left=" + magauche + 

",scrollbars=no,location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no";fenetre=window.open(mypopurl,mypopna

me,reglages);
fenetre.focus();}


// End -->
</script>

met verder deze code in de html

Code:

<a href="javascript:dopopup1('images/squadFuncties.jpg','popup1','800','600','center','front');"><img src="................></a>

maar nu krijg ik marges links en onder en ik mis een paar pixels van mijn pic.
Maw het is niet afgewerkt. Ik wil dus niet voor elke pic een nieuwe html pagina gaan schrijven met de desbetreffende pic en margin=0

zoals dit :

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>BF Basics - screenshot</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body style='background-color: #999966; margin: 0px;'>
<div align="center">
  <p><img src="images/secondary_radio.jpg" alt="secondary radio commands" ></p>
  <p><a href="javascript:window.close()">Close window </a></p>
</div>
</body>
</html>

met dus de verwijzing naar deze "screenshot.htm" ipv de "images/secondary_radio.jpg" in JS code

Kent er dus iemand een goed scriptje om zoiets te doen ?????

Bengie · 8 aug 2005

ik heb een ander JS scriptje gezocht en tis al beter, dacht ik :doh:

ik blijf rechts en onderaan pixels verliezen. heel lastig als net daar belangrijke info staat

check deze page

http://www.bfbasics.be/commander2.html

klik op de thumbs om ze te vergroten en dan zal je zien dat ik pixels verlies rechts en onderaan.

Wat kan ik daar aan doen ????

dit is het script

PHP:

<script language="JavaScript" type="text/JavaScript">

// Script Source: CodeLifter.com
// Copyright 2003
// Do not remove this notice.

// SETUPS:
// ===============================

// Set the horizontal and vertical position for the popup

PositionX = 100;
PositionY = 100;

// Set these value approximately 20 pixels greater than the
// size of the largest image to be used (needed for Netscape)

defaultWidth  = 820;
defaultHeight = 620;

// Set autoclose true to have the window close automatically
// Set autoclose false to allow multiple popup windows

var AutoClose = true;

// Do not edit below this line...
// ================================
if (parseInt(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}
var optNN='scrollbars=no,resizable=yes,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY;
var optIE='scrollbars=no,resizable=yes,width=150,height=100,left='+PositionX+',top='+PositionY;
function popImage(imageURL,imageTitle){
if (isNN){imgWin=window.open('about:blank','',optNN);}
if (isIE){imgWin=window.open('about:blank','',optIE);}
with (imgWin.document){
writeln('<html><head><title>Loading...</title><style>body{margin:0px;}</style>');writeln('<sc'+'ript>');
writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}');
writeln('function reSizeToImage(){');writeln('if (isIE){');writeln('window.resizeTo(100,100);');
writeln('width=100-(document.body.clientWidth-document.images[0].width);');
writeln('height=100-(document.body.clientHeight-document.images[0].height);');
writeln('window.resizeTo(width,height);}');writeln('if (isNN){');       
writeln('window.innerWidth=document.images["George"].width;');writeln('window.innerHeight=document.images["George"].height;}}');
writeln('function doTitle(){document.title="'+imageTitle+'";}');writeln('</sc'+'ript>');
if (!AutoClose) writeln('</head><body bgcolor=999966 scroll="no" onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=999966 scroll="no" onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">');
writeln('<img name="George" src='+imageURL+' style="display:block"></body></html>');
close();		
}}

</script>

en deze in de body

PHP:

<div align="center">
<table BORDER=0 CELLPADDING=0 CELLSPACING=1 BGCOLOR="#666633" width="350">
<tr><td>
<a href="javascript:popImage('images/bf2/secondary_radio.jpg','BF Basics :: secondary radio')">
<img src="images/bf2/secondary_radio.jpg" alt="secondary radio" title="klik om te vergroten" width="350" height="263" alt="secondary radio" title="klik om te vergroten" STYLE="border-style: solid; 

border-width: 2px; border-color: #666633; ">
</a>
</TD></TR>
<TR><TD>
<center><a href="javascript:popImage('images/bf2/secondary_radio.jpg','BF Basics :: secondary radio')"><font color="#CCCC99">secondary radio commands v.d. squadleader</font></a></center>
</TD></TR>
</TABLE>
</div>

PS ; ik weet dat het geen PHP is, maar zo maak je het duidelijker

Fr3aK · 9 aug 2005

Bij mij ziet het er toch goed uit?

Bengie · 10 aug 2005

Fr3aK zei:
Bij mij ziet het er toch goed uit?

idd dat is net het rare....

op de pc op t werk waar ik de voorbereiding heb gedaan en het script heb verwerkt in de site...daar zag ik ook de pic volledig zonder pixel verlies...maar thuis op mijn eigen pc doet ie raar en verlies ik rechts een marge van een paar pixels

EDIT :

ik gebruik windowblinds om mijn desktop wat aan te passen. Maar heb al eens naat de klassieke WinXP skin gezet en daar blijft ie ook een marge verliezen.
Een andere resolutie helpt ook niet, ....
/EDIT

EDIT2
heb ff windowblinds unload gedaan en win classic skin geladen, en dan is t al beter maar nog steeds een verlies van een marge van een paar pixels
T zal dan wel aan mijn pc liggen

/EDIT2

DarkBone · 10 aug 2005

Hier met IE op Windows XP verlies ik maar een heel klein beetje pixels rechts en onderaan.

Met Camino op Mac heb ik zo'n 1 cm over (rechts en onderaan).

Archief - JS: image popup = hulp nodig

Bengie

Legacy Member

Bengie

Legacy Member

Fr3aK

Legacy Member

Bengie

Legacy Member

DarkBone

Legacy Member