on my site i have an awards page set up that was created by someone for me as a project
here is the url
http://theufhl.com/?opt=awards
anyways it all looks good and works as intended, but when i click on a trophy not all stuff is on one line
I am trying to make the width of the popup larger, but when i make the width larger nothing happens.
not sure if its within my php code or the script of fancy box
here is the .js code of fancy box
(function($){
$.fn.popupWindow = function(instanceSettings){
return this.each(function(){
$(this).click(function(){
$.fn.popupWindow.defaultSettings = {
centerBrowser:0, // center window over browser window? {1 (YES) or 0 (NO)}. overrides top and left
centerScreen:0, // center window over entire screen? {1 (YES) or 0 (NO)}. overrides top and left
height:auto, // sets the height in pixels of the window.
left:0, // left position when the window appears.
location:0, // determines whether the address bar is displayed {1 (YES) or 0 (NO)}.
menubar:0, // determines whether the menu bar is displayed {1 (YES) or 0 (NO)}.
resizable:0, // whether the window can be resized {1 (YES) or 0 (NO)}. Can also be overloaded using resizable.
scrollbars:0, // determines whether scrollbars appear on the window {1 (YES) or 0 (NO)}.
status:0, // whether a status line appears at the bottom of the window {1 (YES) or 0 (NO)}.
width:auto, // sets the width in pixels of the window.
windowName:null, // name of window set from the name attribute of the element that invokes the click
windowURL:null, // url used for the popup
top:0, // top position when the window appears.
toolbar:0 // determines whether a toolbar (includes the forward and back buttons) is displayed {1 (YES) or 0 (NO)}.
};
settings = $.extend({}, $.fn.popupWindow.defaultSettings, instanceSettings || {});
var windowFeatures = 'height=' + settings.height +
',width=' + settings.width +
',toolbar=' + settings.toolbar +
',scrollbars=' + settings.scrollbars +
',status=' + settings.status +
',resizable=' + settings.resizable +
',location=' + settings.location +
',menuBar=' + settings.menubar;
settings.windowName = this.name || settings.windowName;
settings.windowURL = this.href || settings.windowURL;
var centeredY,centeredX;
if(settings.centerBrowser){
if ($.browser.msie) {//hacked together for IE browsers
centeredY = (window.screenTop - 120) + ((((document.documentElement.clientHeight + 120)/2) - (settings.height/2)));
centeredX = window.screenLeft + ((((document.body.offsetWidth + 20)/2) - (settings.width/2)));
}else{
centeredY = window.screenY + (((window.outerHeight/2) - (settings.height/2)));
centeredX = window.screenX + (((window.outerWidth/2) - (settings.width/2)));
}
window.open(settings.windowURL, settings.windowName, windowFeatures+',left=' + centeredX +',top=' + centeredY).focus();
}else if(settings.centerScreen){
centeredY = (screen.height - settings.height)/2;
centeredX = (screen.width - settings.width)/2;
window.open(settings.windowURL, settings.windowName, windowFeatures+',left=' + centeredX +',top=' + centeredY).focus();
}else{
window.open(settings.windowURL, settings.windowName, windowFeatures+',left=' + settings.left +',top=' + settings.top).focus();
}
return false;
});
});
};
})(jQuery);
and here is my php code
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="./awards/fbjs/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="./awards/fbjs/jquery.fancybox-1.3.4.css" media="screen" />
<!-- <script type="text/javascript" src="./awards/jquery.popupWindow.js"></script> -->
<script type="text/javascript">
$(document).ready(function() {
/*$('.popup').popupWindow({
centerScreen:1
}); */
$(".popup").fancybox({'transitionIn' : 'elastic','transitionOut' : 'elastic'});
});
</script>
<body background="#dfdfdf" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" bottommargin="0">
<table border="0" cellpadding="0" cellspacing="0" width="900" align="center">
<td width="900" height="100%" valign="top" align="center" bgcolor="#ffffff">
<img width="900" src="/images/leagueawards.jpg">
<table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td>
<p class="header"><a href="./"><!--%LEAGUE_TITLE%--></a> : League Awards </p><br><br>
</td></tr></table>
<div id="pagewidth" >
<div id="wrapper" class="clearfix" >
<div id="twocols" class="clearfix">
<div id="leftcol">
<a href="./awards/viewlist.php?id=0" class="popup" title="Calder Conference"><img border="0" src="./awards/awardpics/caldercon.jpg"></a><br><B>CALDER CONFERENCE</B>
<p><p> <a href="./awards/viewlist.php?id=1" class="popup" title="Conn Smythe"><img border="0" src="./awards/awardpics/connsmythe.jpg"></a><br><B>CONN SMYTHE</B>
<p><p> <a href="./awards/viewlist.php?id=2" class="popup" title="Hart Memorial"><img border="0" src="./awards/awardpics/hart.jpg"></a><br><B>HART MEMORIAL</B>
<p><p>
</div>
<div id="maincol">
<a href="./awards/viewlist.php?id=3" class="popup" title="Presidents"><img border="0" src="./awards/awardpics/presidents.jpg"></a><br><B>PRESIDENTS</B>
<p><p> <a href="./awards/viewlist.php?id=4" class="popup" title="UFHL Cup"><img border="0" src="./awards/awardpics/cupufhl.jpg" align="center"></a><br><B>UFHL CUP</B>
<p><p>
</div>
<div id="rightcol">
<a href="./awards/viewlist.php?id=5" class="popup" title="Memorial Conference"><img border="0" src="./awards/awardpics/memorialcon.jpg"></a><br><B>MEMORIAL CONFERENCE</B>
<p><p><a href="./awards/viewlist.php?id=6" class="popup" title="Art Ross"><img border="0" src="./awards/awardpics/artross.jpg"></a><br><B>ART ROSS</B>
<p><p><a href="./awards/viewlist.php?id=7" class="popup" title="James Norris Memorial"><img border="0" src="./awards/awardpics/norris.jpg"></a><br><B>JAMES NORRIS MEMORIAL</B>
<p><p>
</div>
</div>
</div>
<div id="wrapper" class="clearfix" >
<div id="twocols" class="clearfix">
<div id="leftcol"> <a href="./awards/viewlist.php?id=8" class="popup" title="Calder Memorial"><img border="0" src="./awards/awardpics/calder.jpg"></a><br><B>CALDER MEMORIAL</B> </div>
<div id="maincol"> <a href="./awards/viewlist.php?id=9" class="popup" title="Rocket Richard"><img border="0" src="./awards/awardpics/rocket.jpg"></a><br><B>ROCKET RICHARD</B> </div>
<div id="rightcol"> <a href="./awards/viewlist.php?id=10" class="popup" title="Vezina"><img border="0" src="./awards/awardpics/vezina.jpg"></a><br><B>VEZINA</B> </div>
</div>
</div>
</div>
</td>
</table>
and this
<?php
include("../config.php");
if(isset($_GET['id']))
{
$aid = (int)$_GET['id'];
$open = mysql_connect($hostname, $user, $password);
mysql_select_db("$db", $open);
$results = mysql_query("SELECT * FROM `awards` WHERE `trophyid` = " . $aid);
echo "<ul>\n";
$i = 0;
while($row = mysql_fetch_assoc($results))
{
$season = mysql_fetch_assoc(mysql_query("SELECT * FROM `seasons` WHERE `id` = '" . $row['seasonid'] . "'"));
if($row['type'] == 0)
{
$player = mysql_fetch_assoc(mysql_query("SELECT * FROM `players` WHERE `id` = '" . $row['playerid'] . "'"));
echo "<li><a href=\"/?opt=viewplayer&pid=" . $player['id'] . "\" target=\"_parent\">" . $player['fname'] . " " . $player['lname'] . "</a> (" . $season['name'] . ")</li>\n";
}
else
{
$team = mysql_fetch_assoc(mysql_query("SELECT * FROM `teams` WHERE `id` = '" . $row['teamid'] . "'"));
echo "<li><a href=\"/?opt=viewteam&id=" . $team['id'] . "\" target=\"_parent\">" . $team['name'] . "</a> (" . $season['name'] . ")</li>\n";
}
$i++;
}
echo "</ul>\n";
if($i == 0)
{
echo "No one won this award yet.\n";
}
}
any help on what i can change is appriciated
thanks
