corrade-http-templates
/groupChat/groupChat.html |
@@ -40,14 +40,24 @@ |
</div> |
|
<!-- Include jQuery --> |
<script src="bower_components//jquery/dist/jquery.min.js"></script> |
<script src="bower_components/jquery/dist/jquery.min.js"></script> |
<!-- Include Bootstrap Validator --> |
<script src="bower_components/bootstrap-validator/js/validator.js"></script> |
<!-- Include Velocity --> |
<script src="bower_components/velocity/velocity.min.js"></script> |
<script> |
$(document).ready(function () { |
function sendGroupMessage() { |
// Hide the controls. |
$("#controls").animate({ opacity: 'hide' }, 'slow'); |
$("#controls").animate( |
{ |
opacity: 0 |
}, |
{ |
duration: 1000, |
easing: "linear" |
} |
); |
// Make the POST request to the PHP script and pass the values of the fields. |
$.ajax({ |
type: 'post', |
@@ -62,7 +72,15 @@ |
alert(data); |
// When the data returns, clear the message box and show the controls. |
$('#message').val(""); |
$("#controls").animate({ opacity: 'show' }, 'slow'); |
$("#controls").animate( |
{ |
opacity: 1 |
}, |
{ |
duration: 1000, |
easing: "linear" |
} |
); |
}); |
} |
// Polls the chatlog every second for changes. |