小编Mic*_*rtz的帖子

将Hex转换为RGBA

我的小提琴 - http://jsbin.com/pitu/1/edit

我想尝试一个简单的十六进制到rgba转换.曾经使用的浏览器使用rgb作为默认颜色渲染颜色,所以当使用farbtastic颜色选择器时,我通过抓取十六进制值生成的背景颜色将十六进制值转换为rgb(默认情况下为rgb =简单转换)

我尝试将)符号替换为, 1),但这没有用,所以我去看看如何将rgb转换为rgba会起作用,而我仍然遇到麻烦.

jquery

$('.torgb').val($('#color').css('background-color'));
$('.torgba').val().replace(/rgb/g,"rgba");
Run Code Online (Sandbox Code Playgroud)

目标
在此输入图像描述

编辑:

TinyColor是一个伟大的颜色操作js库,可以完成我想要的所有内容.我想你们可能想尝试一下!- https://github.com/bgrins/TinyColor

javascript jquery colors

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

如何使用jQuery切换CSS样式表?

我正在做的事情很简单.

您单击一个按钮(id="themes"),它会打开一个(id="themedrop")向下滑动的div 并列出主题.(此时我只有两个)

<button id="original">Original</button><br />
<button id="grayscale">Grayscale</button>
Run Code Online (Sandbox Code Playgroud)

现在当网站加载时,它加载style1.css(主/原始主题)

<link rel="stylesheet" type="text/css" href="style1.css">
Run Code Online (Sandbox Code Playgroud)

现在我想弄清楚的是......如何点击灰度按钮将样式表从style1.css更改为style2.css(注意:文件位于同一目录中)

任何帮助将非常感激.

css jquery themes stylesheet

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

将.cer转换为.p12

我正在为客户做一个项目.我有两个.cer文件(开发人员和发行版)都加载到Mac OS X上的Keystore Access.但是我无法导出为.p12文件.

UI

或者我尝试过OpenSSL,但仍然没有运气......

openssl pkcs12 -export -in followMe_ios_development.cer -out followMe_ios_development.p12 -clcerts -nokeys

如何将此.cer文件导出为.p12,以便我可以为iOS编译此应用程序?

macos certificate ios keystore-access p12

27
推荐指数
3
解决办法
5万
查看次数

通过HTML5在Android上使用二进制字符串保存文件

我和我的应用程序的一个小型三人团队合作,我们被困住了.

我们使用JSZipFileSaver为我们的代码编辑器应用程序保存文件.它在浏览器中运行良好,但是当我将它与PhoneGap一起用作本机Android应用程序时,它不会写入.

zip.js库仍然会出现此问题,甚至使用FileSaver.js库保存单个文件.

$('.savemd').click ->
  blob = new Blob([ mdEditor.getValue() ], type: 'text/x-markdown')
  saveAs blob, 'source.md'
Run Code Online (Sandbox Code Playgroud)

我尝试使用PhoneGap的FileWriter 对象,但后来我发现用Phonegap的FileWriter编写二进制数据是不可能的 - 源码 - 源码

不过那篇文章已经有几年了.

我也尝试过使用本机WebView和使用Crosswalk项目,但仍然没有运气.

我们也试过......

function saveFile(fileName, fileData) {
  // Get access to the file system
  window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function (fileSystem) {
    // Create the file.
    fileSystem.root.getFile(fileName, { create: true, exclusive: false }, function (entry) {
      // After you save the file, you can access it with this URL
      myFileUrl = …
Run Code Online (Sandbox Code Playgroud)

javascript android cordova phonegap-build filesaver.js

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

使用PyGTK右键单击菜单(上下文菜单)

所以我对Python仍然相当新,并且已经学习了几个月,但我想弄清楚的一件事就是说你有一个基本窗口......

#!/usr/bin/env python

import sys, os
import pygtk, gtk, gobject

class app:

   def __init__(self):
    window = gtk.Window(gtk.WINDOW_TOPLEVEL)
    window.set_title("TestApp")
    window.set_default_size(320, 240)
    window.connect("destroy", gtk.main_quit)
    window.show_all()

app()
gtk.main()
Run Code Online (Sandbox Code Playgroud)

我想在这个窗口右键单击,然后弹出一个菜单,如警报,复制,退出,无论我想放下什么.

我怎么做到这一点?

python gtk pygtk menu pygobject

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

自动播放YouTube视频背景图块

小提琴:https
://codepen.io/anon/pen/ZyLqPd小提琴YTVideos:https://codepen.io/anon/pen/KqXavy editors = 0100

http://www.seanmccambridge.com/tubular/ https://pupunzi.com/#mb.components/mb.YTPlayer/YTPlayer.html

是否有库可以轻松地将背景youtube视频添加到div中?

我一遍又一遍地搜索,找不到任何东西.

基本上我想播放一个YouTube视频作为div的背景与此截图中的图像.

在此输入图像描述

$('.canvas .box').YTPlayer({
    fitToBackground: true,
    videoId: '-JlcxL2ux_A'
});
Run Code Online (Sandbox Code Playgroud)

youtube jquery

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

Javascript:清除控制台[Firefox]

有没有办法在Firefox中清除控制台?

在Chrome中,我可以使用......

console.clear()
Run Code Online (Sandbox Code Playgroud)

(不确定它是否适用于Safari或Opera)

但是我还没能找到Firefox的解决方案.
这种类型的API尚不可用吗?
是否有一个不需要的解决方法???

console.log("\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n");
Run Code Online (Sandbox Code Playgroud)

任何帮助是极大的赞赏.

javascript firefox

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

Chrome扩展程序简单弹出窗口不会保留在最后状态

现在我相信你们中有些人听说过拜伦核电站发生的事件(我碰巧住在附近)以及美国和加拿大发生的大规模地震.(顺便说一句:我找到了这个扩展,你可以监视世界各地的地震)

无论如何,随着所有这些问题的继续,我想更好地观察核电站,我已经知道了辐射网络所以我制作了一个名为辐射图的镀铬扩展,它由辐射网络驱动(尽管我与之无关)辐射网络)

我做到这一点不仅仅是我自己,但每个人都可以监控美国,日本,南美和欧洲的辐射水平.(我知道我没有做太多工作,但你看到了原因)

但是我有一个问题,我无法弄清楚.当我打开弹出窗口时,我正在查看日本的辐射水平,当我关闭弹出窗口时,它会回显示美国的辐射水平.我如何做到这一点让它留在用户离开的地方,比如我的案例日本在这个例子中?(我试过内容脚本,但是css和jquery没有加载)

表现

{
    "name": "Radiation Map",
    "version": "1.0.1",
    "description": "See what radiation levels are anywhere in the United States, South America, Japan, and Europe! Updated in real time every minute.",

    "browser_action": {
        "default_icon": "images/logo.png",
        "default_title": "Radiation Map",
        "popup": "index.html"
    },

    "icons": {
        "48": "images/48x48.png",
        "128": "images/128x128.png",
        "256": "images/logo.png"
    }
}
Run Code Online (Sandbox Code Playgroud)

弹出

<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/rmd.js"></script>
</head>
<body id="radiationmap">
    <div …
Run Code Online (Sandbox Code Playgroud)

google-chrome popup google-chrome-extension

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

HTML5或JQuery全屏十字光标

我们都看过那些带有全屏十字光标的军用电影在电脑上,甚至在你看到的一些动画中.

例如,在YouTube上的视频开头标题为"不光彩的披露",你就会看到我正在谈论的内容.- https://www.youtube.com/watch?v=X-Xfti7qtT0

另一个例子是Windows的"CrossHair 1.1"程序 - http://www.softpedia.com/get/Desktop-Enhancements/Other-Desktop-Enhancements/CrossHair.shtml

我相信它可以在HTML5中完成,但绝对不知道它是否在JQuery中,更不用说如何用这两种语言来实现.但是我很想知道,所以我可以自己做.如果有人有任何链接,资源或任何东西可以帮助解决这个问题,因为我相信其他人也会想要学习如何.任何帮助将不胜感激.

谢谢,保重.

非常感谢"Gaby aka G. Petrioli"搞清楚这一点.我把完整的代码放在下面(用一点造型)来节省你的一些时间.

<!DOCTYPE html>
<html>
<head>
<title>Fullscreen Crosshair Cursor</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<style type="text/css">
html, body {
    cursor:none;
    padding:0;
    margin:0;
    width:100%;
    height:100%;
    background-color:#003131;}

a {
    cursor:none;
    color:rgba(255,255,255,0.5);
    text-shadow:0px 0px 8px silver;
    transition:all 300ms ease-in-out;
    -webkit-transition:all 300ms ease-in-out;
    -moz-transition:all 300ms ease-in-out;
    -o-transition:all 300ms ease-in-out;
    -ms-transition:all 300ms ease-in-out;
    border-radius:10px;}

a:hover {
    color:rgba(255,255,255,0.8);
    text-shadow:0px 0px 8px rgba(255,255,255,0.8);}

#crosshair-h {
    width:100%;
    height:2px;
    margin-top:-1px;}

#crosshair-v {
    height:100%;
    width:2px;
    margin-left:-2px;}

.hair {
    position:fixed;
    background-color:rgba(0,250,253,0.5); …
Run Code Online (Sandbox Code Playgroud)

jquery html5 fullscreen cursor panning

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

setValue之后的Codemirror自动格式

http://liveweave.com/UxEJ0s

我正在为我的应用程序使用Codemirror.

我注意到,如果我选择所有文本并按SHIFT + Tab,它将自动对齐我的代码,使其更容易阅读.

这是我的应用程序当前呈现的示例...

<ul>
<li>
<font color="#f90000">
  Apples
</font>
</li>
<li>
<font color="#ff9a3d">
  Oranges
</font>
</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

这就是我想要渲染它的内容.

<ul>
  <li>
    <font color="#f90000">
      Apples
    </font>
  </li>
  <li>
    <font color="#ff9a3d">
      Oranges
    </font>
  </li>
</ul>
Run Code Online (Sandbox Code Playgroud)

编辑:

有没有人知道在没有在Codemirror中手动选择整个代码的情况下是否有办法做到这一点?

为什么?我有Codemirror在我的我的应用程序,添加的真实动态添加的所有代码的后台运行,但是当我保存最终的代码看起来像上面.

任何帮助是极大的赞赏.

javascript jquery codemirror

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