小编Ash*_*Ash的帖子

使用Charts.js禁用动画

我在使用charts.js关闭动画时遇到了一些麻烦.

这是我的代码:

var pieData = [
    {
        value: 30,
        color:"#F38630"
    },
    {
        value : 50,
        color : "#E0E4CC"
    },
    {
        value : 100,
        color : "#69D2E7"
    }    
];

var myPie = new Chart(document.getElementById("canvas").getContext("2d")).Pie(pieData);
Run Code Online (Sandbox Code Playgroud)

谁能提供一个例子?

javascript charts

62
推荐指数
9
解决办法
6万
查看次数

如何检查jquery中的空attr()?

我有一些使用PHP创建的div.div中的锚点总是有一个HREF,即使它是空白的.基本上,我试图检测HREF是否为空白.如果它有内容,则不执行任何操作,如果它为空白,则删除文本,删除锚点,然后将文本放回原位.

这是div:

<div class="title"> 
    <a class="article" href="">Lorem Ipsum</a> 
</div> 
Run Code Online (Sandbox Code Playgroud)

这是我的代码:

jQuery(document).ready(function($) { //required for $ to work in Wordpress

    $(".article").each(function(){
        if ($(this).attr('href') !== undefined) {
            return;
        } else {
            var linkTitle = $(this).html();
            $(this).parent().empty().html(linkTitle);
        }                               
    });    
//-->
});
Run Code Online (Sandbox Code Playgroud)

each jquery attr

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

防止在LineChart中重叠categoryAxis标签

使用以下选项无法帮助我在调整浏览器大小时阻止我的CategoryAxisLabels在折线图中重叠.

categoryAxis.autoGridCount = true;
categoryAxis.minHorizontalGap = 100;
categoryAxis.gridPosition = "start";
categoryAxis.equalSpacing = false;
categoryAxis.parseDates = false;
chart.validateNow();
Run Code Online (Sandbox Code Playgroud)

我在$(wndow).on('resize', function() {...});事件上触发了这些功能.

请注意我还有一个自定义labelFunction来格式化轴标签.

我的结果:autoGridCall从476px到更低,但在它之上,所有categoryAxis标签值都出现在x轴上,并以最可耻的方式相互重叠.:(

有人可以帮帮我吗.真的卡住!! :(

jquery linechart amcharts

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

搜索部分类名,返回完整的类名

想象一下:

页面A包含以下内容body:

<div class="overlay-homepage"><span></span></div>
Run Code Online (Sandbox Code Playgroud)

第B页包含:

<div class="overlay-results"><span></span></div>
Run Code Online (Sandbox Code Playgroud)

我可以使用这个脚本来识别它们是否包含一个覆盖类:

function() {
    var htmlString = $('body').html().toString();
    var index = htmlString.indexOf("div class=\"overlay-");
    if (index != -1)
        return("It works");
}
Run Code Online (Sandbox Code Playgroud)

对于返回值,而不是"它的工作原理",如何让它拉入类名的其余部分,例如"叠加结果"或者如果需要整个div内容,例如" <div class="overlay-results"><span></span></div>"?

还有许多其他页面具有不同的'overlay-'类名称,因此我不想对每个页面进行一次搜索,因此这种"一刀切"的方法.

javascript css jquery

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

iPad HTML Focus

我有一个问题,关注iPad上的文本字段.我在哪里使用:

$(document).bind("click",function(event) {
    alert('click');
    focusTextArea();
});
Run Code Online (Sandbox Code Playgroud)

焦点设置为文本区域,并出现键盘.但是,当使用touchend调用时,focusTextArea不会调用并且键盘不可见.我的focusTextArea功能是:

function focusTextArea() {
    $('#textArea').focus();
}
Run Code Online (Sandbox Code Playgroud)

有谁知道为什么会发生这种情况,以及我怎么能够让它发挥作用?

TIA,

亚当

html jquery ipad

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

在没有PostBack的情况下更改标签文本(使用更新面板)

我创建了一个ASP.NET网站.我想要做的是根据下拉列表中选择的项目使标签更改其内容.我尝试了这个,但它不起作用:

下拉列表如下所示:

<asp:DropDownList ID="DropDown1" runat="server" >
    <asp:ListItem Value="a"></asp:ListItem>
    <asp:ListItem Value="b"></asp:ListItem>
    onselectedindexchanged="DropDown1_SelectedIndexChanged"
</asp:DropDownList>
Run Code Online (Sandbox Code Playgroud)

标签:

<asp:Label ID="Label1" Text="" runat="server"/>
Run Code Online (Sandbox Code Playgroud)

我想这样做而不必使用PostBack.

我试图使用ajax Update面板像这样:

<asp:UpdatePanel runat="server" id="UpdatePanel" updatemode="Conditional">        
    <Triggers>
        <asp:AsyncPostBackTrigger controlid="DropDown1"                                       EventName="SelectedIndexChanged" />
    </Triggers>
    <ContentTemplate>
        <asp:Label ID="Label1" Text="" runat="server"/>
    </ContentTemplate>
</asp:UpdatePanel>
Run Code Online (Sandbox Code Playgroud)

并且在代码后面DropDown1_SelectedIndexChanged事件中:

protected void DropDown1_SelectedIndexChanged(object sender, EventArgs e)
{
    Label1.Text = DropDown1.SelectedValue;
}
Run Code Online (Sandbox Code Playgroud)

但这不起作用.

任何人都可以帮助我吗?

非常感谢您的帮助

c# asp.net updatepanel

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

使用FileSaver.js保存excel文件

我试图将数据导出到角js中的excel

1)用户单击按钮2)$ scope.myArray中的数据保存到excel文件.

我试过了

var blob = new Blob($scope.myArray , {
    type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8"
});
saveAs(blob, "Report.xls");
};
Run Code Online (Sandbox Code Playgroud)

它会提示打开excel文件.但每当我尝试打开它时,它表示文件格式或文件扩展名无效.

任何帮助!

jquery export-to-excel angularjs filesaver.js

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

用NoUiSlider值替换隐藏字段值以传递到PHP

我在我的网站上使用了NoUiSlider JS插件,该插件允许用户使用滑块选择预算,这很好,但是我希望他们选择的值包含在联系/报价表格中。

我向表单添加了一个隐藏字段,我认为该值需要从NoUiSlider部分中替换。

这是我的代码,有什么想法吗?

<div id="slider-range"></div>

<div id="budget_value">
    &pound;<div id="slider-range-value"></div>
</div>

<input type="text" name="budget" value="" id="budget" class="hid"/>

<script>
    var rangeSlider = document.getElementById('slider-range');
    noUiSlider.create(rangeSlider, {
        start: [ 1500 ],
        step: 250,
        range: {
            'min': [  0 ],
            'max': [ 10000 ]
        }
    });
    var rangeSliderValueElement = document.getElementById('slider-range-value');
    rangeSlider.noUiSlider.on('update', function( values, handle ) {
        rangeSliderValueElement.innerHTML = values[handle];
    });
</script>
Run Code Online (Sandbox Code Playgroud)

亲切的问候利亚姆

html javascript jquery nouislider

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

使用Bootstrap PHP Form向导插入sql

我正在尝试学习PHP并遇到了Bootstrap Form向导,并想尝试一下.

我已经制作了一个基本的注册表单,它基本上应该将表单中的值插入到数据库中.

使用普通表单我已使用表单提交按钮成功注册.但是使用这个向导我没有提交按钮,很少有研究我发现这种类型的表单是用jquery处理的,依此类推.我需要了解如何继续使用这些表单使用POST将数据插入到我的数据库中.

PHP代码:

<?php
    session_start();
    include_once 'dbConnect.php';

    if(!isset($_SESSION['user']))
    {
        header("Location: index.php");
    }
    $res=mysql_query("SELECT * FROM emp_table WHERE user_id=". $_SESSION['user']."");
    $userRow=mysql_fetch_array($res);    
?>

<!DOCTYPE html>
<html>
<head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width,initial-scale=1">
      <meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
      <meta name="author" content="Coderthemes">
      <link rel="shortcut icon" href="images/favicon_1.ico">
      <title>Create New Customer</title>
      <link rel="stylesheet" type="text/css" href="plugins/jquery.steps/demo/css/jquery.steps.css">
      <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
      <link href="css/core.css" rel="stylesheet" type="text/css">
      <link href="css/components.css" rel="stylesheet" type="text/css">
      <link href="css/icons.css" rel="stylesheet" type="text/css">
      <link href="css/pages.css" …
Run Code Online (Sandbox Code Playgroud)

javascript php forms jquery twitter-bootstrap

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

如何使用ajax从CodeIgniter中的动态生成表单上传图像

我想使用jquery ajax将图像上传到本地文件夹.复杂的部分是我有动态生成的表单,以及我给它的id的那些表单和字段,以便显示提交的表单,如下所示.我正在使用以下代码,但图片未上传.

查看:Upload_View.php

<script type="text/javascript">
    function sendVideoData(frm_id)
    {    
        var data = new FormData(document.getElementById("post_video_"+frm_id));
        // make the AJAX request
        jQuery.ajax({
            type: "POST",
            url: "<?php echo base_url(); ?>"+"dashboard/do_upload",
            data: data+'&form_id='+frm_id,
            mimeType:"multipart/form-data",
            contentType: false,
            cache: false,
            processData:false,
            dataType: 'json',
            success: function (data) {
                alert("data"+data);
            },            
        });        
        return false;
    }
</script>

<form name="post_video" id="post_video_<?=$row1['id']?>" method="post" onsubmit="return sendVideoData(<?=$row1['id']?>)">           
    <input type="file" name="save_movie_<?=$row1['id']?>" id="movie_<?=$row1['id']?>" /> 
    <input name="type_lecture_id" class="get_lecture_id" id="get_lecture_id_<?=$row1['id']?>" value="<?=$row1['id']?>" type="hidden"/>
    <input type="button" class="postbtn" id="submit_movie_<?=$row1['id']?>" value="Upload Video File"/>
</form>
Run Code Online (Sandbox Code Playgroud)

控制器:

$formid=$_POST['form_id']; 

$filename='save_movie_'.$formid;
$path_parts = pathinfo($_FILES[$filename]["name"]);
$extension = …
Run Code Online (Sandbox Code Playgroud)

php ajax jquery codeigniter codeigniter-2

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

从下拉列表中获取选定值的问题

我试图从JavaScript和HTML的下拉列表中获取值,这是两个日期(格式只是年份),但我有一个错误,说"TypeError:"#sortDateFrom".val不是函数"

我想检查开头是否小于结束.

我的HTML代码:

<div class="col-lg-2 col-md-2 col-sm-2">
    <select class="form-control" id="sortDateFrom">
        <option selected disabled>-Date From-</option>
        <option>1900</option>
        <option>1910</option>
        <option>1920</option>
        <option>1930</option>
        <option>1940</option>
        <option>1950</option>
        <option>1960</option>
        <option>1970</option>
        <option>1980</option>
        <option>1990</option>
        <option>2000</option>
        <option>2010</option>
    </select>
</div> <!-- end column 3: Date From -->
<div class="col-lg-2 col-md-2 col-sm-2">
    <select class="form-control" id="sortDateTo">
        <option selected disabled>-Date To-</option>
        <option>1900</option>
        <option>1910</option>
        <option>1920</option>
        <option>1930</option>
        <option>1940</option>
        <option>1950</option>
        <option>1960</option>
        <option>1970</option>
        <option>1980</option>
        <option>1990</option>
        <option>2000</option>
        <option>2010</option>
    </select>
</div> <!-- end column 3: Date To -->
Run Code Online (Sandbox Code Playgroud)

我在Javascript中的功能:

<script>    
    $(document).ready(function(){       
        var startDate = ('#sortDateFrom').val();
        var endDate = ('#sortDateTo').val();

        if (startDate …
Run Code Online (Sandbox Code Playgroud)

html javascript

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

JavaScript - 使用简单程序(条件,随机,布尔)

当我学习JavaScript时,我已经构建了一个小程序作为挑战.该程序基于Math.random的功能,也使用条件语句和布尔赋值.

我的问题是:在下面的代码中,我被告知你不必严格将boolean correctGuess均衡为true,这是什么原因,这意味着我应该if (correctGuess === true)跟着else语句或者if (correctGuess)后跟else语句.

这是代码:

var correctGuess = false;
var randomNumber = Math.floor(Math.random() * 6) + 1;
var guess = prompt("I am thinking of a number between 1 and 6. What is it?");
if (parseInt(guess) === randomNumber ) {
    correctGuess = true;
} else if (parseInt(guess) < randomNumber) {
    var guessMore = prompt(" Sorry, your guess whas too low. Try again");
    if ( parseInt(guessMore) === randomNumber) {
        correctGuess = true;
    }
} else …
Run Code Online (Sandbox Code Playgroud)

html javascript css

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