onthespot Posted August 19, 2009 Share Posted August 19, 2009 I found this script, and have tried to install it. I cannot for the life of me get the shoutbox to display. Congratulations! Hello and congratulations on your installation of YShout. This page is here to inform you of a hopefully successful installation. If you'd like to see if YShout has installed properly, mosey on over to the example YShout — if it's there, then everything has worked! If the example does not appear, try chmodding everything inside the YShout directory to 777. This step is not required on all servers, but there are some for which it is imperative in order for YShout to be able to function. Integration To include YShout within your webpage, follow these instructions. First, add the following code to your <head> of a page you wish YShout to appear on. (make sure the paths are correct): <script src="yshout/js/jquery.js" type="text/javascript"></script> <script src="yshout/js/yshout.js" type="text/javascript"></script> <link rel="stylesheet" href="yshout/example/css/light.yshout.css" /> <script type="text/javascript"> new YShout(); </script> YShout can take a few arguments in its constructor, as shown below: <script type="text/javascript"> new YShout({ yPath: 'http://127.0.0.1/YShout%205%20+%20Ajax/', log: 1 }); <script type="text/javascript"> * yPath: When using YShout on your own page, set this to the complete URL to YShout — in this case, http://127.0.0.1/YShout%205%20+%20Ajax/. This is the only necessary argument, the rest are fully optional. * log: If you want the same shoutbox to appear on all pages you include YShout on, you don't even need to include log in the constructor. If you do want different conversations on different pages, however, set log to a different number on each page. By default, you can only have 5 different chat logs, but this can be changed from the control panel. * yLink: Set this to the id of an <a> element. That link, when clicked, will open YShout in a translucent overlay — example. Lastly, add the following code where you want YShout to be displayed: <div id="yshout"></div> And that's it — you're all set, enjoy! Customization If you're not satisfied with the way YShout set up and would like to twiddle with some preferences, there is a control panel set up for that express purpose — the default password is fortytwo. You can configure many options from the control panel, as well as manage bans. If you'd like to peruse through the previous messages, YShout 5 also includes a new and improved history viewer. In order to ban people and delete messages from the history, log into the control panel; once you're logged in, you will see little hover controls next to the messages, allowing you to manage the messages. As for custom stylesheets, YShout comes with the example style, as well as two simpler ones: light and dark. These two are located in the example/css folder, and you can either use them directly, or modify them to your liking. View the light or the dark style. That is what the instructions are, but I just cannot get it to work. Has anyone else had experience with this? Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.