如何在连续文本区域打印结果
How can I print result in consecutive textarea?
我又来问同样的问题了。
现在我的老问题解决了。我有两个文件index.html和code.js1) index.html
<html>
<head>
<title> perl </title>
<link rel="stylesheet" href="http://code.guru99.com/css/1140.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://code.guru99.com/css/styles.css" type="text/css" media="screen" />
<script src="http://code.guru99.com/php/lib/codemirror.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">></script>
<link rel="stylesheet" href="http://code.guru99.com/Sanjay/lib/codemirror.css" type="text/css" media="screen" />
<script src="code.js"></script>
<script type="text/javascript" src="http://code.guru99.com/perl/perl.js"></script>
<style>
.CodeMirror {
border: 1px solid #eee;
height: auto;
width : 600px;
}
.CodeMirror-scroll {
height: auto;
overflow-y: hidden;
overflow-x: auto;
}
</style>
</head>
<body>
Integer : whole numbers e.g. -3, 0, 69. The maximum value of an integer is platform-dependent. On a 32 bit machine, its usually around 2 billion. 64 bit machines usually have larger values. The constant PHP_INT_MAX is used to determine the maximum value.
<pre class="codeguru">say 'hi';</pre>
Let us now look at how PHP determines the data type depending on the attributes of the supplied data.
<pre class="codeguru">say 'hello';</pre>
Floating point numbers
<pre class="codeguru">say 'you r amazing';</pre>
Character strings
<pre class="codeguru">say 'i am fine';</pre>
</div>
<form class="hidden code-box" method="GET" name="sample">
<div dir="ltr"><textarea class="php" name="codeguru"></textarea></div>
<input type="button" value="Run" />
</br></br>
Output:</br></br>
<textarea id="print-result" disabled="true" cols="77"></textarea></br>
</form></div>
</body>
</html>
和code.js包含以下代码
$(document).ready(function()
{
$('pre.codeguru').each(function()
{
var pre = this;
var form = $('form[name=sample]').clone();
$(form).removeAttr('name');
$(form).removeClass('hidden');
$($(form).find('textarea')[0]).val($(pre).text());
var id = $(pre).attr('id');
$(form).find('div textarea[name=code]').first().attr('id', id);
$(pre).replaceWith(form);
});
var n = 0;
$('input[type=button]').each(function () {
$(this).click(function (x) {
return function () {
execute(x);
};
}(n++))
}
);
window.editors = [];
$('textarea[name=codeguru]').each(function()
{
window.editor = CodeMirror.fromTextArea(this,
{
lineNumbers: true,
matchBrackets: true,
mode: "application/x-httpd-perl",
tabMode: "shift"
});
editors.push(editor);
});
});
function execute(idx) {
p5pkg.CORE.print = function(List__) {
var i;
for (i = 0; i < List__.length; i++) {
document.getElementById('print-result').value+=p5str(List__[i])
}
return true;
};
p5pkg["main"]["v_^O"] = "browser";
p5pkg["main"]["Hash_INC"]["Perlito5/strict.pm"] = "Perlito5/strict.pm";
p5pkg["main"]["Hash_INC"]["Perlito5/warnings.pm"] = "Perlito5/warnings.pm";
var source = editors[idx].getValue();
alert(source);
var pos = 0;
var ast;
var match;
document.getElementById('print-result').value = "";
try {
var start = new Date().getTime();
var js_source = p5pkg["Perlito5"].compile_p5_to_js([source]);
var end = new Date().getTime();
var time = end - start;
// run
start = new Date().getTime();
eval(js_source);
end = new Date().getTime();
time = end - start;
}
catch(err) {
//document.getElementById('log-result').value += "Error:'n";
}
}
当我运行这个代码时,它的工作原理很好,也给了我输出。但我的问题是输出只打印在一个文本区域中。我想在连续的文本区域中打印输出。
code.js中的这段代码打印输出。
p5pkg.CORE.print = function(List__) {
var i;
for (i = 0; i < List__.length; i++) {
document.getElementById('print-result').value += p5str(List__[i])
}
}
所以我要做的是在连续的文本区域打印我的输出。请帮帮我。
对页面中的不同元素使用相同的id可能会产生问题。。把文本区域做成这样。。
<textarea id="print-result" class='print-result' disabled="true" cols="77></textarea>
code.js中打印输出的修改代码是
p5pkg.CORE.print = function(List__) {
var i,concat='';
for (i = 0; i < List__.length; i++) {
concat=$(".print-result").eq(idx).val();
$(".print-result").eq(idx).val(concat+p5str(List__[i]));
}
return true;
}
将name attribute
添加到类似的textarea
<textarea id="print-result" disabled="true" name="code" cols="77"></textarea>
代替
<textarea id="print-result" disabled="true" cols="77"></textarea>
更新
在您的代码中,我看不到具有name="code"
的textarea
,您正在使用它。是codeguru
吗?
相关文章:
- ng中继器打印结果0;当我运行函数时
- 类似于使用ajax发布/打印结果
- 如何在文本字段中输入数字时立即打印结果
- 当将页面提交到谷歌表单时,它将打印结果,然后使用 javascript 重定向到主页
- 如果操作结果已完成,如何打印结果
- 如何遍历本地存储并在单元格中打印结果
- 将5个函数的总值相加,在屏幕上打印结果
- 从输入中除数并打印结果
- Angular UI提前打印结果未显示在下拉列表中
- 你将如何打印结果;计算机获胜”;或“;用户获胜”;
- 如何在连续文本区域打印结果
- 通过AJAX发送数据并打印结果
- document.body.innerHTML嵌入SharePoint清除页面,如何打印结果和停止脚本
- 如何在单击搜索按钮并在同一页面上打印结果后同时保留搜索查询框和字母搜索
- 用javascript将文本框保存为cookie并打印结果
- 为什么下面的javascript代码打印结果三次?
- 从提交和打印结果同时更新与url扩展
- 如何使用JavaScript并在Kendo UI模板中打印结果
- 删除WWW的表单.并在输入时打印结果
- 我怎么能调用SELECT语句和打印结果在我的网页上每5分钟