Parker Software Ltd Homepage
Forum Home Forum Home > WhosOn Live Chat > FAQ's > Advanced FAQ's
  New Posts New Posts RSS Feed - jQuery - FancyBox Styled Chat Window
  FAQ FAQ  Forum Search   Events   Register Register  Login Login

jQuery - FancyBox Styled Chat Window

 Post Reply Post Reply
Author
Message
Daniel Horton View Drop Down
Admin Group
Admin Group
Avatar
Technical Support

Joined: 01 Jun 2009
Location: Stoke-on-Trent
Points: 351
Post Options Post Options   Thanks (0) Thanks(0)   Quote Daniel Horton Quote  Post ReplyReply Direct Link To This Post Topic: jQuery - FancyBox Styled Chat Window
    Posted: 09 Nov 2011 at 5:43pm
I have put together a sample of the WhosOn chat window inside and iFrame element that works using the FancyBox 1.3.4 code. Here are the samples of code I used via jQuery

External References to FancyBox elements:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script>!window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');</script>
<script type="text/javascript" src="http://yandex.st/jquery/fancybox/1.3.4/jquery.fancybox.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://yandex.st/jquery/fancybox/1.3.4/jquery.fancybox.css" media="screen" />

JavaScript for behaviour of the popup box:

<script type="text/javascript">
$(document).ready(function() {

$("#chatlink").fancybox({
'width' : '65%',
'height' : '60%',
'autoScale' : false,
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'type' : 'iframe'
});

});
</script>

Required Link:

<a id="chatlink" href="http://testdrive.whoson.com/chat/chatstart.aspx?domain=testdrive.whoson.com">Click to Chat (iframe)</a>

Here is a link to a version of the HTML that you can render and play with yourself - Link to Example



Edited by James Horton - 10 Nov 2011 at 11:09am
Best Regards,



Daniel James Horton

Technical Manager

Parker Software
Back to Top
 Post Reply Post Reply
  Share Topic   

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 11.05
Copyright ©2001-2016 Web Wiz Ltd.

This page was generated in 0.063 seconds.