Log in

View Full Version : Making Multiple scripts work together



illusive817
04-21-2010, 12:05 AM
My Entire Site Works around overlays
i would like to figure out a way to pickup the href and use it in a iframe
that way it is an interactive window
without a working script , i would have to have several overlays in order to use the iframe

i need something , that can take hyperlink from php code and directly insert it into the iframe overlays script

right now i have to set the href into each iframe , soo it will call a specific page , when iframe1-3 is called on

is there a way for these scripts to work together

1st the recent post script , where it pulls the items i need to display

<?php
$posts = ssi_recentTopics($num_recent = 10, $exclude_boards = null, $output_method = 'array');


foreach($posts as $post)
{
echo '
<span style="font-size: 9pt; color: green;"><a href="', $post['href'], '" rel="#overlay" style="color: #ff0000;" title="', $post['preview'], '">', $post['subject'], '</a></span>
<hr>
<span style="font-size: 6pt; color: white;">', $post['time'], ' By:','<a href="', $post['poster']['href'], '" rel="#overlay" style="color: #6cf100;">', $post['poster']['name'],'</a></span><br />
<br /><br />';
}
?>

2ndly using this Overlay Script for Iframes , how would i pull
'<a href="', $post['poster']['href'], '" rel="#overlay" style="color: #6cf100;">
out and incorporate it into this script



<!--Iframe Script-->

$(function() {

// if the function argument is given to overlay,
// it is assumed to be the onBeforeLoad event listener
$("a[rel]").overlay({
top: '0',
expose: 'black',
effect: 'apple',

onBeforeLoad: function() {

// grab wrapper element inside content
var wrap = this.getContent().find(".contentWrap");

// load the page specified in the trigger
wrap.load(this.getTrigger().attr("href"));
}

});
});

i need it to accept whatever link is being pased along soo lastly my overlays , dont have to be hardcoded Links like this one


<div class="apple_overlay black" id="frame1">
<iframe src ="forums/index.php" width="100%" height="740px" frameborder="0"></iframe>
</div>

in conclusion , whatever the Recent Post Script is displaying, i cant click on the link , it will pull it up through my overlays in an Iframe
i currently have it working in just the overlay , but the overlay itself doesnt have the full functionality an iframe gives , such as clicking alink and staying in the iframe

Thank you and sorry for the length , i just dont know how else to explain it