小编Bac*_*ice的帖子

使用jquery使用每个输入值动态创建JSON

我有一种情况,我想通过PHP读取JSON格式的一些数据,但是我有一些问题需要理解我应该如何构造Javascript对象来动态创建JSON格式.

我的方案如下:

<input title="QA" type="text" class="email">
<input title="PROD" type="text" class="email">
<input title="DEV" type="text" class="email">
Run Code Online (Sandbox Code Playgroud)

到目前为止我的Javascript代码经过每个输入抓取数据,但是我无法从这里了解如何处理.

var taskArray = {};

$("input[class=email]").each(function() {
  var id = $(this).attr("title");
  var email = $(this).val();

  //how to create JSON?

});
Run Code Online (Sandbox Code Playgroud)

如果可能的话,我想获得以下输出.

[{title: QA, email: 'a@a.com'}, {title: PROD, email: 'b@b.com'},{title: DEV, email: 'c@c.com'}]
Run Code Online (Sandbox Code Playgroud)

通过输入字段值获取电子邮件的位置.

任何有关这种情况的灯光都将不胜感激!

html javascript jquery html5 json

78
推荐指数
3
解决办法
30万
查看次数

如何使用jquery检查JSON返回是否为空

$.getJSON(url, function(json) {
  var output = '';
  $.each(json, function(i,d) {

    if(d.DESCRIPTION == 'null'){ 
      console.log("Its empty");
    }
    var description = d.DESCRIPTION;
    output += '<tr><td>'+d.NAME+'</td><td>'+'<tr><td>'+d.DESCRIPTION+'</td><td>';
  });
});
Run Code Online (Sandbox Code Playgroud)

我试过添加

if(d.DESCRIPTION == 'null'){ console.log("Its empty"); 
Run Code Online (Sandbox Code Playgroud)

检查返回的对象是否为空,但不起作用.

有人可以向我解释这有什么问题吗?

javascript ajax jquery json

33
推荐指数
3
解决办法
13万
查看次数

如何使用php将数据数组插入mysql

目前我有一个数组,通过print_r()输出时看起来如下;

Array
(
    [0] => Array
        (
            [R_ID] => 32
            [email] => a@a.com
            [name] => Bob
        )

    [1] => Array
        (
            [R_ID] => 32
            [email] => b@b.com
            [name] => Dan
        )

    [2] => Array
        (
            [R_ID] => 32
            [email] => c@c.com
            [name] => Paul
        )

    [3] => Array
        (
            [R_ID] => 35
            [email] => d@d.com
            [name] => Mike
        )  
)
Run Code Online (Sandbox Code Playgroud)

我想将这些数据插入到一个表中,每个元素值属于其各自的字段.

目前我的PHP代码如下所示

if(is_array($EMailArr)){
    foreach($EMailArr as $R_ID => $email => $name){

    $sql = "INSERT INTO email_list (R_ID, EMAIL, NAME) values ('$R_ID', …
Run Code Online (Sandbox Code Playgroud)

php mysql

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

是否可以在悬停时在两个奇特的图标之间进行更改?

我有一个带有font-awesome图标的锚标记,如下所示

<a href="#" class="lock"><i class="icon-unlock"></i></a>
Run Code Online (Sandbox Code Playgroud)

是否可以在悬停到其他图标时更改为图标?

我的CSS

.lock:hover{color:red}
Run Code Online (Sandbox Code Playgroud)

除了图标变红外,我还想将图标更改为以下内容

<i class="icon-lock"></i>
Run Code Online (Sandbox Code Playgroud)

没有JavaScript的帮助,这可能吗?或者我是否需要在悬停时使用Javascript/Jquery?

谢谢.

html javascript css font-awesome

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

无法使用Google Chrome扩展程序触发chrome.browserAction.onClicked.addListener

我有点卡在这里,想知道是否有人能指出我可能出错的地方.

我只是想点击应用程序图标,将身体颜色变为红色.

的manifest.json

{
    "name": "Bagde",
    "description": "",
    "version": "1",
    "manifest_version": 2,
    "background": {
        "scripts": [
            "background.js"
        ]
    },
    "browser_action": {
        "default_title": "Test",
        "default_popup": "popup.html"
    }
}
Run Code Online (Sandbox Code Playgroud)

popup.html

<html>

    <head>
        <script src="popup.js"></script>
    </head>

    <body>
        <p>Some Content ..</p>
    </body>

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

popup.js

document.addEventListener("DOMContentLoaded", function () {
    //Get Reference to Functions
    backGround = chrome.extension.getBackgroundPage();
    //Call Function
    backGround.updateIcon();
  });
Run Code Online (Sandbox Code Playgroud)

background.js

var i = 1;

function updateIcon() {
    i = 1;
    chrome.browserAction.setBadgeText({
        text: 'Test'
    });
    chrome.browserAction.setPopup({
        popup: "popup.html"
    });
}


chrome.browserAction.setBadgeBackgroundColor({
    color: [200, 0, 0, …
Run Code Online (Sandbox Code Playgroud)

google-chrome google-chrome-extension google-chrome-app

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

点击(右键单击)使用传单地图库获取图像叠加的像素坐标

我正在尝试使用传单地图库在点击(右键单击/上下文菜单)上获取图像叠加的像素坐标.基本上当用户点击图像时,我需要找到用户点击图像的x,y或宽度,高度.

目前这就是我所拥有的.

// Using leaflet.js to pan and zoom a big image.
// See also: http://kempe.net/blog/2014/06/14/leaflet-pan-zoom-image.html

// create the slippy map
var map = L.map('image-map', {
    minZoom: 1,
    maxZoom: 4,
    center: [0, 0],
    zoom: 1,
    crs: L.CRS.Simple,
});

// dimensions of the image
var w = 2000,
    h = 1500,
    url = 'http://kempe.net/images/newspaper-big.jpg';

// calculate the edges of the image, in coordinate space
var southWest = map.unproject([0, h], map.getMaxZoom() - 1);
var northEast = map.unproject([w, 0], map.getMaxZoom() - 1);
var …
Run Code Online (Sandbox Code Playgroud)

javascript maps google-maps-api-3 leaflet

9
推荐指数
2
解决办法
8645
查看次数

使用fullcalendar跳过周末和使用3天事件块拆分日期

我有一个关于插件的问题,名为"fullcalendar",可以在这里查看https://fullcalendar.io/docs/event-data

我想要实现的是修改我当前脚本位于我的jsfiddle链接下面.当外部事件被拖放到例如星期五附近时,创建一个事件拆分块,3天的事件块将分开,并将跳过星期六和星期日,并将其余的事件块放在星期一和星期二.

我下面的脚本目前在您放置活动的那一天后的任何三天内放置三天的外部事件.

JSFiddle Link http://jsfiddle.net/rayshinn/G3VTa/

为了创建3天的阻止,我添加了以下内容

var threeDayBlock = new Date(date.getTime());
threeDayBlock.setDate(threeDayBlock.getDate() + 2);

copiedEventObject.end = threeDayBlock;
Run Code Online (Sandbox Code Playgroud)

html javascript jquery fullcalendar

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

Reveal.js HTML代码语法高亮显示而不呈现它

你好,reveal.js用户快速提问.

我试图在reveal.js演示文稿中显示HTML标记.问题是它在我的代码语法高亮区域中呈现html块,因此无法看到标记.

有没有解决的办法?

以下示例

<section>
    <h2>Pretty Code</h2>
        <pre>
            <code contenteditable>

                <form id="demo-form" data-validate="parsley">
                <label for="fullname">Full Name * :</label>
                <input type="text" id="fullname" name="fullname" data-required="true" />

                <label for="email">Email * :</label>
                <input type="text" id="email" name="email" data-trigger="change" data-required="true" data-type="email" />

                <label for="website">Website :</label>
                <input type="text" id="website" name="website" data-trigger="change" data-type="url" />

                <label for="message">Message (20 chars min, 200 max) :</label>
                <textarea id="message" name="message" data-trigger="keyup" data-rangelength="[20,200]"></textarea>
                </form> 

            </code>
        </pre>
</section>
Run Code Online (Sandbox Code Playgroud)

谢谢.

javascript html5 presentation slideshow reveal.js

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

ajaxForm插件保持重定向到动作页面,忽略返回false;

嘿伙计们,当用户完成选择图像后,当用户在文件浏览窗口中单击打开时,我会有一个简单的表单.

我的HTML看起来如下.

<form id="imgForm" action="action.php" method="post" enctype="multipart/form-data">
        <div class="fileUpload btn btn-lg btn-primary">
            <span>Choose File</span>
            <input id="imageToBeUploaded" type="file" class="upload" name="image"/>
        </div>
</form>
Run Code Online (Sandbox Code Playgroud)

JavaScript的

$("body").on('submit', '#imgForm', function(){
    $(this).ajaxForm({target:'#uploadStatus'});
    console.log("submitting...");
    return false;
});

/* Uploading Profile BackGround Image */
$('body').on('change','#imageToBeUploaded', function() {
    //submit the form
    $("#imgForm").submit();
});
Run Code Online (Sandbox Code Playgroud)

我的问题是表单已提交但重定向到action.php页面并带有响应.我希望在当前页面上取回响应时停止重定向发生.返回false; 似乎没有按照http://malsup.com/jquery/form/#ajaxSubmit上的文档工作

任何帮助将不胜感激!

请注意,我必须支持IE8/9,这意味着formData是不可能的!

谢谢.

html javascript jquery ajax-forms ajaxform

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

使用javascript检查周末是否存在于日期范围内

想知道是否有人有一个解决方案来检查两个日期及其范围之间是否存在周末.

var date1 = 'Apr 10, 2014';
var date2 = 'Apr 14, 2014';


funck isWeekend(date1,date2){
   //do function

    return isWeekend;
}
Run Code Online (Sandbox Code Playgroud)

先感谢您.

编辑添加到目前为止我得到的东西.检查两天.

function isWeekend(date1,date2){
   //do function
    if(date1.getDay() == 6 || date1.getDay() == 0){
        return isWeekend;
        console.log("weekend")
    } 
        if(date2.getDay() == 6 || date2.getDay() == 0){
        return isWeekend;
        console.log("weekend")
    } 
}
Run Code Online (Sandbox Code Playgroud)

javascript date

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