This topic is locked
[SOLVED]

 edit page pop up or lightbox on view page

4/5/2012 12:56:53 PM
PHPRunner General questions
author

When I'm on the view page I would like to hit a button and get the edit page to come up in a lightbox type looking way. seems like that's the look everything is going to. any ideas on how to do this?
found this fancybox but I'm not sure where to put it.. any help???

//iframe edit page

$rs = CustomQuery("SELECT folder FROM projects WHERE ID=".$_REQUEST['editid1']." LIMIT 1");

$record = db_fetch_array($rs);

$param = base64_encode($record['folder']);

$editpage_frame = "<iframe src='Download_view.php?folder=".$param."' height='800' width='800'>

<p>Your browser does not support iframes</p>

</iframe>";

$xt->assign("editpage_frame",$dirlist_frame);
</script>

<script type="text/javascript" src="./fancybox/jquery.easing-1.3.pack.js"></script>

<link rel="stylesheet" href="./fancybox/jquery.fancybox-1.3.0.css" type="text/css">

<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.0.pack.js"></script>

<script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.2.pack.js"></script>

<script type="text/javascript">

$(document).ready(function()

{

$("#NavigationBar2 .navbar a").hover(function()

{

$(this).children("span").stop().fadeTo(500, 0);

}, function()

{

$(this).children("span").stop().fadeTo(500, 1);

})

$('#InlineFrame1').click(function()

{

$.fancybox(

{

'padding' : 0,

'autoScale' : false,

'transitionIn' : 'none',

'transitionOut' : 'none',

'title' : this.title,

'width' : 550,

'height' : 550,

'href' : this.href,

'type' : 'iframe',

});

return false;

});

});

</script>