mirror of
https://github.com/coderaiser/cloudcmd.git
synced 2026-01-23 18:55:26 +00:00
78 lines
2 KiB
HTML
78 lines
2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
html, body {
|
|
background-color: #333;
|
|
color: white;
|
|
font-family: monospace;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
/* The console container element */
|
|
#console {
|
|
height: 400px;
|
|
width: 750px;
|
|
position:relative;
|
|
background-color: black;
|
|
border: 2px solid #CCC;
|
|
margin: 0 auto;
|
|
margin-top: 50px;
|
|
}
|
|
/* The inner console element. */
|
|
.jqconsole {
|
|
padding: 10px;
|
|
}
|
|
/* The cursor. */
|
|
.jqconsole-cursor {
|
|
background-color: gray;
|
|
}
|
|
/* The cursor color when the console looses focus. */
|
|
.jqconsole-blurred .jqconsole-cursor {
|
|
background-color: #666;
|
|
}
|
|
/* The current prompt text color */
|
|
.jqconsole-prompt {
|
|
color: #0d0;
|
|
}
|
|
/* The command history */
|
|
.jqconsole-old-prompt {
|
|
color: #0b0;
|
|
font-weight: normal;
|
|
}
|
|
/* The text color when in input mode. */
|
|
.jqconsole-input {
|
|
color: #dd0;
|
|
}
|
|
/* Previously entered input. */
|
|
.jqconsole-old-input {
|
|
color: #bb0;
|
|
font-weight: normal;
|
|
}
|
|
/* The text color of the output. */
|
|
.jqconsole-output {
|
|
color: white;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="console"></div>
|
|
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../lib/jqconsole.js" type="text/javascript" charset="utf-8"></script>
|
|
<script>
|
|
$(function () {
|
|
var jqconsole = $('#console').jqconsole('Hi\n', '>>> ');
|
|
var startPrompt = function () {
|
|
// Start the prompt with history enabled.
|
|
jqconsole.Prompt(true, function (input) {
|
|
// Output input with the class jqconsole-output.
|
|
jqconsole.Write(input + '\n', 'jqconsole-output');
|
|
// Restart the prompt.
|
|
startPrompt();
|
|
});
|
|
};
|
|
startPrompt();
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|