我已经创建了一个突出显示div中匹配单词的函数.但是如果有两个相同的单词被不同的单词分隔,那么只有第一个单词是高亮的.因此,例如,如果搜索标准是单词"burn",并且在文本中是"烧伤婴儿烧伤"这个句子,我希望它突出显示"烧伤".这个jsFiddle演示了它如何只突出第一个"刻录".这是下面的代码.任何帮助非常感谢.谢谢阅读.
CSS
.highlight{
font-weight:bold;
color:green;
}
HTML
<input id = "search" type ="text" value = "burn">
<div class = "searchable">burn baby burn</div>
JavaScript的
if($('#search').val().length !== 0){
$('.searchable').each(function(){
$(this).html($(this).html().replace($('#search').val(),"<span class = 'highlight'>"+$('#search').val()+"</span>"));
});
}
我有一个ul列表项目,当它们悬停或聚焦时会突出显示.然而,如果有一个悬停而另一个被聚焦,那么我只希望悬停li改变样式和聚焦元素样式返回默认值.这可能吗？这是一个演示.谢谢.
CSS
li:hover,li:focus{
background-color:yellow;
cursor:pointer;
}
HTML
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
JS
$('li').attr('tabindex','0').focus();
我如何可以选择所有从表中,如果有列的相同值name,然后只选择具有最大的行id值,所以如果有这样的一个表:
id name age country
---+------+---+-------
1 bob 24 UK
2 john 48 USA
3 janet 72 USSR
4 bob 96 Ukraine
它只会选择id最高的'bob',结果会返回:
id name age country
---+------+---+-------
2 john 48 USA
3 janet 72 USSR
4 bob 96 Ukraine
谢谢.
当我尝试$name_array在NOT IN子句中选择使用我的变量时,我得到一个数组到字符串转换警告.我已经尝试了大量不同的引用组合,但我得到语法错误或数组到字符串转换警告.任何人都可以看到我在这里做错了什么.谢谢.
$db->query("SELECT contactname
FROM contacts
WHERE contactname
NOT IN (' . implode(",", $name_array) . ')
");
考虑到x滚动条,我需要获得窗口内部窗口的高度.但window.innerHeight无论x-scroll条形是否可见,它似乎都返回相同的高度.
是否有另一种获得窗口高度的方法,包括x-scroll栏.
此jsFiddle演示了添加或删除滚动条时该值不会更改.应该有一个差异,它等于滚动条的高度.我也将下面的代码放在下面.谢谢.
JavaScript的:
$('#innerHeight').html(window.innerHeight);
$('input').click(function () {
if ($('#bar').is(':visible')) {
$('#bar').hide();
$(this).val('show x-scroll bar');
$('#innerHeight').html(inner.innerHeight);
} else {
$('#bar').show();
$(this).val('hide x-scroll bar');
$('#innerHeight').html(window.innerHeight);
}
});
HTML:
<input type="button" value="show x-scroll bar" /><br />
<div id="bar"></div>
<p>inner height: <a id = "innerHeight"> px</a></p>
我写的每分钟调用一个函数的代码,我认为是有缺陷的,因为它有一段时间的好处,但是自页面加载以来每小时往往会落后大约15秒.说实话,我无法弄清楚导致滞后的原因,可能是执行功能所需的时间,小的失误都会累积和累积.有没有办法自动纠正函数内的失误.或者也许有人知道在分钟函数调用上实现更好的方法.任何帮助或想法非常感谢.谢谢.
var now = new Date();
var delay = 60 * 1000; // 1 min in msec
var start = delay - (now.getSeconds()) * 1000 + now.getMilliseconds();
setTimeout(function setTimer() {
onTheMinFunc();
setTimeout(setTimer, delay);
}, start);
我正在尝试创建一个与页面一样宽的div,并在其中有两个div,一个左对齐,一个右对齐.它的结果比我想象的要困难得多.使用下面的代码,两个div左对齐.我已经制作了一个jsFidle来演示这个问题.谢谢阅读.
<style>
#container{
border:1px solid;
}
#left{
text-align:left;
border:1px solid red;
display:table-cell;
}
#right{
text-align:right;
border:1px solid blue;
display:table-cell;
}
</style>
<body>
<div id = "container">
<div id = "left">far left</div>
<div id = "right">far right</div>
</div>
</body>
我有此表单，其中包含在发布数据之前警告验证错误的条件。问题是如果有人双击（可能是由于错误），则提交了表单，然后在第一次单击时清除了表单，然后第二次单击将提示“表单为空”，这可能会造成混淆，因为这一切都是在一瞬间发生的。所以我想要的是在单击3秒钟后暂时禁用该按钮。但是我现在刚刚使整个功能超时3秒钟，而不仅仅是禁用按钮。我应该怎么做？这是表格的简化版。谢谢
$('#send').click(function(){
var self = $('#send');
setTimeout(function() {
self.disabled = false;
if(!$('#text').val()){
alert('field empty');
}else{
$('#message').html('done');
$('#text').val('');
}
}, 3000);
});
有没有一种方法可以根据值在 mysql 列中出现的频率来对数据进行排序并将它们DISTINCT. 因此，如果表中有一个颜色列，如下所示：
colors
------ ----
red |
blue |
red |
green |
blue |
red |
yellow|
blue |
green |
red |
结果将是：
red
blue
green
yellow
因为红色出现了 4 次，蓝色出现了 3 次，绿色出现了两次，黄色出现了一次。谢谢
所以我想用一个公共列"messageID"链接两个表.所以首先我插入到表1中以获取自动递增的id,然后将该ID与LAST_INSERT_ID函数一起使用,并将其作为表2的id:
$db->("INSERT INTO table_1 VALUES('','$message')");
$db->("INSERT INTO table_2 VALUES(LAST_INSERT_ID(),'$message');
但这是我的担心,可能有两个用户同时运行这个脚本,所以在两个查询之间的几毫秒内,exicuting LAST_INSERT_ID可能已经改变了,所以现在这两个id是不同的.有什么办法可以防止这种可能性.我知道用一个查询插入两个表是不可能的,这是我的第一个想法.任何想法都非常感激.谢谢
我有一个名为“alert”的 div，它的使用方式与 javascriptalert()函数相同。它覆盖整个页面，直到您向下滚动，然后不覆盖之前不可见的页面部分。有没有办法覆盖整个页面而不仅仅是可见的视口？注意。我不想使用position:fixed. 这个演示演示了我的意思。谢谢你。
#alert{
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%;
background-color:rgba(187,201,247,0.5);
z-index:3;
text-align:center;
font-size:20px;
}
如果我有一个类'textInputs'的输入并且具有这些元素的粘贴函数,我需要在粘贴事件函数中嵌套一个setTimeout函数,但是如何this在超时函数内部定义？下面的代码不起作用,因为this没有在setTimeout函数中定义.谢谢.
$('.textInputs').on('paste',function() {
var element = this;
window.setTimeout(function() {
newstr = element.value.replace(/\n/g, '');
$(this).val(newstr);
},100);
});