我正在制作一个HTML表单,并且当单击页面上的链接时,我想专注于第一个输入字段。另外,我想将页面滚动到该位置。我写了一个JS函数来聚焦框:
function selectCommentBox() {
document.getElementById("commentbox").focus();
}
Run Code Online (Sandbox Code Playgroud)
这是我的链接的代码:
<a href='#commentbox' onclick='selectCommentBox();'>Reply</a>
Run Code Online (Sandbox Code Playgroud)
我的困境是我只能获得一种行为或另一种行为。如果我按原样使用此链接,则锚点可以正常工作,并且页面将滚动到该字段的位置,但是该字段不会突出显示。如果添加“ return false”;到onclick时,该字段突出显示,但不执行锚点跳转。我怎样才能同时应用两种行为?谢谢
有谁知道如何使 CSS 链接悬停属性适用于未链接到另一个 html 页面或锚点的链接?
例如这有效:
<a href="page1.html">Page1</a>
<a href="#page9">Link</a>
a:hover,a:visited:hover{
color:#fff;
text-decoration:none;
}
a:link,a:visited{
color:#555;
text-decoration:none;
}
Run Code Online (Sandbox Code Playgroud)
但是当我将链接更改为不是锚点或 html 文件的链接时,假设是一个 mailto:
<a href='mailto:bla@bla.com'>Send email</a>
Run Code Online (Sandbox Code Playgroud)
当我将鼠标悬停在链接上时,它不再改变颜色。为什么是这样?
我有一个文字标签,传递一个字符串列表.我希望传递给它的一个字符串是一封电子邮件..我希望该电子邮件是一个超链接.这是我到目前为止所得到的,
tenancyManager.UserEmail = "a@b.c";
if (null != tenancyManager.UserEmail)
{
var emailAnchor = "<a href="+"mailto:"+tenancyManager.UserEmail+">"+ "</a>";
builder.Append(emailAnchor);
builder.Append("<br />");
}
Run Code Online (Sandbox Code Playgroud)
这似乎没有用,任何人都可以帮助我的语法?我也试过了
var email = string.Format("<a href={0}{1} Text={2}> </a>", "mailto:", tenancyManager.UserEmail, tenancyManager.UserEmail);
Run Code Online (Sandbox Code Playgroud) 我已经看到,当我们在浏览器中输入网址时,如下所述,评论会突出显示.即.comment元素获取背景颜色.
任何人都知道,我们如何实现这个,该元素的背景颜色,其中id元素是从url触发的..或者是否有任何DOM Level参数我们可以调用javascript函数
在锚标记之后添加了空格,我不知道为什么。我读过这可以由百分比宽度值引起,但我不使用任何有问题的 div 元素。不会是元素父样式导致的吧?
(来源:imageupper.com)
请注意“事件”链接后面的空格。我网站上的每个锚标记都会发生这种情况。
任何关于如何解决它的想法将不胜感激。
超文本标记语言
<a href="/events/">Events</a>
Run Code Online (Sandbox Code Playgroud)
CSS
a {
color:#000;
text-decoration:underline;
}
a:hover {
color:#000;
background:#ff6600;
text-decoration:none;
}
#content {
width:800px;
margin:0 auto;
padding:15px 10px 10px 15px;
}
Run Code Online (Sandbox Code Playgroud)
无需添加我的整个网站的代码;上面的代码是我能提供的最好的。尽管如此,我确信该特定代码不是罪魁祸首。
当我将最后几个单词复制并粘贴到文本编辑器中时;只出现一个空格,这是理所应当的。
我有一个C#Regex如下:
Regex r = new Regex(@"(?<value1>.*?)<a.*?href=(""|')(?<href>.*?)(""|').*?>(?<value2>.*?)</a>(?<value3>.*?)");
Run Code Online (Sandbox Code Playgroud)
我可以获得value1,href,value2完美的文本.但是,value3始终为"".
在锚结束标记()之后得到的文本我缺少什么.
我有一个非常简单的问题。每当我用一对锚标记包围一个 div 时,该 div 变得可点击,但由于某种原因,可点击部分超出了 div 本身的尺寸并穿过页面。如何使 div 在其边界内可点击而不是跨页面拉伸?我在这里包含了我的代码。
HTML
<!DOCTYPE html>
<html>
<head>
<title>My Webpage</title>
<link rel = "stylesheet" href = "mystyles.css" type = "text/css">
</head>
<body>
<div id = "link"></div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
和 CSS
#link {
background-color: #00ccee;
border: solid black 2px;
border-radius: 25px;
width: 150px;
height: 50px;
transition: 1s;
}
#link:hover{
background-color: blue;
width: 160px;
height: 60px;
margin-left: 30px;
}
Run Code Online (Sandbox Code Playgroud) 我目前正在开发一个网站,但在锚点方面遇到了麻烦。我的标题是固定的,当我单击锚点时,它会在其他页面上向我发送它应该是什么样的,但我缺少 80 像素,这是我的固定标题的高度。有一个脚本可以让手风琴在我单击锚点时在新页面上打开,但它应该滚动 80px 少...这是我在 .jsp 文件中的一些代码
<a href="${parentLink}#${menuItem.name}" class="${menuItem.classes[anchorClasses]}">
Run Code Online (Sandbox Code Playgroud)
并且有一个 .js 使我的手风琴在新页面上打开
$(document).ready(function () {
if (location.hash != null && location.hash != "") {
$('.collapse').removeClass('in');
$(location.hash + '.collapse').collapse('show');
}
});
Run Code Online (Sandbox Code Playgroud)
我认为你们需要更多信息,所以请问我任何可以帮助你们的事情。我是这方面的新手,我什至不知道应该在这里发布哪些代码来帮助你们意识到问题所在......谢谢(:
我正在尝试对齐 UILabel 中的文本,但它不起作用。文本打印时标签的第二行紧贴标签的左侧。如何使两条线在标签中心对齐?谢谢。
let bioTextView: UILabel = {
let tv = UILabel()
tv.text = "This is sample text for a bio label for a user on this platform."
tv.backgroundColor = .clear
tv.textColor = .white
tv.lineBreakMode = .byWordWrapping
tv.numberOfLines = 0
tv.textAlignment = NSTextAlignment.right
return tv
}()
Run Code Online (Sandbox Code Playgroud)
请找到以下问题的屏幕截图。我的要求是将文本放在拖线中。
出于测试目的,我正在研究一种解决方案,该解决方案允许我仅使用一个按钮来显示和隐藏特定的 div(基于 id)。
jsifddle 在这里: 链接到代码
代码如下所示:
CSS
body {
font-family:'Trebuchet MS', sans-serif;
font-size:0.5em;
text-align:center;
}
.container {
padding:1em;
margin:0 auto;
background:#efefef;
}
#added-value-1 {
display:none;
}
#added-value-1:target {
display:block;
}
#expand-btn-1 {
margin:2em auto;
text-align:center;
padding:1em 2em;
font-weight:bold;
background:orange;
display:inline-block;
}
Run Code Online (Sandbox Code Playgroud)
HTML
<div class="container">
<h1>
Container for testing purposes. Below content will show/hide upon button click
</h1>
<p id="added-value-1">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam dapibus maximus mattis. Nam id gravida lorem, ac egestas nunc. Proin …
Run Code Online (Sandbox Code Playgroud)