我想创建一个带有lang属性的新元素.
我可以做一个单行班吗？如果不是最短的方法是什么？
<html>
<head>
<style>
#wrapper{
position: absolute;
top : 250px;
width: 500px;
height: 500px;
border: 1px solid red;
}
.tagging{
position: absolute;
border: 1px solid black;
width : 20px;
height: 30px;
}
</style>
<script>
window.onload = function(event){
var wrapper = document.getElementById("wrapper");
var wrapperOffsetTop = wrapper.offsetTop;
wrapper.onmousedown = function(event){
var div = document.createElement("div");
div.className = "tagging";
div.style.top = event.clientY - wrapperOffsetTop;
wrapper.appendChild(div);
}
}
</script>
</head>
<body>
<div id="wrapper">
</div>
</body>
</html>
这是我的代码.我希望做一个用户可以点击该区域的应用程序,它将附加一个带有鼠标光标位置的div框,但它似乎不起作用.为什么？？
我添加后,这对我来说非常适合 +"px"
但为什么在我的实际应用程序中它不起作用:
<html>
<head>
<style>
.tagging{
border: 1px …这个应该很简单:
我们来取字符串: str="1.99 or 4.89"
我想在金额前添加一个美元符号.
我试过了 :
str.replace(/(\d\.\d\d)/g,"$$1"));
它给了我:"1美元或1美元"......
所以我坚持做:
str.replace(/(\d\.\d\d)/g,"$ $1").replace(/\$ /g,'$')
它有效,但我确信有更好的方法!我试过逃避$符号和其他一些事情...期待你的答案:)
我正在使用 TYPO3 版本 8，我已经安装了带有打字稿的 indexed_search 表单框
50 = COA
50 {
stdWrap {
wrap = <div id="searchcontainer">|</div><div class="clearboth"></div>
required = 1
}
10 = TEXT
10 {
wrap = <form id="searchbox" name="searchbox" action="|" method="post">
typolink.parameter = {$searchPID}
typolink.returnLast = url
if.isTrue = {$config.tx_realurl_enable}
}
20 = TEXT
20 {
value = <form id="searchbox" name="searchbox" action="/" method="post">
if.isFalse = {$config.tx_realurl_enable}
}
30 = COA
30 {
10 = TEXT
10{
wrap = <input type="hidden" name="id" value="|" />
value = {$searchPID}
if.isFalse …在CSS中，我们可以使用以下代码行选择具有相同前缀的多个类，例如：'pre-1'，'pre-2'，...
[class^="pre-"]
Javascript 有什么方法可以让我在 Javascript 中得到相同的结果吗？谢谢你！
我想要实现的结果是 Javascript 代码。
为什么不能用"for..in"向空的Javscript对象添加一个新的'key-value'对,但是它适用于非空对象？
如果我写:
function test(obj) {
for (prop in obj) {
prop = 'a';
obj[prop] = 'b';
}
return obj;
}
var g = {};
console.log(test(g));
我明白了:
{}
如果我写:
function test(obj) {
for (prop in obj) {
prop = 'a';
obj[prop] = 'b';
}
return obj;
}
var g = {r : 'i' , w : 'o'};
console.log(test(g));
我明白了:
{ r: 'i', w: 'o', a: 'b' }
为什么？
所以我通过ajax将这个代码用于拖拽和drog文件上传到PHP,但显然我的web主机没有ajax.没有ajax我有什么方法可以做到的吗？具体来说,我指的是UploadFile函数,最后是进度条部分(这似乎不起作用......)
(function() {
// getElementById
function $id(id) {
return document.getElementById(id);
}
// output information
function Output(msg) {
var m = $id("messages");
m.innerHTML = msg + m.innerHTML;
}
// file drag hover
function FileDragHover(e) {
e.stopPropagation();
e.preventDefault();
e.target.className = (e.type == "dragover" ? "hover" : "");
}
// file selection
function FileSelectHandler(e) {
// cancel event and hover styling
FileDragHover(e);
// fetch FileList object
var files = e.target.files || e.dataTransfer.files;
// process all File objects
for (var i = 0, f; …我有一个网格,我正在使用JavaScript通过其id选择行的html.
var parentRow1 = document.getElementById('__' + parentrowid).innerHTML;
这将返回以下html:
<td class="rgExpandCol">
<img title="Expand" onclick="$find("")._toggleExpand(this, event); return false;"
src=" style="border-width:0px;"></td><td>TEST</td><td>my details</td><td>1</td><td>01/06/2011</td>
<td>198307</td>
<td> </td>
<td>
<span id="lblDCount">2</span>
</td>
<td>
<span id="lblUCount">1</span>
</td>
<td>
<input name="$btn" id="btn">
</td>
有没有办法获得这部分(数字计数不会是静态的),并获得数字值然后减去一个:
<span id="lblUCount">1</span>
所以最终结果将<span id="lblUCount">0</span>是2然后是1,依此类推
我使用jQuery上传图像文件,但每当我上传任何选定的图像.为此,我需要Priview在IE浏览器中显示Image.但Firefox和Chrome支持的下列功能集.
<Script>
function previewImages(input) {
$('#ImagePreview').html('');
var fileList = input.files;
var anyWindow = window.URL || window.webkitURL;
for (var i = 0; i < fileList.length; i++) {
var objectUrl = anyWindow.createObjectURL(fileList[i]);
$('#ImagePreview').append('<a href="#" class="remove"></a><img src="' + objectUrl + '" class="img-polaroid" style="height:70px;width:70px;">');
window.URL.revokeObjectURL(fileList[i]);
}
}
<h1>Upload Image</h1>
<div class="form_scpop" >
<form action="" method="get">
<input type ="file" onchange="previewImages(this);" multiple/>
<input name="" type="" id="image_alt" class="input_txt" />
<div id="ImagePreview" ></div>
<button class="btn btn-info" type="button" onclick="closeimgwindow()">Save</button>
</form>
</div>
我正在尝试使用以下模式验证字符串.以3位数字开头,后跟连字符后跟2位数字,以4位数字结尾.例如:123-45-6789我需要将模式作为字符串变量传递给RegExp对象(我从html元素属性中获取模式值),因此我使用双斜杠转义了RegExp.令我惊讶的是,我看到了奇怪的结果.
var pattern = "^\\d{3}-\\d{2}-\\d{4}$";
var inputRegex = new RegExp(pattern, "g");
console.log(inputRegex.test('132-45-7899')); //True
console.log(inputRegex.test('132-45-7899')); //False
console.log(inputRegex.test('132-45-7899')); //True
console.log(inputRegex.test('132-45-7899')); //False
我在这做错了什么？这种结果不一致的原因是什么？
编辑:现在我理解为什么结果不一致,但我的实际问题仍然没有解决.HTML elem如下所示
情景1:
<input data-val-regexp="^\\d{3}-\\d{2}-\\d{4}$" id="ticketNumber">
var regexPattern = input.attr("data-val-regexp");
var inputRegex = new RegExp(regexPattern);
return inputRegex.test('123-45-6789'); // False
当我检查时,inputRegex.source是"^ \\ d {3} - \\ d {2} - \\ d {4} $"
场景2:如果我使用字符串文字分配regexPattern一切正常.
var pattern = "^\\d{3}-\\d{2}-\\d{4}$";
var inputRegex = new RegExp(pattern);
console.log(inputRegex.test('132-45-7899')); //True
在上面的例子中,inputRegex源值是"^\d {3} - \d {2} - \d {4} $"
为什么反斜杠在第二个场景中被转义,而在第一个场景中没有？为了使场景1有效,需要做些什么？