是否在新窗口中打开表行
Open table row on new window?
我有一个类似于的表
<tr>
<td><a href="http://www.example.com/">example</a></td>
<td>another cell</td>
<td>one more</td>
</tr>
我使用的是这个Javascript代码:
$('tr').click( function() {
window.location = $(this).find('a').attr('href');
}).hover( function() {
$(this).toggleClass('hover');
});
这个Javascript工作得很好,可以点击并打开一整行,但我想在选定大小的新窗口上打开表行链接。
我也有这个代码:
<td><a href="www.example.com" onclick="window.open(this.href,'targetWindow','toolbar=no,location=no,status=no,width=1000,height=600'); return false;">Example</a></td>
但它只对已定义的表单元格起作用。那个么,我如何在完整的行上创建链接,当用户点击该行时,它将以定义的大小在新窗口中打开?
1(从表行中删除所有onclick="
。现在应该是这样的:
<td><a href="http://www.example.com">Example</a></td>
2( 更改jQuery中的.click(
。不要忘记返回false,否则链接将同时在新窗口和当前窗口中打开。
$('tr, tr a').click( function() {
window.open($(this).find('a').attr('href'),'targetWindow','toolbar=no,location=no,status=no,width=1000,height=600');
return false;
})
除非我误解了你的问题,否则这将达到目的(结合你的片段(:
$('tr').click( function() {
window.open($(this).find('a').attr('href'),'targetWindow','toolbar=no,location=no,status=no,width=1000,height=600');
}).hover( function() {
$(this).toggleClass('hover');
});
您可以添加一个标志来区分不同的行为。
<tr><td><a href="http://demo.com">demo</a></td></tr>
<tr data-flag="newWindow"><td><a href="http://demo2.com">demo2</a></td></tr>
然后
$('tr').click( function(e) {
if($(this).attr('data-flag') == "newWindow") {
window.open($(this).find('a').attr('href'),'targetWindow','toolbar=no,location=no,status=no,width=1000,height=600');
} else {
window.location = $(this).find('a').attr('href');
}
});
相关文章:
- 防止Iframe窗体在新窗口中打开
- 如何在新选项卡中而不是在新窗口中打开URL
- 为在新窗口中打开外部链接创建异常
- SVG编辑链接获胜't在新窗口中打开
- 如何将数据传递给 jsp 并从 servlet 在新窗口中打开它
- 将坐标传递到HTML页面以在新窗口中打开谷歌街景
- ASP.Net电子邮件有一个超链接应该在新窗口中打开
- 如何在新窗口中打开url
- 在新窗口中打开时,未在画布中绘制图像
- 如何在新窗口中打开打印
- 使用javascript在新窗口中打开重定向操作
- AngularJS-使用ng-click在新窗口中打开链接
- 在新窗口中打开DIV按钮
- 无法在新窗口中打开 javascript 搜索引擎结果
- 使用javascript在新窗口中打开链接
- 在新窗口中打开链接
- 在新窗口中打开 .但标准是_blank
- 在新窗口中打开url是否只会打开另一个选项卡?
- 是否可以用javascript在新窗口中打开链接
- 是否在新窗口中打开表行