小编Tim*_*own的帖子

iframe ContentWindow

当我尝试从iframe中获取内容窗口时,使用

var contentWindow = document.getElementbyId('iframe').contentWindow 
Run Code Online (Sandbox Code Playgroud)

有时它返回"Window undefined",因为contentWindow不存在.我似乎无法使用它来检查它

if (contentWindow === unidentified) or if (contentWindow === null)
Run Code Online (Sandbox Code Playgroud)

因为如果我试图从中获取值,它只是代码中的错误.有没有其他人遇到这个问题,并找到了解决方案?

html javascript iframe html5 web

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

带显示的CSS div:table-cell和box-sizing:border-box - 宽度/高度计算不一致

使用最新的Google Chrome:

在只有这个内部主体的页面上:

<div class="personicon"></div>
Run Code Online (Sandbox Code Playgroud)

和以下CSS:

.personicon {
    display:table-cell;
    width:100px;
    height:100px;
    background-color:#ECECEC;
    border:1px solid #BBBBBB;

    box-sizing:border-box;
}
Run Code Online (Sandbox Code Playgroud)

实际外部尺寸(包括边框):100px×102px(预期:100px×100px)

没有box-sizing:border-box,外部尺寸为102px×102px(如预期的那样).

为什么是盒子大小:边框只适用于宽度而不是高度?

谢谢 :-)

css3

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

我应该使用rails 4.2添加foreign_key吗?

通过发布rails 4.2 引入了add_foreing_key方法.据我所知,它被用作与model:references和的迁移的组合add_index.

假设我只使用PostreSQL.(add_foreing_key仅限于MySQL和PostreSQL).应停止使用add_foreign_keymigration model:references和开始使用add_index只?如果是/否,为什么?新add_foreign_key方法有什么好处?是否值得交换?

ruby-on-rails ruby-on-rails-4 ruby-on-rails-4.2

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

是否有可能使用XHTML,CSS和JavaScript编写跨平台的桌面应用程序?

是否可以使用XHTML(或HTML),CSS和JavaScript编写跨平台的桌面应用程序?

如果答案是肯定的,那么如何运行这个应用程序?我应该使用像Firefox这样的浏览器来运行吗?

注意:目前Windows支持HTML应用程序.

javascript css xhtml desktop-application

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

getSelection() 可以仅应用于某个元素(而不是整个文档)吗?

我正在测试该getSelection()方法,我希望我的程序获取特定文本段落中的选定文本并将其显示在 div 标签中。我使用了以下代码:

var txt = document.getSelection();
document.getElementById("display").innerHTML = "The text you have selected is: " + txt + ".";
Run Code Online (Sandbox Code Playgroud)

但是,我希望程序仅获取段落本身中所做的选择,而不是整个文档中的选择。我尝试使用document.getElementById("id").getSelection();但没有成功。

我怎样才能使它getSelection()只适用于某个元素?

javascript string getselection

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

从contenteditable div中删除HTML格式,但在粘贴时保留换行符?

我目前有一个内容可编辑的div我用作编辑器,但我想<br>在粘贴上删除html(不包括标签).

目前我有另一个div <div class="hiddendiv common editor"></div>这个收集所有添加到contenteditablediv的文本和数据,以确定contenteditable div的高度.

我变得困惑,不确定我将如何做到这一点.

我的问题是:如何<br>在使用jQuery粘贴时在光标插入处插入文本时删除html格式(不包括标签)?

HTML:

<div contenteditable='true' id="textarea" class="editor plain-box large-box textarea text common text-content-input quicksand color-dark-grey" data-text="Start typing..."></div>

<div class="hiddendiv common editor"></div> 
Run Code Online (Sandbox Code Playgroud)

jQuery的

function pasteHtmlAtCaret(html) {
  var sel, range;
  if (window.getSelection) {
    sel = window.getSelection();
    if (sel.getRangeAt && sel.rangeCount) {
      range = sel.getRangeAt(0);
      range.deleteContents();
      var el = document.createElement("div");
      el.innerHTML = html;
      var frag = document.createDocumentFragment(), node, lastNode;
      while ((node = el.firstChild)) {
        lastNode = frag.appendChild(node);
      }
      range.insertNode(frag); …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery contenteditable

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

如何在dom范围内获取所有文本节点?

我正在使用实时编辑器,需要找到用户所选范围内的所有文本节点.

示例("|"标记选择范围的起点和终点):

<p>Here starts the |selection.</p>
<p>This is fully in the range.</p>
<p>This only |partial.</p>
Run Code Online (Sandbox Code Playgroud)

我如何找到所有这些节点?(我不想在第一段中有多个文本节点的情况下找到textnode"Here"!(可能有几个!))

html javascript jquery dom range

4
推荐指数
2
解决办法
4709
查看次数

log4javascript - 不显示跟踪消息

我正在使用log4javascript版本1.4.3.
在我的应用程序中,它适用于除trace之外的所有日志级别.为了简化问题并确保问题不在我的应用程序中,我使用作者示例代码作为示例并添加了setThreshold(log4javascript.TRACE),然后添加了一行来生成跟踪条目(我也删除了他的例子中只与ajaxAppender相关的行只留下了popUpAppender).

当我运行代码时,错误调试消息出现在log4javascript popUp窗口中,但没有跟踪消息.

显然,我没有正确理解跟踪级别的使用或跟踪消息的配置.如果有人可以指出我的方式错误,那么我可以修复我的应用程序日志记录.

下面失败的示例代码.

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
        <title>log4javascript example from  manual</title>
        <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
        <meta name="author" content="Tim Down - tim@log4javascript.org" />
        <meta name="description" content="log4javascript, a logging framework for JavaScript based on log4j" />
        <meta name="robots" content="all" />
        <script type="text/javascript" src="/tracker/libraries/log4javascript.js"></script>
        <script type="text/javascript">
            //<![CDATA[
            var log = log4javascript.getLogger();
            var popUpAppender = new log4javascript.PopUpAppender();
            var popUpLayout = new …
Run Code Online (Sandbox Code Playgroud)

javascript log4javascript

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

Contenteditable - 从插入符号提取文本到元素结尾

在略读所有可能的问题和答案后,我将以这种方式尝试.

我正在编写一个RTE,但没有成功地在一个可信的元素中提取文本.原因是,每个浏览器以稍微不同的方式处理节点和按键(#13)事件(例如,一个创建'br',另一个'div','p'等等.)这一切都是一致的,我正在编写一个跨浏览器编辑器,用e.preventDefault()杀死所有默认操作;

以下场景:

1)用户点击#13键(检查)

2)检测到插入位置(检查)

3)在插入符号的元素之后创建新的p(aragraph)(检查)

4)如果插入符号和元素的结尾之间的文本(节点),提取它(???)

5)将文本(节点)放入新创建的p(aragraph)(检查)

你可以想象,除了第4点,一切都有效.

在众所周知的js rangy库中有类似的功能,正在提取特定的选择.

我需要的是:获取并提取从插入符号到可信段落(p,h1,h2,...)元素末尾的所有文本(当然还有标记,因此是splitBoundaries).

欢迎任何线索,提示或片段!提前致谢.

亲切的问候,p

javascript select extract caret contenteditable

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

window.close()的; javascript代码无法使用chrome

我有一个图像javascript按钮,它不适用于chrome,

你能帮我提前谢谢!

这是代码:

我只是隐藏了弹出窗口:

编辑:

关闭我使用此功能只是隐藏它

function hideBulle() {
    $("bullepopup").style.display="none";
    hideoverlay();
}
Run Code Online (Sandbox Code Playgroud)

这是创建一个框和此按钮的代码

  function showBulle(obj) {
    showoverlay();
    coo =   $("content").getPosition();
    $("bullepopup").style.width = "555px";
    $("bullepopup").style.height = "555px";
    $("bullepopup").position({x: (coo.x+((650-555)/2)), y: (coo.y+(440-250)/2)});
    $("bullepopup").style.display="";
    $("bullepopup").set('html','');
    new Element('img',{src:'images/br588.gif',styles: {float:'right',cursor:'pointer'},
                            events: {
                                click: function(){
                                hideBulle();
                                }
                            }
                        }).inject($('bullepopup'));

    new Element('br').inject($('bullepopup'));

    new Element('div',{html:obj.get('html')}).inject($('bullepopup'));
}
function hideBulle() {
    $("bullepopup").style.display="none";
    hideoverlay();
}
Run Code Online (Sandbox Code Playgroud)

提前致谢!

javascript css html5 mootools

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