小编fla*_*ash的帖子

如何在css中点击搜索图标时展开小方块输入框?

我有一个搜索栏,最左边搜索图标,如下面小提琴 和下面的屏幕截图所示.

在此输入图像描述

我用来制作搜索图标和方形边框的HTML和CSS代码是:


HTML:

<form class="back">
  <span class="fa fa-search searchicon" aria-hidden="true"> 
</span>
  <input type="text" name="search" class="extand ">
</form>
Run Code Online (Sandbox Code Playgroud)


CSS:

.back{
  padding: 0.5%;
  background: #10314c;

}

.searchicon {
   float: left;
   margin-top: -20px;
   position: relative;
   top: 26px;
   left: 8px;
   color: white;
   z-index: 2;
   }

.extand {
    width: 2.4%;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background: #10314c;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
.extand-now …
Run Code Online (Sandbox Code Playgroud)

html javascript css font-awesome

16
推荐指数
3
解决办法
1919
查看次数

节省空间的算法,用于检查带后退字符串是否相等?

最近在一次采访中有人问我这个问题:

给定两个字符串s和t,当将它们输入到空文本编辑器中时,返回它们是否相等。#表示退格字符。

Input: S = "ab#c", T = "ad#c"
Output: true
Explanation: Both S and T become "ac".
Run Code Online (Sandbox Code Playgroud)

我想出了以下解决方案,但空间效率不高:

  public static boolean sol(String s, String t) {
    return helper(s).equals(helper(t));
  }

  public static String helper(String s) {
    Stack<Character> stack = new Stack<>();
    for (char c : s.toCharArray()) {
      if (c != '#')
        stack.push(c);
      else if (!stack.empty())
        stack.pop();
    }
    return String.valueOf(stack);
  }
Run Code Online (Sandbox Code Playgroud)

我想看看是否有更好的方法可以解决不使用堆栈的问题。我的意思是我们可以解决O(1)空间复杂性吗?

注意:我们也可以包含多个退格字符。

java string algorithm big-o space-complexity

14
推荐指数
2
解决办法
614
查看次数

如何使方块在html/css的移动视图中连续滚动?

我有一个截图,我已经在小提琴中复制了.在小提琴中我创建了一个父div,其中我提到了所有2行:

<div class="product-all-contents">

<div class="product-contents">
</div>

<div class="product-contents">
</div>

</div>
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

问题陈述:

我想在移动/平板电脑视图中进行单独的行滚动.我为了使它滚动而尝试的CSS代码如下所示它似乎不起作用.我是否还需要设置最小宽度以使行在移动/平板电脑视图中滚动?

@media only screen and (max-width: 767px)
{
.product-all-contents
{
  overflow-x: auto;
}
} 
Run Code Online (Sandbox Code Playgroud)

html css horizontal-scrolling media-queries responsive-design

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

如何使用google maps API制作搜索特定半径周围项目的表单?

我正在一个网站上工作,我想在Google地图上围绕当前位置或某个手动地址制作一个圆圈.

  • 用户可以选择是否要围绕当前位置或他们将提供的随机地址进行圈选.(用户可以选择将手动地址放在当前位置,如下图所示)

  • 现在我们还需要确保圆圈具有特定的半径(距当前位置0-20/70km),用户也需要确定它.(当前位置下方的线将决定用户可在此处移动的半径0-70km)

例如:用户想要从当前位置创建一个圆圈直到30KM,或者用户想要从一些随机地址创建一个圆圈直到20KM.

在此输入图像描述

我用来制作搜索范围搜索栏的HTML代码:

<div class="input-searchradius">
   <input class="form-control search_radius mb-4" type="text" placeholder="search radius">
</div>
Run Code Online (Sandbox Code Playgroud)



问题陈述:

(1)我想知道我需要进行哪些更改或需要添加的代码,以便围绕特定半径搜索项目.我想,我需要整合代码谷歌地图圈子,但我不知道我该怎么做.

(2)网站上搜索半径命中时,底部会显示以下选项/屏幕:

在此输入图像描述

javascript jquery google-maps geolocation google-maps-api-3

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

左对齐和右对齐CSS中的一个元素内容

我在inspect上有一个HTML代码(如下所示),其中我想在CSS中左对齐和右对齐时间元素内容。

HTML代码(检查时):

<time datetime="00:15 02-08-2019" style="width:194px;" 
data-timezone="et">August 2 &nbsp;  &nbsp; 00:15</time>
Run Code Online (Sandbox Code Playgroud)

上面的检查是从以下php代码生成的:

邮递区号:

<time style="width:194px;" datetime="<?php echo esc_attr(date_format($ts, 'H:i d-m-Y')) 
?>"data-timezone="<?php echo esc_attr($tz_param) ?>"><?php 
echo ucfirst(date_i18n( 'j F &\nb\sp; &\nb\sp; H:i', 
$ts->getTimeStamp()-(60*60*4))); ?></time>`
Run Code Online (Sandbox Code Playgroud)


上面的检查html代码属于以下屏幕截图:

在此处输入图片说明

问题陈述:

我想知道我需要添加什么CSS代码,以便可以左对齐August 2(已经存在)和右对齐00:15

html css php fixed-width

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

如何在Bootstrap 4.1中悬停时创建下拉子菜单?

我正在一个网站上工作,我想在Bootstrap 4.1中创建一个下拉子菜单

我在悬停时创建下拉菜单时使用的HTML代码是:

<div class="navbar-collapse text-center" id="navbarResponsive">
  <ul class="navbar-nav ml-auto">

    <li class="nav-item dropdown">
      <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
      main menu
    </a>
      <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
        <a class="dropdown-item" href="#">A</a>
        <a class="dropdown-item" href="#">B</a>
        <a class="dropdown-item" href="#">C</a>
        <a class="dropdown-item" href="#">D</a>
      </div>
    </li>

    <button type="submit" onclick="location.href='/M';" class="btn btn-default">R</button>

  </ul>
</div>
Run Code Online (Sandbox Code Playgroud)



问题陈述:

我想知道我应该在上面的代码中做出什么改变,以便在 D盘旋时; 下拉项目E,F,G,H显示.

html css hover bootstrap-4

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

如何在Laravel中填充HTML表单中的字段?

我正在构建一个表单,我想在其中填充来自表单的字段(我已命名posting.blade.php)

我用过的控制器是:

public function store(Request $request)
{
    $this->validate($request, [
    'name' => 'required',
    'email' => 'required|email',
    'number' => 'required',
    'city' => 'required',
    'post' => 'required'
    ]);

    Mail::send('emails.posting-message', [
    'msg'=> $request->message
    ], function($mail) use($request) {
        $mail->from($request->email, $request->name);
        $mail->to('helloworld@gmail.com')->subject('Contact Message');
    });
    return redirect()->back()->with('flash_message', 'Thank you for your message');
}
Run Code Online (Sandbox Code Playgroud)


问题陈述:

当前控制器不返回任何内容,因为在行'msg'=> $request->message中没有消息验证.但是,如果我使用

'msg'=> $request->name (它返回名称)

我想知道我应该在控制器中做出哪些更改,以便它返回验证中存在的每个字段.

我试过这个,但它只返回最后一个值,即post.

       'msg'=> $request->name,
       'msg'=> $request->email,
       'msg'=> $request->number,
       'msg'=> $request->city,
       'msg'=> $request->post
Run Code Online (Sandbox Code Playgroud)

php forms contact-form laravel laravel-5.4

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

找到两个不重叠的回文子序列的最大乘积

我试图找到两个非重叠的字符串子序列的最大乘积s,我们将其称为ab.我想出了下面的代码,但它没有提供正确的输出:

public static int max(String s) {
    int[][] dp = new int[s.length()][s.length()];

    for (int i = s.length() - 1; i >= 0; i--) {
        dp[i][i] = 1;
        for (int j = i+1; j < s.length(); j++) {
            if (s.charAt(i) == s.charAt(j)) {
                dp[i][j] = dp[i+1][j-1] + 2;
            } else {
                dp[i][j] = Math.max(dp[i+1][j], dp[i][j-1]);
            }
        }
    }
    return dp[0][s.length()-1];
}
Run Code Online (Sandbox Code Playgroud)

对于输入字符串"acdapmpomp",我们可以选择a="aca"和b="pmpmp"来获得得分3*5 = 15的最大乘积.但是我的程序给出输出为5.

java algorithm data-structures

8
推荐指数
2
解决办法
3535
查看次数

正确的网址没有显示在嵌入按钮复制的iframe中

我正在开发一个网站,其中从嵌入按钮复制后没有显示正确的网址.

单击嵌入按钮(如下图所示),我在ifr中获取以下代码,其中src的值不正确.它应该是一个合适的视频网址.

<iframe src="//content.jwplatform.com/players/dalet_clips/35472P.mp4-88sIiZig.html" width="640" height="360" frameborder="0" scrolling="auto"></iframe>
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述


我在jwplatform.js中使用的代码片段是:

"sharing": {
    "code": "%3Ciframe%20src%3D%22http%3A//content.jwplatform.com/players/MEDIAID-6gKQPrHW.html%22%20width%3D%22480%22%20height%3D%22270%22%20frameborder%3D%220%22%20scrolling%3D%22auto%22%3E%3C/iframe%3E",
    "link": "http://content.jwplatform.com/previews/MEDIAID-6gKQPrHW"
},
Run Code Online (Sandbox Code Playgroud)

问题陈述:

在iframe src里面,我得到以下//content.jwplatform.com/players/dalet_clips/35472P.mp4-88sIiZig.html不正确的代码.它应该是视频的正确网址.我想知道我需要做哪些更改,以便在iframe src中获得完整的视频网址.

javascript embed wordpress iframe jwplayer

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

如何在JS中单击省略号时以模态显示整个文本?

我正在处理如下所示的php代码,其中在特定字数限制后添加了省略号(...)

 <?php
      $programs = array();

      foreach ( $xml_files as $file ) {

      $xml = simplexml_load_file($src_dir."/".$file)  or die('Unable to load XML');

      $path_title_en = $xml->xpath('//StringAssetInfo[attrName="CASE_EPISODE_TITLE"]/value');

      $path_description_en = $xml->xpath('//TextAssetInfo[attrName="CASE_DESCRIPTION_ENGLISH"]/value');

      $programs[] = array(  "episode_title" => (string)$path_title_en, 
            "description" => (string)$path_description_en;  
            } 

      $program["episode_title"] = substr($program["episode_title"],0,50).' <a href="">(...)</a>';  /* ellipsis is added after a particular word limit */ 

      $program["description"] = substr($program["description"],0,100).' <a href="">(...)</a>';  /* ellipsis is added after a particular word limit */        
 ?>
 <table>
    <tr>
        <td style="width:8%; text-align:center;"><?php echo $program["episode_title"]; ?></td> /* Line A …
Run Code Online (Sandbox Code Playgroud)

html javascript css php modal-dialog

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