Ok, check this out:
<!-- m --><a class="postlink" href="http://www.forum.redfoxy.it/viewtopic.php?t=926">http://www.forum.redfoxy.it/viewtopic.php?t=926</a><!-- m -->
I want to be able to create a link on my site that does that...but I want it to show another page...
Get what I'm saying?
I want the user to click on a link on my site, the box thing pops up and displays an external page (possibly with an include).
Any ideas?
Thanks for your time,
WillI don't see the effect that I think you're describing, but off the top of my head, I'd say an absolutely-positioned div with display:none set that contains an empty iframe.
When the popup link gets clicked, use javascript to set the target of the iframe to a page of your choice and then change your div to display:block.
It would be really cool if you could set the popup address within the href of the actual link you click. This way the javascript will latch onto it onbody and change that link to '#' for you, but in the event that a user has javascript disabled, they'll simply see your popup as the next page.<!-- m --><a class="postlink" href="http://www.forum.redfoxy.it/_RedFoxy/Foxy_in_a_box_v100.png">http://www.forum.redfoxy.it/_RedFoxy/Fo ... x_v100.png</a><!-- m -->
There ya go.
I'm still confused by all this
.
I have looked through all the files included with that thing...and can't seem to find how to just create a link that will produce these results...
Anyone :-$?
ThanksAnyone figure this one out?
I'm still trying to reproduce this.
I've setup the stuff in the CSS I believe...but...yeah.
Should I just do a <a href=http://www.webdeveloper.com/forum/archive/index.php/"" target="_blank">and then on the new page run the style sheet?
Very confused :'(Hey, I gave you some code for this on MSN, but when I tested it it didn't quite work out. I've wrote a script that will toggle the box on/off.
HOWEVER, IE seems to have a problem with it still. I'm not skilled in JavaScript, so if anyone can fix it in IE, please do!<script type="text/javascript">
function toggleBox() {
box = new Object(document.getElementById('box'));
switch(box.style.display) {
case "block": box.style.display = 'none'; break;
default: box.style.display = 'block';
}
return false;
}
</script>
<style type="text/css">
div#box {
position: fixed;
top: 50%;
left: 50%;
width: 200px;
height: 100px;
margin: -50px 0 0 -100px;
display: none;
border: 1px solid #000;
background: #ccc;
text-align: center;
line-height: 100px;
}
</style>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#" onclick="toggleBox()">Toggle that box!</a>
<div id="box">Your message here</div>I'm currently working with this hack for my message board. I was wondering if anyone has any idea how I could make this CSS frame hover so that when the page scrolls the frame will scroll with it? Thanks.My above example will do just that. Although, IE doesn't support fixed positioning, so you'll have to incorporate this hack (<!-- m --><a class="postlink" href="http://devnull.tagsoup.com/fixed/">http://devnull.tagsoup.com/fixed/</a><!-- m -->) into the styles of the "pop-up" box.
<!-- m --><a class="postlink" href="http://www.forum.redfoxy.it/viewtopic.php?t=926">http://www.forum.redfoxy.it/viewtopic.php?t=926</a><!-- m -->
I want to be able to create a link on my site that does that...but I want it to show another page...
Get what I'm saying?
I want the user to click on a link on my site, the box thing pops up and displays an external page (possibly with an include).
Any ideas?
Thanks for your time,
WillI don't see the effect that I think you're describing, but off the top of my head, I'd say an absolutely-positioned div with display:none set that contains an empty iframe.
When the popup link gets clicked, use javascript to set the target of the iframe to a page of your choice and then change your div to display:block.
It would be really cool if you could set the popup address within the href of the actual link you click. This way the javascript will latch onto it onbody and change that link to '#' for you, but in the event that a user has javascript disabled, they'll simply see your popup as the next page.<!-- m --><a class="postlink" href="http://www.forum.redfoxy.it/_RedFoxy/Foxy_in_a_box_v100.png">http://www.forum.redfoxy.it/_RedFoxy/Fo ... x_v100.png</a><!-- m -->
There ya go.
I'm still confused by all this
.I have looked through all the files included with that thing...and can't seem to find how to just create a link that will produce these results...
Anyone :-$?
Thanks
Anyone figure this one out?I'm still trying to reproduce this
.I've setup the stuff in the CSS I believe...but...yeah.
Should I just do a <a href=http://www.webdeveloper.com/forum/archive/index.php/"" target="_blank">and then on the new page run the style sheet?
Very confused :'(Hey, I gave you some code for this on MSN, but when I tested it it didn't quite work out. I've wrote a script that will toggle the box on/off.
HOWEVER, IE seems to have a problem with it still. I'm not skilled in JavaScript, so if anyone can fix it in IE, please do!<script type="text/javascript">
function toggleBox() {
box = new Object(document.getElementById('box'));
switch(box.style.display) {
case "block": box.style.display = 'none'; break;
default: box.style.display = 'block';
}
return false;
}
</script>
<style type="text/css">
div#box {
position: fixed;
top: 50%;
left: 50%;
width: 200px;
height: 100px;
margin: -50px 0 0 -100px;
display: none;
border: 1px solid #000;
background: #ccc;
text-align: center;
line-height: 100px;
}
</style>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#" onclick="toggleBox()">Toggle that box!</a>
<div id="box">Your message here</div>I'm currently working with this hack for my message board. I was wondering if anyone has any idea how I could make this CSS frame hover so that when the page scrolls the frame will scroll with it? Thanks.My above example will do just that. Although, IE doesn't support fixed positioning, so you'll have to incorporate this hack (<!-- m --><a class="postlink" href="http://devnull.tagsoup.com/fixed/">http://devnull.tagsoup.com/fixed/</a><!-- m -->) into the styles of the "pop-up" box.