小编Leg*_*nar的帖子

圈子有三种不同的边框颜色

我有一个带有一种边框颜色的圆圈的CSS:

.circle {
  border: 6px solid #ffd511;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  -khtml-border-radius: 30px;
  width: 30px;
  height: 18px;
  line-height: 20px;
  padding: 12px 6px;
  text-align: center;
}
Run Code Online (Sandbox Code Playgroud)
<div class="circle">17</div>
Run Code Online (Sandbox Code Playgroud)

它看起来像这样:

带有一种边框颜色的圆圈

我应该如何将CSS更改为具有三种边框颜色 - 如同时钟:

  • 从0到4颜色#1
  • 从4到8色#2
  • 从8到12色#3

我确信,它有可能,有元素<canvas>,但我没有成功这样做.

css svg border css3 css-shapes

5
推荐指数
2
解决办法
1732
查看次数

根据R中找到的字符的位置提取字符串

我在下面的句子中找到了"oo"的位置:

sentence <- "It is a good book. Good for first reading.
This book explains everything in Qdetail with tons of examples and exercises for practice. Good for cracking written tests on campuses and competitive exams. It is cheap so any way one can have a copy along with other books"

pos = gregexpr("oo", sentence)
Run Code Online (Sandbox Code Playgroud)

我得到了结果

> pos
[[1]]
[1]  10  15  21  50 136 263
attr(,"match.length")
[1] 2 2 2 2 2 2
attr(,"useBytes")
[1] TRUE
Run Code Online (Sandbox Code Playgroud)

根据结果​​,我想从每个位置提取10个字符(位置前5个,位置后5个)

举个例子,我应该把第一个位置的结果称为"sa good …

text split r

5
推荐指数
2
解决办法
387
查看次数

symfony2 项目上的 Swiftmailer 附件错误(无法打开文件进行阅读)

我正在处理一个 symfony 项目,我有一个表格,必须使用 swiftmailer 发送邮件。为了说明 -> 用户可以在表单的可选文件的上传功能中使用附件。(表单保存在bdd like命令中,提交表单后我们有一个回顾,还有3封邮件(我们不使用附件的两封邮件每次都有效,只有带有附件选项的邮件在我们有一个文件要加入,否则如果我们只使用评论(另一个像路径一样工作的字段可选,邮件正在工作)

我希望我的解释清楚易懂,我的英语不完美,功能也不太容易。由于某些信息的机密性,我只在这里写了与邮件有关的代码,但如果我忘记了某些信息,请告诉我并更新帖子。

当我发送没有附件的邮件时,我没有任何问题,它可以正常工作,但是当我尝试加入文件时,symfony 给我这个错误:

无法打开文件进行阅读 [uploads/6M.jpg]

我试图在 StackOverflow 的其他帖子上找到解决方案,但没有人在工作。所以我会让你帮助我,我希望。

命令实体(我只是将有关文件、路径和上传的代码放在附件中(邮件程序的其余部分/和代码工作):

use Doctrine\Common\Collections\ArrayCollection;
use Doctrine\ORM\Mapping as ORM;
use Symfony\Component\Validator\Constraints as Assert;
use Symfony\Component\Form\Extension\HttpFoundation;

/**
* Commandes
*/
class Commandes
{
// CUSTOM CODE

/**
 * @var string
 */
public $file3;

/**
 * @var string
 */
protected $path3;

public function getAbsolutePath1()
{
    return null === $this->path1 ? null : $this->getUploadRootDir().'/'.$this->id.'.'.$this->path1;
}

public function getWebPath1()
{
    return null === $this->path1 ? null : $this->getUploadDir().'/'.$this->path1;
} …
Run Code Online (Sandbox Code Playgroud)

php forms email swiftmailer symfony

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

没有类的CSS选择器

我使用选择器来选择没有一个类的所有元素:

.list th:not(.foo) {
  /* some rules */
}
Run Code Online (Sandbox Code Playgroud)

如何将其应用于多个课程?

.list th:not(.foo), .list th:not(.bar) {
  /* some rules */
}
Run Code Online (Sandbox Code Playgroud)

上面的CSS当然不会这样做,我需要像这样的伪:

.list th:not(.foo and .bar)
Run Code Online (Sandbox Code Playgroud)

CSS中有可能吗?

css css3

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

Laravel:whereNotIn 未按预期工作

我有一个值为 1,2 的数组。例如。

$arr = []

foreach($permission as $perm)
{
  $arr[] = $perm->permission
}

dd(implode(',',$arr));
result shows 1,2
Run Code Online (Sandbox Code Playgroud)

但是当我在查询中使用 $arr 时,它无法正常工作。我在以下查询中使用它

  $response = implode(',',$arr);
  $role = Role::whereNotIn('id',[$response])->get(); 
  //means select * from role where id not in (1,2);
Run Code Online (Sandbox Code Playgroud)

但它的工作原理如下

 select * from role where id not in (1);
Run Code Online (Sandbox Code Playgroud)

你们能帮我解决这个问题吗

mysql laravel eloquent

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

如何将一组左对齐的div中心化?

我想要实现的是在同一起始行中将项目放在另一个下面但是以div为中心.这是我的小提琴:https://jsfiddle.net/7vdbLcL9/

<div class="container">
<div id="wrapper">
        <div id="inner1">Zmaja od Bosne 5</div>
        <div id="inner2">71 000 Sarajevo</div>
        <div id="inner3">Bosnia and Herzegovina</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)

而CSS:

.container{
    width:40%;
    border:1px solid black;
}
#wrapper{
    margin-left:auto;
    margin-right:auto;
    height:auto; 
    width:auto;
    text-align:center
}
Run Code Online (Sandbox Code Playgroud)

我想得到这个:

----------------------------------

        Zmaja od Bosne 5
        71 000 Sarajevo
        Bosnia and Herzegovina

----------------------------------
Run Code Online (Sandbox Code Playgroud)

html css

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

如果未选中复选框,则阻止表单提交

如果输入字段为空,我正在使用一些Ajax/Javascript来阻止表单提交.

$(function() {

    var form = $('#contact-form-edc');

    $(form).submit(function(e) {
        e.preventDefault();


        var formData = $(form).serialize();

  if (document.getElementById("nachricht-field").value.length < 10) {
    document.getElementById('error-nachricht').style.display = "";
  } else {

        $.ajax({
            type: 'POST',
            url: $(form).attr('action'),
            data: formData
        })

        .done(function(response) {
         document.getElementById('success').style.display = "";
          document.getElementById('error').style.display = "none";
      document.getElementById('error-nachricht').style.display = "none";

            $('input').val('');
   $('textarea').val('');
   $('.button').val('Abschicken');
   $('input[name=datenschutz]').attr('checked', false);
        })
        .fail(function(data) {
           document.getElementById('error').style.display = "";
            document.getElementById('success').style.display ="none";
        });

  }

    });

});
Run Code Online (Sandbox Code Playgroud)

该脚本工作正常但不记下表单的复选框.复选框

<input type="checkbox" name="datenschutz" value="Datenschutz" required="required" >
Run Code Online (Sandbox Code Playgroud)

也是必需的,但用户可以在不选中复选框的情况下提交表单.是否有一个小脚本可以在当前的Ajax脚本中实现?

javascript forms ajax checkbox jquery

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

我有多少$(document).ready()有什么区别吗?

我理解jQuery,我只是想问,这两个代码示例之间的区别(我知道,它会做同样的事情,但我很好奇,如果第二个例子有特定的东西.

例1:

$(document).ready(function() {
    // some code #1
    // some code #2
    // some code #3
});
Run Code Online (Sandbox Code Playgroud)

这是所有JS在一个地方.

例2:

$(document).ready(function() {
    // some code #1
});

$(document).ready(function() {
    // some code #2
});

$(document).ready(function() {
    // some code #3
});
Run Code Online (Sandbox Code Playgroud)

这些函数(DOM就绪)放在不同的JS文件中.

我只是想,它将如何处理,但我想它将在DOM加载后执行,然后按顺序执行,如何在HTML中调用它.

jquery

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

如何将图标和文本居中对齐?

如何垂直堆叠图标并将其与其各自的文本对齐,以及如何将它们水平居中对齐?并使其全部适应移动设备?

在此输入图像描述

我的尝试

li {
  margin: 0 90px;
  display: inline;
}

.num {
  margin: 0 150px;
  display: inline;
}

ul {
  list-style: none outside none;
  margin: 0;
  padding: 50;
  text-align: center;
}

ul li i {
  text-align: center;
}
Run Code Online (Sandbox Code Playgroud)
<!-- script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<ul>
  <li><i class="fas fa-phone">     
    </i>
  </li>
  <li><i class="fas fa-map">          
    </i>
  </li>
  <li><i class="fas fa-paper-plane">
    </i>
  </li>
</ul>
<ul class="num">
  <li><a href="tel:5551234567">Call (555)123-4567</a></li>
  <li>Box 564, Disneyland</li>
  <li><a href="mailto:EmailAddress@. XYZ.com"> Email.com </a></li> …
Run Code Online (Sandbox Code Playgroud)

html javascript css frontend

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

请勿调整粘性div的宽度

我有一个粘性div,如果我滚动过去,它会停留在顶部。但它会调整为全屏尺寸,我希望它保持相同的尺寸。

这是包装器和粘性类的CSS代码:

.wrapper{
margin: 0 auto; 
width: 100%;
height: 180px;
background-color:#fff;
border-top: 0;
-webkit-box-shadow: 0 8px 6px -6px #B8B8B8;
-moz-box-shadow: 0 8px 6px -6px #B8B8B8;
 box-shadow: 0 8px 6px -6px #B8B8B8;
 }

.sticky {
width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 100;
border-top: 0;
padding-left: 15px;
padding-right: 15px;
-webkit-box-shadow: 0 8px 6px -6px #B8B8B8;
-moz-box-shadow: 0 8px 6px -6px #B8B8B8;
box-shadow: 0 8px 6px -6px #B8B8B8;
}
Run Code Online (Sandbox Code Playgroud)

这是JS代码:

var global = {}; 

$(document).ready(function(){

var element = $(".wrapper");
    offset …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

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

标签 统计

css ×5

html ×3

javascript ×3

jquery ×3

css3 ×2

forms ×2

ajax ×1

border ×1

checkbox ×1

css-shapes ×1

eloquent ×1

email ×1

frontend ×1

laravel ×1

mysql ×1

php ×1

r ×1

split ×1

svg ×1

swiftmailer ×1

symfony ×1

text ×1