小编zed*_*dex的帖子

如何获取元素的所有CSS

我今天一直在测试Javascript CSS函数,并注意到当使用.style.cssText时它只给了我用JS设置的CSS.

我想要得到所有的元素的CSS所以我猜我做错了或者可能需要另一个函数而不是像getComputedStyle但是对于整个CSS而不是单个属性值但我找不到搜索时所需要的东西.

所以我的问题是如何从我的代码的最后部分获得完整的CSS,如:

background-color: #ffcccc; font-family:"Helvetica Neue", Arial, "Lucida Grande", sans-serif; font-size: 13px; color: #ff0000; 
Run Code Online (Sandbox Code Playgroud)

而不是输出的当前较短的CSS?

<html>
<head>

<style type="text/css" media="screen">
    .MyDiv001 {
        background-color: #ffcccc;
        font-family:"Helvetica Neue", Arial, "Lucida Grande", sans-serif;
    }
    .MyDiv002 {
        background-color: #ccffcc;
        font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    }
</style>

</head>

<body>

<div id="MyDiv001" class="MyDiv001">This is MyDiv001</div>
<div id="MyDiv002" class="MyDiv002">This is MyDiv002</div>
<br /><hr><br />

<script type="text/javascript">

// Select the MyDiv001 element
var MyDiv001 = document.getElementById("MyDiv001"); // Select MyDiv001

// Set some style property values for …
Run Code Online (Sandbox Code Playgroud)

javascript css dom

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

Bootstrap 3 - 使用Iframe 100%填充区域

我正在修改仪表板示例并尝试使用iframe完全填充页面区域,因此它会延伸到边缘但我无法这样做.

基本上我有导航,侧边栏,我想用iframe完全填充页面区域,但它会水平创建边距,不会垂直拉伸iframe.

有谁知道我怎么能填满整个区域?如果页面缩小,则如果可能,还需要在响应视图中工作.

编辑:问题是与bootstrap相关的事情我认为,也许我需要覆盖一些CSS或更改列设置?

编辑2:好的我有点回答我的问题,现在添加一个新的CSS规则并调整引导代码有点让它拉伸一个完整的区域然而有一个轻微的边缘/边框,我现在需要摆脱,如果我使用绝对它使iframe离开页面向右而不是直接到边缘,任何想法如何我可以使用整个区域?我是Bootstrap的新手,所以我可能只需稍微调整一下.

我目前的代码:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="resources/favicon.ico">

    <title>Website</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="css/dashboard.css" rel="stylesheet">

<style type="text/css">
    body,html,.main-display-area,.col-md-10 {
        height:100%;
    }
</style>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>

  <body> …
Run Code Online (Sandbox Code Playgroud)

html iframe twitter-bootstrap-3

16
推荐指数
3
解决办法
6万
查看次数

Tampermonkey - 右键菜单

使用Tampermonkey可以在Chrome中创建右键菜单选项吗?

我发现GM_registerMenuCommand但它似乎没有在右键菜单中显示任何新项目.

另一个问题是我GM_openInTab在测试脚本中使用但似乎由于某种原因无限循环.它应该只在单击菜单后触发,为什么会发生这种情况?

另外我想知道有没有办法以更高级的方式使用自定义右键单击图标等?

有一个用于Firefox的GM脚本适用于菜单,但在Chrome中似乎没有任何显示,所以有一种方法可以让它工作.

// ==UserScript==
// @name            Context Menu
// @namespace       http://tampermonkey.net/
// @description     Test
// @version         0.1
// @author          author
// @include         *
// @exclude         file://*
// @grant           GM_openInTab
// @grant           GM_registerMenuCommand
// ==/UserScript==]


(function() {
    'use strict';

function test() {
    GM_openInTab("https://website.net");
}

GM_registerMenuCommand("hello", test(), "h");

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

javascript tampermonkey

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

基于MySQL的PHP​​ SQLite3 Paginator给出了错误

我正在使用SQLite3,我正在尝试调整我发现的Paginator脚本.在改变看起来像是MYSQL命令之后,它有点起作用,但它没有显示正确数量的项目,并且似乎与它给出的结果不同.

我也收到以下错误,我不知道如何解决:

注意:未定义的索引:第27行的C:\ xampp\htdocs\Projects\index.php中的视频

我使用的代码是:

Paginator.php

<?php

class Paginator {

    private $_conn;
    private $_limit;
    private $_page;
    private $_query;
    private $_total;

    public function __construct( $conn, $query ) {
        $this->_conn = $conn;
        $this->_query = $query;
        $rs= $this->_conn->query( $this->_query );
        $this->_total = count($rs);
    }

    public function getData( $limit = 10, $page = 1 ) {
        $this->_limit   = $limit;
        $this->_page    = $page;

        if ( $this->_limit == 'all' ) {
            $query      = $this->_query;
        } else {
            $query      = $this->_query . " LIMIT " . ( …
Run Code Online (Sandbox Code Playgroud)

php mysql sqlite pagination

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

PHP - 等待文件存在

我想执行一个生成 txt 文件的 exe 文件,并在另一个脚本中执行,然后检查 txt 文件是否已创建。

在 xampp 中,我只是将 test.txt 文件拖入以下 php 脚本目录,但它似乎无法正常工作,如果我将 text.txt 添加到目录并启动脚本,而不是在添加之前启动那么第二个回声似乎永远不会发生。

如何让 PHP 等待文本文件存在然后继续?

set_time_limit(0);

echo "Script began: " . date("d-m-Y h:i:s") . "<br>";

$status = file_exists("test.txt");
while($status != true) {
    if ($status == true) {
        echo "The file was found: " . date("d-m-Y h:i:s") . "<br>";
        break;
    }
}
Run Code Online (Sandbox Code Playgroud)

这也不起作用:

set_time_limit(0);

echo "Script began: " . date("d-m-Y h:i:s") . "<br>";

while(!file_exists("test.txt")) {
    if (file_exists("test.txt")) {
        echo "The file was found: " . date("d-m-Y h:i:s") …
Run Code Online (Sandbox Code Playgroud)

php while-loop wait

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

停止代码直到满足条件

如何创建一个函数或组件等,在满足条件之前停止所有正在运行的代码?

例如,与JOptionPane相同的方式,如果我有这样的例子:

JOptionPane.showInputDialog(null, "Hello", "Title", 1);
Run Code Online (Sandbox Code Playgroud)

在一个函数等中然后打印到控制台之后它将不会打印,直到我关闭JOptionPane.

我猜这个组件有内置的某种线程设置,但我怎么能用我自己的函数复制它?

所以说例如我想让JFrames延迟一切,直到它被关闭,所以它就像一个JOptionPane.

或者例如有一个具有多个输入的函数,这些函数已经更新,并且在其内部对它们进行了一些数学计算,如果它是某个值返回一个布尔值,但是除了那些之外的其他所有内容都会暂停,直到返回真正的布尔值.

我猜这个解决方案是某种线程设置,但我对Java很新,当我在过去编写代码时,我还没有真正使用过线程,所以我无法创建一个好的停止 - 启动/暂停 - 运行样式函数系统.

有没有人有任何建议如何实现这个或更好的代码示例显示这种类型的工作?

java joptionpane wait conditional-statements thread-sleep

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

简单的书签在 chrome 中不起作用

我是 bookmarklet 编码的新手,我遇到了一个问题,即常规 javascript 在浏览器中运行良好,但在 bookmarklet 版本中不起作用。

我找到了一个书签,它可以找到一个图像并将其转换为 BB 代码并且工作正常,但是它加载了 jQuery,我不希望它一直这样做。所以我基本上只是想消除对它的需求,但现在它不再作为书签工作了。

原来的书签是这样的:

javascript:document.body.appendChild(document.createElement('script')).src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js';var%20pictureurl=jQuery('img[id$=%22myImage%22]').attr('src');var%20linkurl=document.location.href;alert('%5BURL='+linkurl+'%5D%5BIMG%5D'+pictureurl+'%5B%2FIMG%5D%5B%2FURL%5D');
Run Code Online (Sandbox Code Playgroud)

我作为常规 JS 代码工作的 javascript 是:

// Create array variables
var imgs = [];

// Put all of the documents tags in to the arrays
imgs = document.getElementsByTagName('img');

var pictureurl = '';
var linkurl = document.location.href;

for(var i = 0; i < imgs.length; i++){
    var str = imgs[i].getAttribute('id');
    var find = str.search("myImage"); 
    if(find != -1){
        pictureurl = imgs[i].getAttribute('src');
        alert('[URL=' + linkurl + '][IMG]' + pictureurl + '[/IMG][/URL]');
    } …
Run Code Online (Sandbox Code Playgroud)

javascript google-chrome bookmarklet

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

Javascript-从多维数组获取数组长度

您如何使用javascript或jquery获得此类数组的长度?

var Accounts = {
'Account001' : { 'data1' : 'foo1', 'data2' : 'bar1' },
'Account002' : { 'data1' : 'foo2', 'data2' : 'bar2' },
'Account003' : { 'data1' : 'foo3', 'data2' : 'bar3' },
'Account004' : { 'data1' : 'foo4', 'data2' : 'bar4' }
};
Run Code Online (Sandbox Code Playgroud)

我尝试了Accounts.length,但似乎返回了NAN。

javascript arrays jquery

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