小编Kyl*_*Mit的帖子

Twitter Bootstrap - 导航栏内的下拉菜单,但在导航崩溃之外

我想在导航栏中添加一个下拉列表,但要确保在将浏览器调整为较窄的宽度时,下拉列表在导航栏中仍然可见,并且不包含在导航折叠中.

下面的HTML工作.但是,当页面调整大小时,下拉列表会下降到下一行,并在导航栏中显示展开,让我有一个非常深的导航栏.

我正在调用bootstrap-collapse.js和bootstrap-dropdown.js.

有人有任何想法吗?

<div class="navbar navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>
      <a class="brand" href="#">Project</a>
      <div class="nav-collapse">
        <ul class="nav">
          <li class="active"><a href="#">Home</a></li>
          <li><a href="#about">About</a></li>
          <li><a href="#contact">Contact</a></li>
        </ul>
      </div><!--/.nav-collapse -->
      <div class="container">
        <ul class="nav pull-right">
            <li class="divider-vertical"></li>
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Sharing<b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="#">Twitter</a></li>
                    <li><a href="#">Facebook</a></li>
                    <li><a href="#">Google+</a></li>
                </ul>
            </li>
        </ul>
      </div>
    </div>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

navbar twitter-bootstrap

7
推荐指数
2
解决办法
7977
查看次数

从Pinterest网址获取电路板上的所有图像

这个问题听起来很简单,但并不像听起来那么简单.

什么是错的简要总结

例如,使用此板; http://pinterest.com/dodo/web-designui-and-mobile/

检查页面顶部的板本身(在div类中GridItems)的HTML会产生:

<div class="variableHeightLayout padItems GridItems Module centeredWithinWrapper" style="..">
    <!-- First div with a displayed board image -->
    <div class="item" style="top: 0px; left: 0px; visibility: visible;">..</div>
    ...
    <!-- Last div with a displayed board image -->
    <div class="item" style="top: 3343px; left: 1000px; visibility: visible;">..</div>
</div>
Run Code Online (Sandbox Code Playgroud)

然而在页面底部,在激活无限滚动几次之后,我们将其作为HTML:

<div class="variableHeightLayout padItems GridItems Module centeredWithinWrapper" style="..">
    <!-- First div with a displayed board image -->
    <div class="item" style="top: 12431px; left: 750px; visibility: visible;">..</div>
    ...
    <!-- Last …
Run Code Online (Sandbox Code Playgroud)

html javascript c# ajax pinterest

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

VBA正则表达式,替换组

我正在使用Excel中的VBA正则表达式替换格式错误的日期字符串(和其他项目).

我希望替换具有正确的YYYY-MMM-DD格式的日期字符串,但缺少破折号分隔符 - 例如:

2014,APRIL,04 or 
2014.Apr,04 or
2014/Apr-04
Run Code Online (Sandbox Code Playgroud)

我希望它们被格式化为以下任何一种:

2014-Apr-04
2014-April-04
Run Code Online (Sandbox Code Playgroud)

(即保留提供的年,月,日元素,但只需用短划线替换分隔符,而不是逗号,句号或其他奇怪的字符)

我现在的代码是:

Dim RE As Object
Set RE = CreateObject("vbscript.regexp")
With RE
    .Global = False ' Several occurrence to be found
    .IgnoreCase = True
    .Pattern = "(((19|20)[0-9]{2})[, /.]([a-zA-Z]+)[, /.](0[1-9]|[12][0-9]|3[01])[, /.])"
End With

Dim ReplacePattern As String
ReplacePattern = "$1-$2-$3"

Dim match As Boolean
match = RE.Test(LogEntryTxt)

LogEntryTxt = RE.Replace(LogEntryTxt, ReplacePattern)
Run Code Online (Sandbox Code Playgroud)

但似乎替换不正确.有人可以帮忙吗?我曾尝试研究命名组,编号组等,但我尝试过的任何事情都没有完成.

regex excel vba excel-vba

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

Google Apps脚本 - 根据单元格值查找行号

我正在寻找一些帮助,找到包含特定值的单元格的行号.

电子表格包含多个行和列的大量数据.我正在遍历.getDataRange并且可以找到包含我正在寻找的值的单元格.一旦找到,我想知道他的单元格所在的行,这样我就可以进一步获取额外的单元格值,因为我确切地知道有多少行和/或其他信息的列来自找到的单元格.

以下是查找包含特定字符串的单元格的一些代码.

function findCell() {
  var ss = SpreadsheetApp.getActiveSpreadsheet();
  var sheet = ss.getActiveSheet();
  var dataRange = sheet.getDataRange();
  var values = dataRange.getValues();

  for (var i = 0; i < values.length; i++) {
    var row = "";
    for (var j = 0; j < values[i].length; j++) {     
      if (values[i][j] == "User") {
        row = values[i][j+1];
        Logger.log(row);
      }
    }    
  }  
}
Run Code Online (Sandbox Code Playgroud)

输出时,Logger.log(row)它给出了我正在寻找的值.我想确定每个值在哪一行,因此我可以在X行数和X列上下载以获取其他单元格的内容.

google-apps-script

7
推荐指数
4
解决办法
3万
查看次数

bootstrap-switch如何显示大型标签文本

我正在使用twitter bootstrap-switch插件显示一个带有两个选项的复选框.它适用于带有小标签文本的复选框,如"是/否".但是,当涉及更大的标签文本(如"正常/异常")时,部分文本对用户不可见.

我试图使用该data_size属性:

@Html.CheckBoxFor(model => Model.keyitems[i].Status,
                  new { @checked = "checked",
                        @data_on_text = "Normal",
                        @data_off_text = "Abnormal",
                        @data_size = "switch-large" })
Run Code Online (Sandbox Code Playgroud)

但它没有用.

如何让插件支持更长的文本?

html css twitter-bootstrap bootstrap-switch

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

在Bootstrap-Select中显示标题,不带空元素

Bootstrap-Select中,如何防止第一个选定项目显示在标题中.或者,如何从下拉选项列表中隐藏空的第一项

在HTML中,该<select>元素将<option>默认自动选择第一个元素.典型的方法是创建一个空白的第一行,但这看起来很奇怪,作为bootstrap select公开的下拉菜单的一部分.

这是我的两个选择:

<select class="selectpicker" title="Pick One">
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Relish</option>
</select>

<select class="selectpicker" title="Pick One">
  <option></option>
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Relish</option>
</select>
Run Code Online (Sandbox Code Playgroud)

但看起来都不是很好.第一个title完全忽略属性,第二个有一个空白区域,在下拉菜单上看起来很奇怪:

截图

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/css/bootstrap-select.css" rel="stylesheet"/>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/js/bootstrap-select.js"></script>

<select class="selectpicker" title="Pick One">
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Relish</option>
</select>

<select class="selectpicker" title="Pick One">
  <option></option>
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Relish</option>
</select>
Run Code Online (Sandbox Code Playgroud)

html css jquery twitter-bootstrap bootstrap-select

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

contenteditable 的 html 数据列表(非输入标签)

我想知道是否有任何非法侵入的方式可能有人知道这将允许HTML数据列表元件的作用,与contenteditable元素,不会与<input>元素

示例代码:

<label>Choose a browser from this list:
  <span contenteditable list="browsers" name="myBrowser">choose</span> 
</label>
<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Internet Explorer">
  <option value="Opera">
  <option value="Safari">
  <option value="Microsoft Edge">
</datalist>
Run Code Online (Sandbox Code Playgroud)

小提琴演示

似乎它只能与<input>元素绑定。在我的情况下,我有一个 javascript 插件,它隐藏了一个输入字段并将其替换为span,对于一些只能使用常规 DOM 元素完成的“特殊”事情,例如span. 这个跨度是contenteditable和行为是它替换的输入的模拟,而输入是隐藏的。

html javascript html-input contenteditable html-datalist

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

python中没有数据类型的Dynamodb get_item和put_item

我目前有一个 python 脚本,如下所示:

import boto3
...
response = dynamodb.get_item(
  TableName = dynamodb_table_name,
  Key = {
    "snippet_id": {
      "S": snippet_id
    }
  }
)
if "Item" in response:
    item = response["Item"]
    print(json.dumps(item, indent=4, cls=DecimalEncoder))
Run Code Online (Sandbox Code Playgroud)

这会打印类似于以下内容的内容:

{
    "var_1": {
        "BOOL": false
    }, 
    "var_2": {
        "S": "Text"
    }, 
    "snippet_id": {
        "S": "3a97e45c-ffed-4c76-8bb4-b2a32f49a5d2"
    }
}
Run Code Online (Sandbox Code Playgroud)

知道如何进行类型检测并返回:

{
    "var_1": False, 
    "var_2": "Text",
    "snippet_id": "3a97e45c-ffed-4c76-8bb4-b2a32f49a5d2"
}
Run Code Online (Sandbox Code Playgroud)

另外,这也可以用于查询吗?

python amazon-dynamodb boto3

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

滚动到 botframework 网络聊天中的气泡顶部

我们的聊天机器人的一些答案很长。网络聊天会自动滚动到底部,因此用户必须向上滚动才能到达气泡顶部并开始阅读。

我已经实现了一个自定义渲染器 (react) 来将答案包装到一个自定义组件中,该组件只是将答案包装到一个 div 标签中。我还实现了一段简单的代码来滚动到气泡的顶部。

const MyCustomActivityContainer = ({ children }) => {
    const triggerScrollTo = () => {
        if (scrollRef && scrollRef.current) {
            (scrollRef.current as any).scrollIntoView({
                behavior: 'smooth',
                block: 'start',
            })
        }
    }

    const scrollRef: React.RefObject<HTMLDivElement> = React.createRef()

    return (
        <div ref={ scrollRef } onClick={ triggerScrollTo }>
            { children }
        </div>
    )
}

export const activityMiddleware = () => next => card => {
    if (/* some conditions */) {
        return (
            <MyCustomActivityContainer>
                { next(card) }
            </MyCustomActivityContainer>
        ); …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs web-chat botframework

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

如何在 C# 中发送带有表单数据的 POST

我正在尝试制作一个程序,通过 POST 中的用户名、密码、硬件 ID 和密钥来请求我的网站。

我这里有这段代码,应该使用该表单数据向我的网站发送 POST 请求,但是当它发送时,我的网络服务器报告说它没有收到 POST 数据

try
{
    string poststring = String.Format("username={0}&password={1}&key={2}&hwid={3}", Username, Password, "272453745345934756392485764589", GetHardwareID());
    HttpWebRequest httpRequest =
(HttpWebRequest)WebRequest.Create("mywebsite");

    httpRequest.Method = "POST";
    httpRequest.ContentType = "application/x-www-form-urlencoded";

    byte[] bytedata = Encoding.UTF8.GetBytes(poststring);
    httpRequest.ContentLength = bytedata.Length;

    Stream requestStream = httpRequest.GetRequestStream();
    requestStream.Write(bytedata, 0, bytedata.Length);
    requestStream.Close();


    HttpWebResponse httpWebResponse =
    (HttpWebResponse)httpRequest.GetResponse();
    Stream responseStream = httpWebResponse.GetResponseStream();

    StringBuilder sb = new StringBuilder();

    using (StreamReader reader =
    new StreamReader(responseStream, System.Text.Encoding.UTF8))
    {
        string line;
        while ((line = reader.ReadLine()) != null)
        {
            sb.Append(line);
        }
    }

    return sb.ToString(); …
Run Code Online (Sandbox Code Playgroud)

c#

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