小编Ana*_*ria的帖子

从字符串中删除最后一个逗号

使用JavaScript,如何删除最后一个逗号,但仅当逗号是最后一个字符或逗号后面只有空格时?这是我的代码.我有一个工作小提琴.但它有一个错误.

var str = 'This, is a test.'; 
alert( removeLastComma(str) ); // should remain unchanged

var str = 'This, is a test,'; 
alert( removeLastComma(str) ); // should remove the last comma

var str = 'This is a test,          '; 
alert( removeLastComma(str) ); // should remove the last comma

function removeLastComma(strng){        
    var n=strng.lastIndexOf(",");
    var a=strng.substring(0,n) 
    return a;
}
Run Code Online (Sandbox Code Playgroud)

javascript

118
推荐指数
5
解决办法
14万
查看次数

html格式的条目"action ='?'"是什么意思?

我在html文件中找到了一个条目

'<form action="?" ... '
Run Code Online (Sandbox Code Playgroud)

我不明白它的作用.在Google中搜索未返回任何结果.实际上它是一个Django模板文件,但我没有在django模板文档中找到任何东西.

html forms

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

背景 - BODY标签的颜色应用于整个HTML

我对html中body标签的大小感到困惑.

我有一个严格的代码如下:

<body>

</body>
Run Code Online (Sandbox Code Playgroud)
 body{
        padding: 0px;
        height: 100px;
        background-color: #e5e5e5;
    }
Run Code Online (Sandbox Code Playgroud)

为什么背景会覆盖所有页面?,我认为它应该只覆盖100px,

请为我解释一下,谢谢你的帮助!

html css

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

从Oracle DB构造JSON字符串

我有一个Web应用程序,它从JSON字符串中获取数据.JSON采用以下格式

{
    "contacts": [{
        "type": "contact",
        "name": "John Doe",
        "contact": 1,
        "links": ["Spouse", "Friends","Jane Doe","Harry Smith"]
                 }]
}
Run Code Online (Sandbox Code Playgroud)

现在这是一个示例数据.我的实际数据库是在Oracle中.我的问题是如何从Oracle构造这个JSON.

oracle json

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

在html中使用div全屏制作2x2网格

我尝试在2x2位置形成一个4格的网格.在这些div之间我想要一个宽度为1像素的边框,基本上看起来像这样:

1|2
-+-
3|4
Run Code Online (Sandbox Code Playgroud)

div必须在大小上相等,并且总体上需要以任何分辨率全屏显示.我的第一个想法是为行创建2个div,并在每个div中为列添加2个div,向左浮动.到目前为止,我有完美的行,但只要我添加div之间的边框就会出现一个滚动条.显然,边框不包括在宽度中:50%.我怎样设法得到这个?

到目前为止这是我的代码.

CSS

 html, body 
            {
                margin: 0;
                padding: 0;
                width: 100%;
                min-height: 100%;
            }

            .row
            {
                Width: 100%;
                Height: 50%;
             }

            .border
            {
                border-bottom: 1px solid black;
            }
Run Code Online (Sandbox Code Playgroud)

HTML

<div class="row border" style="background-color: red;">

    </div>
    <div class="row" style="background-color: blue">

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

我还尝试使代码在小提琴演示中运行:DEMO但由于某种原因,身高和/或html的高度100%将无效.

html css3

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

允许用户更改div的文本

这只是我另一个问题的疑问.但是我没有解决方案,所以我重新发布这个问题,希望有人可以解决我的困境.

我有一个div.I希望div内容是editabe.我基本上想要的是点击一个按钮,div应该变成一个文本框,并允许用户更改div的内容.我宁愿避免Jquery.

http://jsfiddle.net/qbXcw/11/

HTML

<div id="main">
    <div id="allowedit">CLICK BUTTON TO EDIT THIS TEXT
        <input type="button" value="CLK ME" onclick="changetext(this)" />
    </div>
  <div>
Run Code Online (Sandbox Code Playgroud)

JAVASCRIPT

changetext = function (e) {  
     src=(e.parentNode);
     src.outerHTML="<div><input +"+"name=input"+"></div>";     
}
Run Code Online (Sandbox Code Playgroud)

html javascript

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

如果用户使用jquery选择3个以上选项,则从多个选择中删除最后选择的元素

我需要从多个选择中仅选择3个选项.如果用户选择的选项多于上一个选定元素,则应替换为单击的新选项.

我有一个例子如下:

<select multiple id='testbox'>
      <option value='1'>First Option</option>
      <option value='2'>Second Option</option>
      <option value='3'>Third Option</option>
      <option value='4'>Fourth Option</option>
      <option value='5'>Fifth Option</option>
      <option value='6'>Sixth Option</option>
      <option value='7'>Seventh Option</option>
      <option value='8'>Eighth Option</option>
      <option value='9'>Ninth Option</option>
      <option value='10'>Tenth Option</option>
    </select>
Run Code Online (Sandbox Code Playgroud)

用户选择时

First option
Second option
Third option
Run Code Online (Sandbox Code Playgroud)

现在他达到最大选择限制3.如果他点击另一个选项,如第十个选项,我需要删除第三个选项并获得选择第十个选项

为此,我尝试了这个但不知道如何实现我的目标

<script type="text/javascript">
    google.load("jquery", "1");

    $(document).ready(function() {
        //alert("1111");
      var last_valid_selection = null;

      $('#testbox').change(function(event) {
        if ($(this).val().length > 2) {
          alert('You can only choose 2!');
          $(this).val(last_valid_selection);
        } else {
          last_valid_selection = $(this).val(); …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery multi-select

5
推荐指数
3
解决办法
4200
查看次数

我的jQuery淡入效果不起作用

使用jQuery的这种淡入/淡出效果不起作用.我没有收到错误.菜单完美呈现并正常工作但悬停时菜单没有延迟或淡入淡出.这是工作的FIDDLE.我正在使用jQuery 1.9.1.我不想发布CSS,因为它太大而且会占用.我认为的问题是jQuery而不是CSS.

HTML

<ul id="nav">
    <li><a href="#">1 HTML</a>
    </li>
    <li><a href="#">2 CSS</a>
    </li>
    <li><a href="#">3 Javascript </a>

        <ul>
            <li><a href="#">3.1 jQuery</a>

                <ul>
                    <li><a href="#">3.1.1 Download</a>
                    </li>
                    <li><a href="#">3.1.2 Tutorial</a>
                    </li>
                </ul>
            </li>
            <li><a href="#">3.2 Mootools</a>
            </li>
            <li><a href="#">3.3 Prototype</a>
            </li>
        </ul>
    </li>
</ul>
Run Code Online (Sandbox Code Playgroud)

JQUERY

$(document).ready(function () {
    $(" #nav li").hover(

    function () {
        $(this).find('ul:first').stop(true, true).delay(1000).fadeIn("slow")
    }, function () {
        $(this).find('ul:first').stop(true, true).delay(1000).fadeOut("slow");
    }

    )

});
Run Code Online (Sandbox Code Playgroud)

CSS

html jquery

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

标签 统计

html ×6

javascript ×3

jquery ×2

css ×1

css3 ×1

forms ×1

json ×1

multi-select ×1

oracle ×1