<?php header("Expires: Tue, 01 Jan 2000 00:00:00 GMT"); header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT"); header("Cache-Control: no-store, no-cache, must-revalidate, max-age=0"); header("Cache-Control: post-check=0, pre-check=0", false); header("Pragma: no-cache"); clearstatcache(); ?> <style> .msg_body { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fff5e5), color-stop(1, #fff5e5)); background:-moz-linear-gradient(top, #ffa61c 5%, #fff5e5 100%); background:-webkit-linear-gradient(top, #ffa61c 5%, #fff5e5 100%); background:-o-linear-gradient(top, #ffa61c 5%, #fff5e5 100%); background:-ms-linear-gradient(top, #ffa61c 5%, #fff5e5 100%); background:linear-gradient(to bottom, #ffa61c 5%, #fff5e5 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa61c', endColorstr='#fff5e5',GradientType=0); background-color:#00331a; color:white; width:100%; height: window.innerHeight; } .msg_body1{ border-bottom:1px solid #ffffff; } .chat_box{ width:200px; height:400px; background-color:#e9e9e9; } .myButton { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffa61c), color-stop(1, #ffa61c)); background:-moz-linear-gradient(top, #ffa61c 5%, #ffa61c 100%); background:-webkit-linear-gradient(top, #ffa61c 5%, #ffa61c 100%); background:-o-linear-gradient(top, #ffa61c 5%, #ffa61c 100%); background:-ms-linear-gradient(top, #ffa61c 5%, #ffa61c 100%); background:linear-gradient(to bottom, #ffa61c 5%, #ffa61c 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa61c', endColorstr='#ffa61c',GradientType=0); background-color:#f9f9f9; border:1px solid #dcdcdc; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:12px; font-weight:bold; padding:6px 15px; text-decoration:none; text-shadow:0px 1px 0px #ffffff; width:100%; opacity:0.6; } .myButton_submit { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffa61c), color-stop(1, #ffa61c)); background:-moz-linear-gradient(top, #ffa61c 5%, #ffa61c 100%); background:-webkit-linear-gradient(top, #ffa61c 5%, #ffa61c 100%); background:-o-linear-gradient(top, #ffa61c 5%, #ffa61c 100%); background:-ms-linear-gradient(top, #ffa61c 5%, #ffa61c 100%); background:linear-gradient(to bottom, #ffa61c 5%, #ffa61c 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#ffa61c',GradientType=0); background-color:#f9f9f9; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #dcdcdc; display:inline-block; cursor:pointer; color:#e9e9e9; font-family:Arial; font-size:14px; font-weight:bold; padding:7px 9px; text-decoration:none; text-shadow:0px 1px 0px #ffffff; width:200px; } .myButton_submit:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9)); background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%); background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%); background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%); background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%); background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0); background-color:#e9e9e9; } .myButton_submit:active { position:relative; top:1px; } .footer_class{ position:fixed; margin-bottom:0px; } .logo_part{ font-family:Arial; font-size:16px; font-weight:bold; padding:4px 9px; text-decoration:none; text-shadow:1px 1px #0066cc; color:#666666; } .shadow1{ box-shadow: 2px 2px 2px 2px #888888; text-shadow:0px 1px 0px #ffffff; cursor:pointer; color:#666666; font-family:Arial; font-size:14px; font-weight:bold; } .shadow1:hover { box-shadow: 10px 10px 10px 10px #888888; color:#1a1a1a; font-size:14px; } .shadow3{ box-shadow: 1px 1px 1px 1px #888888; text-shadow:0px 1px 0px #ffffff; cursor:pointer; color:#666666; font-family:Arial; font-size:14px; font-weight:bold; } .shadow3:hover { box-shadow: 5px 5px 5px 5px #888888; color:#1a1a1a; font-size:14px; } .msg_count{ padding-right:8px; padding-left:5px; background-color: #d9e6f2; width:25px; height:20px; border-radius:15px; text-align:center; } </style> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <?php include('top.php'); ?> </td> </tr> <tr> <td width="100%" height="450px"> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin-top:10px;"> <tr> <td colspan="2" width="100%"><table width="100%" border="0"> <tr> <td width='20%' rowspan='2' valign='top' align="right" height="20px" style="padding-left:0%;"><img src="images/RailTech.JPG" height="90" width="150" ></td> <td width='20%' ></td> <td width='20%' ></td> <td width='20%' ></td> <td width='20%' valign='center' align="left" class="shadow1" height="40px" width="20%" onclick="window.open('my_dashboard.php','','width=700, height=400,left=200, scrollbars=3, resizable=yes,top=100');" ><img src="images/mydashboard.png" height='30' width='30'> My Dashboard</td> </tr> <?php $sql_appTitle = "select centre_desc from app_title"; $res_appTitle = @mysqli_query($conn,$sql_appTitle); $row_appTitle = @mysqli_fetch_array($res_appTitle); ?> <tr> <td colspan='3' align="center" height="40px" class="logo_part"><marquee scrolldelay="1" behavior=alternate><?php echo $row_appTitle['centre_desc']?></marquee><br></span></font></td> <td valign='center' align="left" class="shadow1" height="40px" width="20%" onclick="window.open('front_page.php','','width=700, height=400,left=200, scrollbars=3, resizable=yes,top=100');"><img src="images/eventcalender.png" height='30' width='30'> Event Calender</td> </tr> <tr> <td rowspan='2' valign='top' align="right" height="20px" style="padding-left:0%;"><img src="images/RailFabLogo.jpg" height="90" width="150" ></td> <td valign='top' colspan='3' rowspan='7' align="center" height="350px" style="padding-left:0%;"><img src="images/a.png" ></td> <td valign='center' align="left" class="shadow1" height="40px" width="20%" onclick="window.open('latest_news.php','','width=700, height=400,left=200, scrollbars=3, resizable=yes,top=100');"><img src="images/news.png" height='30' width='30'> RailTech News</td> </tr> <tr> <td valign='center' align="left" class="shadow1" height="40px" width="20%" onclick="window.open('software_update.php','','width=700, height=400,left=200, scrollbars=3, resizable=yes,top=100');"><img src="images/softwareupdate.png" height='30' width='30'> TMS Updates</td> </tr> <tr> <td rowspan='2' valign='top' align="right" height="20px" style="padding-left:0%;"><img src="images/TechFabLogo.jpg" height="90" width="150" ></td> <td valign='center' align="left" class="shadow1" height="40px" width="20%" onclick="window.open('directory.php','','width=700, height=400,left=200, scrollbars=3, resizable=yes,top=100');"><img src="images/directory.jpeg" height='30' width='30'> RailTech Directory</td> </tr> <tr> <td valign='center' align="left" class="shadow1" height="40px" width="20%" onclick="window.open('support.php','','width=500, height=400,left=200, scrollbars=3, resizable=yes,top=100');"><img src="images/support.jpeg" height='30' width='30'> RailTech Support</td> </tr> <tr> <td rowspan='2' valign='top' align="right" height="20px" style="padding-left:0%;"><img src="images/yg.jpg" height="90" width="150" ></td> <td valign='center' align="left" class="shadow1" height="40px" width="20%" id ="broad_chat" onclick="window.open('chat.php','','width=500, height=400,left=200, scrollbars=3, resizable=yes,top=100');"><img src="images/broadcast.png" height='30' width='30'> Broadcast Message<span class="msg_count"><font color="#336699"> <?php echo msg_count();?></font></span></td> </tr> <tr> <td valign='center' align="left" class="shadow1" height="40px" width="20%" id="pearChat"><div id="pearChatbox"><img src="images/chat.png" height='30' width='30'> RailTech Chat<span class="msg_count"><font color="#336699"> <?php echo msg_pear_count();?></font></span></div><input type="text" id="search_box" name="searchbox" placeholder="Search by User Name" class="textbox1" style="width:80%; height:30px;" onkeyup="searchUser(this.value);"></td> </tr> <tr> <td height="auto" valign="top" align="right"><div id="chatBox" style="overflow:scroll; width:130px; height:300px; "></div></td> </tr> </table> </td> </tr> <tr> </tr> </table> </td> </tr> <tr> <td class="footer_class" width="100%"> <?php include('footer.php'); ?> </td> </tr> </table> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#pearChatbox").show(); $("#search_box").hide(); $("#chatBox").hide(); $("#pearChat").hover(function(){ $("#pearChatbox").hide(300); $("#search_box").show(300); }); $("#pearChat").mouseleave(function(){ $("#pearChatbox").show(300); $("#search_box").hide(300); }); }); function searchUser(val){ $("#chatBox").show(500); if(val==''){ $("#chatBox").hide(1000); } else{ function stateChangedState() { if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") { document.getElementById('chatBox').innerHTML=xmlHttp.responseText; } } Params='request_type=searchUser&val='+val; SendAjaxRequest('ajax.php','POST',true,Params,stateChangedState); } } </script>