小编Fra*_*sca的帖子

标签类无法正常工作

我有一个A标签,我正在尝试添加一个类.这可能是非常简单的东西,但我以前从未这样做过.

<a class="button" href="landscaping.html">Find out more about our landscape design services</a>
Run Code Online (Sandbox Code Playgroud)

而CSS:

a .button{
color:#7cc242;
font-family: 'PTSansNarrowBold';
font-size:18px;
margin-top: 7px;
margin-bottom: 0px;
text-align:right;
text-decoration:none;
display: inline-block;
zoom:1;
*display:inline;
padding-right:30px;
background:url(images/more-btn.png) no-repeat top right;}
Run Code Online (Sandbox Code Playgroud)

似乎没有什么工作,我只是得到了标准的蓝色.有人可以帮忙吗?

html css tags hyperlink

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

使用第n个孩子来定位每个其他两个div

我正在尝试使用第n个孩子来选择其他每个两个div.

这意味着,当有一组div 1,2,3,4,5和6时 - 我需要选择1,2,5和6.其他两个.

CSS:

#navigation .menuItem:nth-child(3n+3) {  
  background-color: #ccc;
}
Run Code Online (Sandbox Code Playgroud)

HTML:

<div class="menuItemWrapper">
            <div class="menuItem"><a href="shop.html">Shop Online</a></div>
            <div class="menuItem"><a href="blog.html">The Blog</a></div>
            <div class="menuItem"><a href="lookbook.html">LookBook</a></div>
            <div class="menuItem"><a href="gift-finder.html">Gift Finder</a></div>
            <div class="menuItem"><a href="about.html">About Us</a></div>
            <div class="menuItem sub"><a href="freebies.html">Tutorials</a></div>
            <div class="menuItem sub"><a href="faq.html">FAQ</a></div>
            <div class="menuItem sub"><a href="contact.html">Contact</a></div>
Run Code Online (Sandbox Code Playgroud)

JS小提琴

css css-selectors css3

2
推荐指数
1
解决办法
8450
查看次数

将 HTML 标记存储在 PHP 字符串中

我正在尝试使用 PHP 创建电子邮件自动化。最初我有这个:

function send_email($email) {
    $message = "Hello! Here is an email message";
    mail($email, "Subject Line", $message, "from: email@ouremail.co.uk");
}
Run Code Online (Sandbox Code Playgroud)

不过,我想让通过电子邮件发送的消息更长一些,并包含一些 HTML 标记(简单的 h1 和 p 标记)。

我是 PHP 新手,但可以找到有关如何在 HTML 中输出 PHP 的信息,但无法找到如何在 PHP 变量中包含 HTML 的信息。我需要能够将标记存储在里面$message

还有一件事我无法理解。如果我想像 HTML 中那样编写单词don't,那么我不能使用“ '”来打开和关闭。我必须用它"来代替。它是否正确?

ETA:有没有办法通过此函数发送整个 HTML 文件?因此,我可以为电子邮件创建一个漂亮的模板,然后通过电子邮件发送该 .html 文件。

html php

2
推荐指数
1
解决办法
4007
查看次数

根据窗口底部的距离运行jQuery

当你到达屏幕底部或附近时,我正试图让元素淡入.

我现在的问题是,如果您绝对位于屏幕上的最后一个像素,则脚本只会运行.如果你是3px up,那么动画将不会显示,你留下了一个空白区域.

$(window).scroll(function() {
        if($(window).scrollTop() + $(window).height() == $(document).height()) {
            $('#contact-form').css('opacity','1');
        }
    });
Run Code Online (Sandbox Code Playgroud)

如果你的x像素远离底部,我想让动画开始.x将由div的高度决定.所以:

var x = $('#contact-form').height();
Run Code Online (Sandbox Code Playgroud)

当用户滚动到时,如何启动我的jQuery x px away from bottom of page

jquery

2
推荐指数
1
解决办法
5057
查看次数

删除所有与特定条件不匹配的数组元素

我一直在研究,array_map但不确定这是否是最好的方法.

我目前正从我的网站返回以下数组 scandir

Array ( [0] => . [1] => .. [2] => .DS_Store [3] => post-my-first-test-post.html [4] => post-my-second-test-post.html )
Run Code Online (Sandbox Code Playgroud)

我想删除数组中不匹配的所有项目,"post-*因此它只返回一组帖子.

我已经研究过使用glob但不确定如何使用我拥有的东西来实现它.

有点像glob("post-*");

php arrays

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

在提交表单之前添加确认提醒

我有一个表单,允许用户从数据库中删除一些数据.

我希望得到一些确认,以防止意外删除.我想做以下事情:

  1. 按下提交后,会弹出警告"你确定吗?"
  2. 如果用户点击"是",则运行脚本
  3. 如果用户点击"否",则不提交脚本.

如何才能做到这一点?

我添加了onSubmit警报但它没有显示任何内容,它仍然提交表单.如果用户从警报中选择"是",我怎样才能延迟提交表单?

<form 
  method="POST"
  action="actions/remove-daily-recipient.php"
  onSubmit="alert('Are you sure you wish to delete?');"
>
  ...
</form>
Run Code Online (Sandbox Code Playgroud)

forms alert

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

在悬停时运行的CSS3关键帧动画

我正在尝试制作一个小的关键帧动画。

当用户将鼠标悬停在按钮上时,我希望背景图像稍微向右移动,然后再次向后移动。如此一点“反弹”运动。

在我的第一个示例中,我在CSS中使用了一个简单的悬停,将背景位置从91%更改为93%,这将导致在悬停时移动。

但是,当我尝试执行类似操作时,要使用名为的关键帧动画nextarrow,该动画将无法运行。

这是一个JSFiddle,显示了我的工作示例(button-one)和非工作示例(button-two

我哪里出问题了?

http://jsfiddle.net/franhaselden/Lfmegdn5/

.button-two.next:hover{
   -webkit-animation: nextarrow 1s infinite;
   -moz-animation: nextarrow 1s infinite;
   -o-animation: nextarrow 1s infinite;
   animation: nextarrow 1s infinite;
}

@keyframes nextarrow {
  0% {
    background-position: 91% center;
  }
  50% {
    background-position: 93% center;
  }
  100% {
    background-position: 91% center;
  }
}
Run Code Online (Sandbox Code Playgroud)

css css3 keyframe css-animations

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

通过表单POST获取复选框值

我试图从表单中获取一个复选框值.该复选框是"您是否希望注册我们的简报"类型框.

我已设法让它工作,但只有当使用以下代码勾选框时:

$signUp = $_POST['sign-up'][0];
if ($signUp !== 'Yes'){
    $signUp = 'No';
}
Run Code Online (Sandbox Code Playgroud)

该复选框如下所示:

<input type="checkbox" id="sign-up" name="sign-up[]" value="Yes" />
Run Code Online (Sandbox Code Playgroud)

问题是,如果选中该框,则会出现未定义的错误.

推断盒子是否被检查的正确方法是什么?我只需要在电子邮件中发送"否"值,因此我将此文本硬编码到变量中.

如何在PHP中获取复选框(已选中或未选中)的值

php forms checkbox

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

查找存在多个 div 的特定 div 中的项目索引

我有一个由许多图像组成的 HTML 设置,这些图像包装在 div 中,这些图像将 4 个项目包装为一行。例如,每行 4 个项目,2 行:

<div class="staff-wrapper">
    <div class="staff-row">
        <div class="staff-item">
            <img>
        </div>
        <div class="staff-item">
            <img>
        </div>
        <div class="staff-item">
            <img>
        </div>
        <div class="staff-item">
            <img>
        </div>
    </div>
    <div class="staff-row">
        <div class="staff-item">
            <img>
        </div>
        <div class="staff-item">
            <img>
        </div>
        <div class="staff-item">
            <img>
        </div>
        <div class="staff-item">
            <img>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我希望能够在单击图像时识别该项目在其行中的索引。

因此,如果单击一行的第三项,则该值将为3。可能的答案只能是 1、2、3 或 4,因为每行最多只能有 4 个项目。

我几乎有了这个,但是我发现结果总是基于整个项目列表,所以我得到了像7最后一个项目一样的答案。相反,这应该是 3`,因为它是该行中的第三项。

这是我所拥有的:

var itemPosition = $(".staff-row img").index(this);
Run Code Online (Sandbox Code Playgroud)

有任何想法吗?

JS 小提琴https://jsfiddle.net/vo6hz1zc/

javascript indexing jquery

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

将多个元素包装在新的 div 中而不破坏它们 - Javascript DOM 操作

我正在尝试“de-jquery”一些代码。

我有一个像这样的div:

<div id="main">
    <div class="blue"></div>
    <div class="green"></div>
    <div class="yellow"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

我希望在除第一个元素之外的所有元素周围插入一个包装 div 。元素的完整数量尚未确定,可能还有更多。

当前的解决方案使用 jquerynextAllwrapAll产生以下结果:

超文本标记语言

<div id="main">
    <div class="blue"></div>
    <div class="wrapper">
        <div class="green"></div>
        <div class="yellow"></div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

jQuery

$(".blue").each(function() {
        $(this)
          .nextAll()
          .wrapAll('<div class="wrapper"></div>');
    });
Run Code Online (Sandbox Code Playgroud)

我怎样才能从中删除所有 jQuery 并使其成为普通的?

我看不到任何wrap类型方法。我可以抓取没有索引 [0] 的 HTML 并将其插入到一个新的 div 中,然后将其插入后面,.blue但这看起来很混乱。有没有更好的办法?

javascript dom dom-manipulation

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