小编Bar*_*kse的帖子

输入和输入的CSS大纲不同:焦点

我遇到了一个盒子及其相关的CSS大纲样式的问题.当盒子聚焦时,它应该有一个蓝色轮廓(工作).在表单验证时,如果出现问题,则添加.error类,将轮廓和背景颜色改为红色(不工作)

关注焦点我有一个风格:

input, select {
    font-size: 10pt;
    border: solid 1px #9598a0;
    padding: 2px;
}

input:focus{
    background: #EFF5FF;
    color: black;
    outline: solid 2px #73A6FF;
}
Run Code Online (Sandbox Code Playgroud)

对于错误:

input.error:focus, .error {
    outline: 2px solid red;
    background: rgb(255,240,240);
}
Run Code Online (Sandbox Code Playgroud)

问题是没有焦点的轮廓位于输入框的外部,而焦点上的轮廓位于框的内部,因此元素在您单击时跳转(CHROME).

请看这个图像:

在此输入图像描述

首先是焦点,第二是没有焦点的错误,第三是焦点错误.注意无焦点如何导致边框在对象外扩展.

有没有好办法解决这个问题?

css html5

5
推荐指数
2
解决办法
6575
查看次数

如何在android中通过Google地图接收导航通知

我在我的 android 项目中遇到一些问题...我的应用程序获取用户的当前位置和最终目的地位置。而不是计算最短路径并在 Google 地图上突出显示它...我的问题是当用户遵循该路径时我如何收到通知消息突出显示的路径,假设 10 米用户右转或左转...?谢谢 Xx

notifications android google-maps

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

用于设置线性渐变动画的jQuery脚本

我想要一个循环的进度条,所以我搜索了很长时间,发现了许多插件,但我不喜欢它.所以我用纯CSS构建我自己的:

http://jsfiddle.net/9RFkw/

这很棒,但有两件事我遇到了麻烦:

1.)我正在使用Firefox V28.Final,在25%它看起来如下:

在此输入图像描述

不应出现小边框.我怎样才能解决这个问题?

2.)我想要一个jquery脚本来动画进度(渐变).所以问题是,线性梯度没有统一的结构.我如何构建一个脚本,动画线性渐变从0到x%,就像我用CSS构建示例一样?

var start = 0;
var end   = 75;

// Animate linear-gradient from 0 to 75%
$('#progressbar').animate({

});
Run Code Online (Sandbox Code Playgroud)

谢谢!

css jquery progress css3 css-animations

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

使用Android NFC写入Mifare标签?

我正在尝试在Mifare 1K标签上的第0扇区的第一个块写一个简单的"Hello World"字符串.标签是全新的,具有默认配置.扇形预告片(方框3)在阅读时是:00 00 00 00 00 00 00 00 ff 07 80 69 ff ff ff ff ff ff ff ff.因此,访问条件是ff 07 80 69,意味着我可以使用密钥A在每个块上读取和写入.

不过,我无法在标签上写任何东西.这是我的代码:

try {
    mfc.connect();
    boolean auth = false;

    auth = mfc.authenticateSectorWithKeyA(0,MifareClassic.KEY_DEFAULT);

    if (auth) {

        String text = "Hello, World!";
        byte[] value  = text.getBytes();
        byte[] toWrite = new byte[MifareClassic.BLOCK_SIZE];        

        for (int i=0; i<MifareClassic.BLOCK_SIZE; i++) {
              if (i < value.length) toWrite[i] = value[i];
              else toWrite[i] = 0;
        }           

        mfc.writeBlock(0, toWrite);
   }    
Run Code Online (Sandbox Code Playgroud)

我得到以下例外:Transceived …

android nfc mifare

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

使用firebase创建简单身份验证的最佳方法是什么?

我已经阅读了firebase教程,但坦率地说这还没有意义,对不起那个=)

我想实现一个简单的身份验证,只是我的用户名和密码,凭据是我的firebase结构中的一个节点(我不想使用Facebook,电子邮件/通行证或类似的东西)

使用它的好方法是什么?

html javascript authentication firebase

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

如何使"层次结构查看器"在真实设备中工作?

我是Android开发的新手我开始使用"层次结构查看器"...它可以与sdk提供的模拟器一起使用.
问题是我想在真实设备上使用它.我已经进行了研究,发现由于安全原因,它仅适用于各种来源的模拟器和开发人员手机.

官方Android开发者网站

但我也发现通过在我们的项目中使用"ViewServer.java",我们可以在真实设备上使用这个工具.

GitHub romainguy/ViewServer链接:

据我所知,有两件事需要做......

  1. 将此ViewServer.java包含到我们的项目中

  2. 在清单中添加INTERNET权限.(<uses-permission android:name="android.permission.INTERNET"/>)

在阅读java文件中的注释时,我也了解了如何在addWindow内部使用方法onCreate和东西.

但即使在尝试将此应用程序安装到我的设备中之后,eclipse"无效的APK文件!"...对于真实设备和模拟器.

但是普通的应用程序可以与模拟器一起使用,但不能在其中添加这个java文件的应用程序!

如果还有什么需要做的话,有人会向我解释.因为我共享的链接有很多其他文件,我不确定它们是什么以及如何使用它们.我所关心的只是其中的"ViewServer.java"文件.

如果可能的话,有人可以一步一步地解释我需要做些什么吗?

java android android-sdk-tools hierarchyviewer

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

CKEditor 4自定义下拉列表

我们正在尝试向CKeditor添加一个自定义下拉列表,它将包含我们将要查找和替换的预设值列表,对于我的生活,我找不到一个简单的方法来执行此操作.看看TinyMCE很容易:

http://www.tinymce.com/tryit/menubutton.php

对于CKEditor是否有这样的简单解决方案,我们宁愿不必为了这个功能而将CKeditor交换为TinyMCE.我发现了一个名为PlaceHolder的插件,但这并不是我们想做的事情,说实话,我希望在没有插件的情况下做到这一点,只需按照TinyMCE的方式配置初始化.

非常感谢任何见解.

ckeditor ckeditor4.x dropdown

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

为 CKeditor 5 工具栏创建自定义按钮

我已经设法通过创建新的自定义构建来自定义CKEditor 5 – 经典编辑器构建的标题和突出显示下拉列表。 但我不知道如何向工具栏添加其他按钮。例如全屏按钮。当前进度:github链接

javascript plugins button ckeditor ckeditor5

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

如果屏幕大小小于1024px,请运行脚本

我正在我的页面上运行一个脚本,div id="homesplash"当用户滚动时,该脚本会消失600px,如下所示:

$(window).scroll(function() {

    if ($(this).scrollTop()>600)
     {
        $('#homesplash').hide();
     }
    else
     {
      $('#homesplash').show();
     }
 });

我需要弄清楚如何在浏览器宽度大于时运行此脚本1024px.有任何想法吗?
我试图从我在这里找到的相关帖子中实现一些代码,但我不能让它工作,因为我不熟悉编写任何javascript.
谢谢.

javascript conditional-statements responsive-design

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

为什么 Angular 不能正确支持 / 中的文件?

我是 Angular 2+ 的新手,我已经在开发一个应用程序,使用 Angular 版本 4,我使用 CLI 创建项目并为其提供服务。

我正在尝试将manifest.json添加到我的项目中,并且我还尝试添加一个收藏夹图标,这是我的代码:

<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="manifest" href="manifest.json">
Run Code Online (Sandbox Code Playgroud)

我添加了两个文件,src/其中是 Angular 应用程序的根目录。当我在浏览器上打开应用程序时,图标没有显示(404)并且清单也没有找到(404)。

当我将图标放入另一个目录 ( src/assets/icon/) 时,它按预期工作,但对于manifest.json,它应该在根目录中。

Angular 正在做的事情对我来说非常有用,当我在 Chrome 上按 Ctrl+U 浏览网页源代码时,当我点击 favicon.ico 或manifest.jsonHTML 页面上的链接时,它向我显示index.html了 Angular。

为什么会这样?

如何在 src/ 中添加 mymanifest.jsonfavicon.icobeside 并访问它们?

webpack progressive-web-apps angular-cli angular

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