标签: anchor

将焦点放在字段上并使用HTML锚点

我正在制作一个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时,该字段突出显示,但不执行锚点跳转。我怎样才能同时应用两种行为?谢谢

html javascript anchor focus

0
推荐指数
1
解决办法
5155
查看次数

CSS - 链接悬停不起作用

有谁知道如何使 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)

当我将鼠标悬停在链接上时,它不再改变颜色。为什么是这样?

mailto anchor hyperlink hover

0
推荐指数
1
解决办法
1万
查看次数

我如何在asp.NET中构建一个完整的mailto锚点

我有一个文字标签,传递一个字符串列表.我希望传递给它的一个字符串是一封电子邮件..我希望该电子邮件是一个超链接.这是我到目前为止所得到的,

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)

c# asp.net anchor stringbuilder hyperlink

0
推荐指数
1
解决办法
1330
查看次数

当在url中命中注释的id时,Stackoverflow注释突出显示

我已经看到,当我们在浏览器中输入网址时,如下所述,评论会突出显示.即.comment元素获取背景颜色.

Chrome无法在"刷新"上显示图像

任何人都知道,我们如何实现这个,该元素的背景颜色,其中id元素是从url触发的..或者是否有任何DOM Level参数我们可以调用javascript函数

html anchor dom

0
推荐指数
1
解决办法
64
查看次数

CSS 锚标记后添加了不需要的空格

在锚标记之后添加了空格,我不知道为什么。我读过这可以由百分比宽度值引起,但我不使用任何有问题的 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)

无需添加我的整个网站的代码;上面的代码是我能提供的最好的。尽管如此,我确信该特定代码不是罪魁祸首。

当我将最后几个单词复制并粘贴到文本编辑器中时;只出现一个空格,这是理所应当的。

html css anchor whitespace

0
推荐指数
1
解决办法
5479
查看次数

正则表达式获取文本后锚标记C#

我有一个C#Regex如下:

Regex r = new Regex(@"(?<value1>.*?)<a.*?href=(""|')(?<href>.*?)(""|').*?>(?<value2>.*?)</a>(?<value3>.*?)");
Run Code Online (Sandbox Code Playgroud)

我可以获得value1,href,value2完美的文本.但是,value3始终为"".

在锚结束标记()之后得到的文本我缺少什么.

c# regex anchor

0
推荐指数
1
解决办法
767
查看次数

Div 锚点即使在 Div 之外也可点击

我有一个非常简单的问题。每当我用一对锚标记包围一个 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)

html css anchor href clickable

0
推荐指数
1
解决办法
2494
查看次数

使锚链接位于 id 上方一些像素

我目前正在开发一个网站,但在锚点方面遇到了麻烦。我的标题是固定的,当我单击锚点时,它会在其他页面上向我发送它应该是什么样的,但我缺少 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)

我认为你们需要更多信息,所以请问我任何可以帮助你们的事情。我是这方面的新手,我什至不知道应该在这里发布哪些代码来帮助你们意识到问题所在......谢谢(:

html javascript anchor jquery accordion

0
推荐指数
1
解决办法
3623
查看次数

UILabel 文本对齐不起作用(Swift 4)

我正在尝试对齐 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)

请找到以下问题的屏幕截图。我的要求是将文本放在拖线中。

在此处输入图片说明

anchor xcode uilabel ios swift

0
推荐指数
1
解决办法
4722
查看次数

使用纯 CSS 显示/隐藏元素的单个按钮

出于测试目的,我正在研究一种解决方案,该解决方案允许我仅使用一个按钮来显示和隐藏特定的 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)

html css anchor toggle show-hide

0
推荐指数
1
解决办法
2197
查看次数