QuestionAsk Questions?
Ran
Chatbox creation problem
0 Answer(s) a year and 6 months ago
Posted in : Design concepts & design patterns
0 Answer(s) a year and 6 months ago
Posted in : Design concepts & design patterns
i have one chat box in my web site and i assigned fixed position to that div.that is workin in mozill but it is not working in ie . thank you`print
("<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Velaro Live Help</title>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.5.js'></script>
<script src="js/chat.js" type="text/javascript"></script>
<script src="js/jquery-1.3.2.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" media="all" href="css/chat.css" />
<style type="text/css">
.divPage
{
width: 300px;
height: 200px;
}
</style>
<style type='text/css'>
#chat-box
{
position: fixed;
bottom: -100px;
background: #ccc;
}
</style>
<script type='text/javascript'>
$(document).ready(function() {
$('#chat-box').animate({ bottom: '50' });
});
</script>
<!--<script type="text/javascript">
$(document).ready(function() {
$('#chatbox').load('Default.aspx');
});
</script>-->
<style type="text/css">
div.chat1
{
position: fixed;
bottom: 1px;
right: 50px;
width: 230px;
height: 250px;
border: 1px solid black;
scrolling: auto;
}
div.chat2
{
position: fixed;
bottom: 1px;
right: 50px;
width: 230px;
height: 250px;
border: 1px solid black;
scrolling: auto;
}
body
{
background: url(foo) fixed;
}
</style>
<script language="JavaScript">
function showhide(id, visibility) {
document.getElementById(id).style.display = visibility;
}
</script>
</head>
<body>
<a href='#' onclick="showhide('LoadPage1', 'inline');">a div using javascript.</a>
<a href='#' onclick="showhide('LoadPage2', 'inline');">a div using javascript.</a>
<div id="LoadPage1" class="divPage" style="display: none;">
<div class="chat1" id="chat1">
<div class="chatboxhead">
<div class="chatboxtitle">
chatboxtitle</div>
<div class="chatboxoptions">
<a href="javascript:void(0)" onclick="javascript:toggleChatBoxGrowth(\''+chatboxtitle+'\')">
-</a> <a href="javascript:void(0)" onclick="showhide('LoadPage1', 'none');">X</a></div>
<br clear="all" />
</div>
<!--<div class="chatboxcontent">
</div>-->
<div class="chatboxinput">
<textarea class="chatboxtextarea" onkeydown="javascript:return checkChatBoxInputKey(event,this,\''+chatboxtitle+'\');"></textarea>
</div>
</div>
</div>
<div id="LoadPage2" class="divPage" style="display: none;">
<div class="chat1" id="chat2">
<div class="chatboxhead">
<div class="chatboxtitle">
chatboxtitle</div>
<div class="chatboxoptions">
<a href="javascript:void(0)" onclick="javascript:toggleChatBoxGrowth(\''+chatboxtitle+'\')">
-</a> <a href="javascript:void(0)" onclick="showhide('LoadPage2', 'none');">X</a></div>
<br clear="all" />
</div>
<!--<div class="chatboxcontent">
</div>-->
<div class="chatboxinput">
<textarea class="chatboxtextarea" onkeydown="javascript:return checkChatBoxInputKey(event,this,\''+chatboxtitle+'\');"></textarea>
</div>
</div>
</div>
<table height="1000px" width="100%">
<tr>
<td>
</td>
</tr>
</table>
</body>
</html>");`
View Answers
Related Pages:
If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.
Ask your questions, our development team will try to give answers to your questions.
Tutorial Topics
