小编ver*_*ger的帖子

将外部URL加载到模态jquery ui对话框中

为什么不将ibm.com显示为400x500px模式?该部分似乎是正确的,但它不会导致弹出模式出现.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>test</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<link rel="stylesheet" type="text/css" media="screen" href="css/jquery-ui-1.8.23.custom.css"/>

</head>

<body>

<p>First open a modal <a href="http://ibm.com" class="example"> dialog</a></p>

</body>

<!--jQuery-->
<script src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script src="js/jquery-ui-1.8.23.custom.min.js"></script>

<script type="text/javascript">
function showDialog(){
    $(".example").dialog({
    height: 400,
            width: 500,
            modal: true 
return false;   
}
 </script>

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

jquery jquery-ui

31
推荐指数
3
解决办法
21万
查看次数

如何在Magnific Pop-Up中设置弹出式iframe样式?

我想在http://chesstao.com/test.php中显示iframe (单击绿色框).但我没有看到一个方法或类来设置iframe的高度和宽度.

HTML: <div>
<a href="games/header-test.php?game=aveskulov" class="my-popup iframe-link">Show iframe popup</a>
</div>
Run Code Online (Sandbox Code Playgroud)

js:

<!--Magnific-popup-->
<script src="//cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/0.8.9/jquery.magnific-popup.min.js" ></script>

<script type="text/javascript"> 

$(document).ready(function() {

$('.iframe-link').magnificPopup({type:'iframe'});

});</script>
Run Code Online (Sandbox Code Playgroud)

css:

.my-popup {height:900px; width:1200px}
Run Code Online (Sandbox Code Playgroud)

如何为巨大的弹出式iframe编写样式(高度和宽度)?我很困惑.上面的风格被忽略了.

magnific-popup

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

打开的文件太多 - 无法初始化inotify:已达到用户对inotify实例总数的限制

我该如何解决以下问题?我正在使用罗盘.

   Too many open files - Failed to initialize inotify: the user limit on the total number of inotify instances has been reached.
    /home/rmack/Downloads/compass.app/lib/ruby/jruby/rb-inotify-0.9.5/lib/rb-inotify/notifier.rb:64:in `initialize'
    /home/rmack/Downloads/compass.app/lib/ruby/jruby/listen-1.3.1-patched/lib/listen/adapters/linux.rb:66:in `initialize_worker'
    /home/rmack/Downloads/compass.app/lib/ruby/jruby/listen-1.3.1-patched/lib/listen/adapter.rb:87:in `initialize'
    /home/rmack/Downloads/compass.app/lib/ruby/jruby/listen-1.3.1-patched/lib/listen/adapters/linux.rb:31:in `initialize'
    /home/rmack/Downloads/compass.app/lib/ruby/jruby/listen-1.3.1-patched/lib/listen/adapter.rb:226:in `works?'
    /home/rmack/Downloads/compass.app/lib/ruby/jruby/listen-1.3.1-patched/lib/listen/adapter.rb:190:in `usable_and_works?'
org/jruby/RubyEnumerable.java:1425:in `all?'
    /home/rmack/Downloads/compass.app/lib/ruby/jruby/listen-1.3.1-patched/lib/listen/adapter.rb:190:in `usable_and_works?'
    /home/rmack/Downloads/compass.app/lib/ruby/jruby/listen-1.3.1-patched/lib/listen/adapter.rb:57:in `select_and_initialize'
org/jruby/RubyArray.java:1613:in `each'
    /home/rmack/Downloads/compass.app/lib/ruby/jruby/listen-1.3.1-patched/lib/listen/adapter.rb:55:in `select_and_initialize'
    /home/rmack/Downloads/compass.app/lib/ruby/jruby/listen-1.3.1-patched/lib/listen/listener.rb:291:in `initialize_adapter'
    /home/rmack/Downloads/compass.app/lib/ruby/jruby/listen-1.3.1-patched/lib/listen/listener.rb:283:in `setup'
    /home/rmack/Downloads/compass.app/lib/ruby/jruby/listen-1.3.1-patched/lib/listen/listener.rb:65:in `start!'
    /home/rmack/Downloads/compass.app/lib/ruby/compass_1.0/sass-3.4.13/lib/sass/plugin/compiler.rb:405:in `listen_to'
    /home/rmack/Downloads/compass.app/lib/ruby/compass_1.0/sass-3.4.13/lib/sass/plugin/compiler.rb:338:in `watch'
    /home/rmack/Downloads/compass.app/lib/ruby/compass_1.0/compass-1.0.3/lib/compass/sass_compiler.rb:46:in `watch!'
    /home/rmack/Downloads/compass.app/lib/ruby/compass_1.0/compass-1.0.3/lib/compass/commands/watch_project.rb:41:in `perform'
file:/home/rmack/Downloads/compass.app/compass-app.jar!/app_watcher.rb:12:in `watch!'
file:/home/rmack/Downloads/compass.app/compass-app.jar!/ui/tray.rb:447:in `watch'
Run Code Online (Sandbox Code Playgroud)

inotify compass-sass

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

如何使用jQuery DataTables在单元格中显示超链接

我将一些Ajax数据读入jQuery DataTables.问题是我需要将第一列中的数据转换为超链接.如在<td><a href = "5555.html">5555</a></td>.

我的JSON数据:

{
   "data": [
      ["5555","07/17/2010","RCC Saturday Open","E10","Harris, Fred","1900","Nikolayev, Igor (FM)","2367","1-0"],
      ["5554","07/17/2010","RCC Saturday Open","B01","Nikolayev, Igor (FM)","2367","Motroni, Richard","1728","1-0"]
   ]
}
Run Code Online (Sandbox Code Playgroud)

JavaScript的:

$(document).ready(function() {
   $('#cccr').DataTable( {
      "render": function ( data, type, row ) {
         return '<a href="basic.php?game=' + data + '></a>'; //doesn't work
      },
      "ajax": 'games.json',
      "deferRender": true
   } );
} );
Run Code Online (Sandbox Code Playgroud)

我对JavaScript知之甚少.在谷歌搜索datatables.net网站几小时后,我无法弄明白.

有人可以帮忙吗?

datatables

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

根据到期日计算输入字段

包含50个条目的表单:每个表单包含P1-48,E1-48和X1-48.我想根据过期日期X1计算入场费"E1".到期日的js日期格式为YYYY.MM.DD,例如.2018.04.21并且如果玩家的到期日期大于或等于今天的日期,则玩家支付3美元.如果他的到期日期较早或低于今天的日期,他将支付5美元.但如果到期日期为空白并且玩家支付会员费,则免收入场费为零.

JS:

<script src = "js/moment.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

我也将此作为"模板"入门指南.我认为它可以被修改并将目标结果搭载到它上面.

<script> // change expiration date color
function getExpireDate(ele) {
var i = null;
for (i = 0; members.length > i; i++) {
    if (members[i].Name == ele.value) {
        var exDate = moment(members[i].Expires, 'YYYY.MM.DD');
        if (moment().isAfter(exDate)) {
        $(ele).closest('.universal').find('.expDate').css('color', "#A3005B");
        } else {
        $(ele).closest('.universal').find('.expDate').css('color', "#275052");
        }
        return members[i].Expires;
     }
}
return '';
}
</script>

<script>

for (let i = 0; i <= 48; i++) {
    $("#P" + i).on("blur", function(){
    $("#X" +i).val(getExpireDate(this));
    });
}
</script>

<script>

    var …
Run Code Online (Sandbox Code Playgroud)

javascript jquery

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

解析json与PHP 5无法正常工作

我试图解析并列出一个json文件.我把它作为没有BOM的Unicode-8.文件正常运作.结构体:

// "games.json" :
// {"data":[
// {"game":"5359","Date":"07/08/2015"},
// {"game":"5355","Date":"10/20/2007"},
....


<?php

// copy file content into a string var
$jsondata = file_get_contents("games.json");

// convert the string to a json object
$json = json_decode($jsondata,true);

var_dump($json); // DW!

foreach($json["data"] as $data_X)

{echo $data_X->game;} 
?>
Run Code Online (Sandbox Code Playgroud)

为什么这不起作用?

php json

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

更改所有<li>项目背景颜色

我想更改所有列表项的背景.我有这个,但它不起作用.

// Get all <li> elements in the document
var x = document.querySelectorAll("li"); 

for (let i = 0; < x.length; i++;) {

x[i].style.backgroundColor = "red"; 
}
Run Code Online (Sandbox Code Playgroud)

javascript jquery

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

带有 fetch 的 JS async/await 与 PHP include for JSON 文件不同

下面的代码可以在 PHP 中运行,但不能在 JS 中运行。你能告诉我为什么吗?我怎样才能让纯JS版本工作?

async function cccrFlow() {
    response = await fetch('assets/club_mems.json');
    club_mems = [];
    club_mems = await response.json(); // DOESN"T WORK
}

function cccrFlow() {
    club_mems = <?php include('assets/club_mems.json');?>; //  WORKS PERFECTLY
}
Run Code Online (Sandbox Code Playgroud)

Club_mems.json

[{"Name":"Ahmedistan, Jamshed","clubEXP":"2022-09-15"},{"Name":"Anaizi, Paul N","clubEXP":"2021-01-27"},{"Name":"Anderson, Simon","clubEXP":"2022-06-30"},{"Name":"Ashes, Bob P","clubEXP":"2022-04-21"}]
Run Code Online (Sandbox Code Playgroud)

javascript fetch-api

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

dataTables使<tr>可点击链接

我在http://communitychessclub.com/test.php上有一个dataTables表

我的问题是我需要根据游戏#将整个表格行可点击到链接.该表列出了游戏,用户应该点击一行并加载实际游戏.

我无法理解此问题的先前解决方案.有人可以用简单的语言解释一下吗?

我之前在http://communitychessclub.com/games.php上做了这个(但是那个版本太冗长,并且用php echo写了磁盘)

echo "<tr onclick=\"location.href='basic.php?game=$game'\" >"; 

<script>$(document).ready(function() {
$('#cccr').dataTable( {
    "ajax": "cccr.json",

   "columnDefs": [
        {
            "targets": [ 0 ],
            "visible": false,
        }
    ],

    "columns": [
        { "data": "game" },
        { "data": "date" },
        { "data": "event" },
        { "data": "eco" },
        { "data": "white_rating" },
        { "data": "white" },
        { "data": "black_rating" },
        { "data": "black" }
    ]
    } );
  } );</script>
Run Code Online (Sandbox Code Playgroud)

"cccr.json"看起来像这样,很好:

{
"data": [
{
"game": "5086",
"date": "09/02/2013",
"event": "135th …
Run Code Online (Sandbox Code Playgroud)

datatables

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

在php中读取文本文件的前3000个字节

解决了!我使用了一个现有的 json 文件,我用来在页面上显示图表。

我有一个 2000 行的文本文件。我想将前 3000 个字节读入一个 php 变量。这有效,但仅以读取整个文本文件为代价:

$little_diagrams = ('assets/diagrams.txt'); $mason = file($little_diagrams);
Run Code Online (Sandbox Code Playgroud)

我试过这个,但它不起作用。关于为什么的任何想法?

$little_diagrams  = file_get_contents("assets/diagrams.txt", NULL, NULL, 0, 3000);

$mason = file($little_diagrams); 
Run Code Online (Sandbox Code Playgroud)

麻烦的是我必须处理“assets/diagrams.txt”中的行,例如:2833|6979|Poloskov|||Nikolayev|Igor|2272|1n3rk1/3p1ppp/5q2/2p1P3/2B2P2/r2Q2P1/1b3N2P/1R

2832|6979|波洛斯科夫|||尼古拉耶夫|伊戈尔|2272|r2qk2r/1b1p1ppp/n4b2/2pN4/2B1P3/8/PP3PPP/R2QK1NR| 2831|6978|Nikolayev|Igor|2272|Buturin|Vladimir (IM)|2405|r3r1k1/1ppb1pp1/3p1n1p/2nP4/p3P3/4NP2/PPBN1KPP/R3R3| 2830|6978|Nikolayev|Igor|2272|Buturin|Vladimir (IM)|2405|r2qr1k1/1ppb1pp1/p1np1n1p/8/3PP3/4NN2/PPB2PPP/R2Q1RK1|

2829|6977|Nikolayev|Igor|2272|Tabatadze|Tamaz|2288|2rqk2r/4bp1p/p1n1b3/3pP3/Pp1P2p1/1P3p2/1B2NPPP/2RQNRK1|

2828|6976|卢茨科|伊戈尔|2307|尼古拉耶夫|伊戈尔|2272|6r1/1pp2p1k/p2p3p/2bP4/2P2r2/1P4NP/P2R1P1K/5R2|

新代码:(不起作用,http://communitychessclub.com/左栏底部不显示图表)

$filename = "assets/diagrams.txt";
$handle = fopen($filename, "r");
$little_diagrams = fread($handle, 3000);  //<<--- as per your need 

fclose($handle);


$X = 5000; $line = 0;

foreach($little_diagrams as $line) {$X++; if ($X >= 5040) {break;} $token = explode("|", $line); //etc

}
Run Code Online (Sandbox Code Playgroud)

php

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

通过单击外部来关闭 html5 对话框

我在网页中实现了几个 html5 对话框。我想让用户能够单击对话框外部以将其关闭,而不是用关闭按钮使对话框混乱或需要按 {escape} 按键。关于这个问题的许多查询都是针对异国情调的 js 库,但我想使用普通的 JS 而不是 jquery。

JS

// HALFHIDE
function openHALFHIDEdialog() {
var dialogHALFHIDEsource_O = document.getElementById("S-HALFHIDE");
dialogHALFHIDEsource_O.showModal();
}

function closeHALFHIDEdialog() {
var dialogHALFHIDEsource_C = document.getElementById("S-HALFHIDE");
dialogHALFHIDEsource_C.close(); }
Run Code Online (Sandbox Code Playgroud)

超文本标记语言

<!-- S. HALFHIDE -->
<div class = "generic_dialog_container">
<dialog class = "generic dialog" id = "S-HALFHIDE">

<p>Blah blah blah</p>

</dialog></div>
<!-- END S HALFHIDE -->
Run Code Online (Sandbox Code Playgroud)

我怎样才能做到这一点?

javascript dialog

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