小编dav*_*rad的帖子

带有引导程序的两个可滚动列

我尝试使用两个可滚动列(使用bootstrap 2.2)进行布局.现在它似乎工作,如果我删除"!doctype html"标签,所以我假设我的布局不符合规范.有人可以告诉我我做错了什么或如何更容易找到我的错误？

<!doctype html> <!-- scrolling only works without the doctype -->
<html xmlns="http://www.w3.org/1999/html">

<head>

    <link rel="stylesheet" media="screen" href="bootstrap.min.css">

    <script src="jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="bootstrap.min.js" type="text/javascript"></script>

    <style type="text/css">
        body, html {
            height: 100%;
            overflow: hidden;
        }

        .navbar-inner {
            height: 40px;
        }

        .scrollable {
            height: 100%;
            overflow: auto;
        }

        .max-height {
            height: 100%;
        }

        .no-overflow {
            overflow: hidden;
        }

        .pad40-top {
            padding-top: 40px;
        }
    </style>
</head>

<body>

<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <div class="nav-collapse collapse">
                <a class="brand" href="#">Title</a>
                <ul …

Run Code Online (Sandbox Code Playgroud)

html css layout html5 twitter-bootstrap

Fab*_*ian

2013 12-18

4
推荐指数

1
解决办法

9073
查看次数

使用Google Chart API和JSON for DataTable创建折线图

java我正在尝试使用Google Chart API创建折线图.我试图通过AJAX帖子使用JSON为数据表设置数据.

我有一个为饼图工作的版本,但我无法找到如何为折线图做.

以下是我使用ajax帖子创建图表的方法.

function drawLineGraph()
             {
                 $.post("loadGraph.php",
                    {
                        type: "line"
                    },
                    function (result)
                    {
                        var data = new google.visualization.DataTable(result);
                        var options = {
                            title: "Line Graph Test"
                        };

                        var chart = new google.visualization.LineChart(document.getElementById("lineChart"));
                        chart.draw(data, options);
                    }, "json"
                );
             }

Run Code Online (Sandbox Code Playgroud)

下面是loadGraph.php的代码

print json_encode(test());

    function test()
    {
        $array = array();
        if ($_POST['type'] == "line")
        {
            $array['cols'][] = array('type' => 'string');
            $array['cols'][] = array('type' => 'number');

            $temp = array();
            $array['row'][] = array('v' => (string) "20-01-13");
            $array['row'][] = array('v' => (int) 35); …

Run Code Online (Sandbox Code Playgroud)

javascript charts json google-visualization

Boa*_*rdy

2014 01-16

4
推荐指数

1
解决办法

2万
查看次数

bootstrap3缩略图网格

我找到了一个关于bootstrap网格的教程,但它是用bootstrap1.x编写的.现在我想使用bootstrap3来达到同样的效果.该文档说使用.img-thumbnail而不是.media-grid,但它似乎仍无效.我想要的是这样的: 在此输入图像描述

1.x版本是:

<ul class="media-grid">
            <li>
                <a href="#">
                    <img src="http://placehold.it/290x200" />
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="http://placehold.it/290x200" />

                </a>
            </li>
            <li>
                <a href="#">
                    <img src="http://placehold.it/290x200" />
                </a>
            </li>

    <!-- row of 4 thumbnails -->
            <li>
                <a href="#">
                    <img src="http://placehold.it/210x140" />
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="http://placehold.it/210x140" />
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="http://placehold.it/210x140" />
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="http://placehold.it/210x140" />
                </a>
            </li>       

        </ul><!-- end media-grid -->

Run Code Online (Sandbox Code Playgroud)

twitter-bootstrap twitter-bootstrap-3

jas*_*son

2013 09-22

4
推荐指数

1
解决办法

2万
查看次数

无法更改Oembed可视参数

从昨天开始,我们遇到了嵌入soundcloud播放器的问题.我们使用Oembed方法,但似乎并非所有参数都可以被操作.所以我们现在得到新的视觉播放器而不是旧的变体.

例如,当我们使用时:http://soundcloud.com/oembed？format = xml&url = https://soundcloud.com/radionetherlands/el-toque-educacion-sexual-a-la&visual=false

您会看到xml中的html节点现在包含2倍的可视参数

<oembed>
    <version type="float">1.0</version>
    <type>rich</type>
    <provider-name>SoundCloud</provider-name>
     <provider-url>http://soundcloud.com</provider-url>
     <height type="integer">400</height>
     <width>100%</width>
     <title>El Toque: Educacion sexual a la mexicana by Radio Netherlands</title>
    <description>"Cuando nos deje de dar verguenza que un niño nos pregunte de dónde vienen los bebés, podremos decir que estamos en buen camino en materia de educación sexual", decía una participante en el Noveno Congreso Mexicano de Educación Sexual y sexología FEMESS, realizado recientemente en Aguascalientes, México. Hasta allá se hizo …

Run Code Online (Sandbox Code Playgroud)

oembed soundcloud

Mie*_*rtz

2014 01-30

4
推荐指数

1
解决办法

1303
查看次数

jquery在数据表中标记新添加的行

我的html页面中有一个现有的数据表,我尝试使用fnAddData添加新行

var addId = vandropDatatable.fnAddData(["1", "2"]);

Run Code Online (Sandbox Code Playgroud)

如何找到新添加的行以为其添加一些类(例如addClass("New_item"))

jquery datatables

Vin*_*hNT

2016 06-14

4
推荐指数

1
解决办法

2276
查看次数

使用Jquery从DataTable中选择所有页面中的所有内容

我正在使用一个包含多个页面的DataTable.我使用Select All(基于jQuery)功能,可以很好地选择当前正在查看的页面中的所有记录.但问题是

我无法在表格中的不同页面中选择所有记录

如果我在一个页面中选择记录并移至下一页,则在第一页中选择的记录将丢失.

选择所有脚本

$(document).ready(function() {
    $('#checkall').click(function(event) {  //on click 
        if(this.checked) { // check select status
           $('.checkbox1').each(function() { 
              this.checked = true;  
           });
        }else{
           $('.checkbox1').each(function() { 
              this.checked = false;                      
           });         
        }
    });
});

Run Code Online (Sandbox Code Playgroud)

有人可以帮忙吗？

谢谢

select jquery-datatables

sal*_*med

2015 04-19

4
推荐指数

2
解决办法

7469
查看次数

使用document.evaluate()提取<svg>元素？

我试图用来document.evaluate()从元素中提取某些子元素<svg>.但是我只是通过提取<svg>自己来解决问题.我可以提取所有内容<svg>,但不能再提取.例如,这很有效:

document.evaluate('//*[@id="chart"]/div/div[1]/div', document, null, XPathResult.ANY_UNORDERED_NODE_TYPE, null).singleNodeValue)

Run Code Online (Sandbox Code Playgroud)

这给了我(缩短):

<div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;" aria-label="Et diagram.">
    <svg width="600" height="400" aria-label="Et diagram." style="overflow: hidden;"></svg>
    <div aria-label="En repræsentation i tabelformat af dataene i diagrammet." style="position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;"></div>
</div>

Run Code Online (Sandbox Code Playgroud)

然后我会假设这很简单

//*[@id="chart"]/div/div[1]/div/svg

Run Code Online (Sandbox Code Playgroud)

会给我<svg>- 但没有任何作用.尝试了所有回复类型:

for (var type=XPathResult.ANY_TYPE; type<XPathResult.FIRST_ORDERED_NODE_TYPE+1; type ++) {
   console.dir(
      document.evaluate('//*[@id="chart"]/div/div[1]/div/svg', document, null, type, null)
   );   
}

Run Code Online (Sandbox Code Playgroud)

我得到invalidIteratorState …

javascript xpath svg dom-manipulation document.evaluate

dav*_*rad

2015 09-09

4
推荐指数

1
解决办法

669
查看次数

Angular Datatables中的自定义加载

我试图在角度数据表中实现我的自定义加载.我检查了文档:https://l-lin.github.io/angular-datatables/#/overrideLoadingTpl,建议实现:

   angular.module('showcase', ['datatables']).
factory('DTLoadingTemplate', dtLoadingTemplate);
function dtLoadingTemplate() {
    return {
        html: '<img src="images/loading.gif">'
    };
}

Run Code Online (Sandbox Code Playgroud)

因此,在我的自定义选项中,我在选项sLoadingRecords和sProcessing中注入加载,但不起作用.

    .factory('myDTOptions', function (DTOptionsBuilder,DTLoadingTemplate) {

  return {
    option1: function(){
      return DTOptionsBuilder.newOptions()
      .withPaginationType('full_numbers')
      .withDisplayLength(10)
      .withBootstrap()
      .withOption('responsive', true)
      .withLanguage({
            "sEmptyTable":     "No hay información disponible",
            "sInfo":           "Mostrando _START_ a _END_ de _TOTAL_ entradas",
            "sInfoEmpty":      "Mostrando 0 a 0 de 0 entradas",
            "sInfoFiltered":   "(filtrada de _MAX_ entradas totales)",
            "sInfoPostFix":    "",
            "sInfoThousands":  ",",
            "sLengthMenu":     "Mostrando _MENU_ entradas",
            "sLoadingRecords": DTLoadingTemplate,
            "sProcessing": …

Run Code Online (Sandbox Code Playgroud)

angularjs angular-datatables

Est*_*tés

2016 07-06

4
推荐指数

1
解决办法

6673
查看次数

数据表添加了 Font Awesome 图标而不是列名

我是 DataTables 的新手，我有一个简单的数据表，我正在尝试为它添加一个 Font Awesomefa-info-circle图像而不是一个列标题，方法render如下：

table = $("#datatable-buttons").DataTable({
            data: document.pvm.tableContent(),
            columns: [
            { data: "Info", render: function (data, type, full, meta) { if (type === 'display') return '<span style="font-size:75%" class="fa fa-info-circle"></span>' } },
            { data: "WiFi", title: "WiFi" },
            { data: "GPS", title: "GPS" },
            ],
            fixedHeader: true,
            dom: "lfBrtip",
            buttons: [
              {
                  extend: "copy",
                  className: "btn-sm"
              },
              {
                  extend: "csv",
                  className: "btn-sm",
                  filename: "DeviceMnag"
              },
              {
                  extend: "excel",
                  className: "btn-sm",
                  filename: "DeviceMnag"
              },
              {
                  extend: …

Run Code Online (Sandbox Code Playgroud)

datatables font-awesome

Dan*_*ana

2017 04-13

4
推荐指数

1
解决办法

4143
查看次数

如何在 DataTables 中为 <tr> 添加类？

我试图从数据表中的每一行中获取价值<tr class="bill-row">。那么如何在数据表中进行设置class="bill-row"？所以我可以调用 ech row

var row = $(".bill-row");

            row.each(function(i) {
                data.bill_number.push($("[name='bill_number[]']", this).val());
                data.service_charge.push($("[name='service_charge[]']", this).inputmask('unmaskedvalue'));
                // data.water_usage.push($("[name='water_usage[]']", this).inputmask('unmaskedvalue'));
                data.meteran_akhir_air.push($("[name='meteran_akhir_air[]']", this).inputmask('unmaskedvalue'));
                data.meteran_akhir.push($("[name='meteran_akhir[]']", this).inputmask('unmaskedvalue'));

Run Code Online (Sandbox Code Playgroud)

像这样将类设置为数据表

<tr class="bill-row" role="row">
  <td></td>
</tr>

Run Code Online (Sandbox Code Playgroud)

默认数据表

<tr role="row">
  <td></td>
</tr>

Run Code Online (Sandbox Code Playgroud)

这是我要为其设置类<tr>但不起作用的数据表

    createdRow: function( row, data, dataIndex ) {
        $(row).addClass('bill-row');
    },

Run Code Online (Sandbox Code Playgroud)

jquery datatables

Asl*_*lam

2017 10-04

4
推荐指数

1
解决办法

7569
查看次数

标签统计

datatables ×3

javascript ×2

jquery ×2

twitter-bootstrap ×2

angular-datatables ×1

angularjs ×1

charts ×1

css ×1

document.evaluate ×1

dom-manipulation ×1

font-awesome ×1

google-visualization ×1

html ×1

html5 ×1

jquery-datatables ×1

json ×1

layout ×1

oembed ×1

select ×1

soundcloud ×1

svg ×1

twitter-bootstrap-3 ×1

xpath ×1

标签 统计

小编dav_rad的帖子

标签统计