小编Jos*_*Cox的帖子

页面加载时谷歌语音搜索

首先,我正在尝试创建一个我不希望永远工作的临时解决方案.只是一个实验,如果你愿意!

我有以下运行!我想要做的是在页面加载时启动语音搜索.有任何想法让这个工作!注意:您需要使用Chrome浏览器才能看到麦克风输入.

http://jsfiddle.net/dirtyd77/99amf/

<html>
<head>
<style>

#mike {
font-size: 25px;
width: 25px;
height: 25px;
cursor:pointer;
border: none;
position: absolute;
margin-left: 5px;
outline: none;
background: transparent;
}
#txt {
height: 150px;
width: 150px;
}
</style>

<script>
var mike = document.getElementById('mike');
mike.onfocus = mike.blur;
mike.onwebkitspeechchange = function(e) {
console.log(e); // SpeechInputEvent
document.getElementById('txt').value = mike.value;  
};
</script>
</head>
Run Code Online (Sandbox Code Playgroud)

html javascript jquery speech-recognition

14
推荐指数
2
解决办法
1913
查看次数

CSS旋转会导致剪辑图像大小发生变化

什么:我正在尝试为项目创建UI.我希望在图像上有几个小的白色矩形,并能够旋转矩形以创建水平百叶窗效果.一切都很顺利,但当我探索它在野生动物园中的表现时,我感到有些困惑.

代码段:

<figure id="blinds-window">
<img src=full/beach.jpg  usemap="#map" alt class=first>
<img src=full/white.jpg usemap="#map" alt class=second>
<img src=full/white.jpg usemap="#map" alt class=second>
Run Code Online (Sandbox Code Playgroud)

要旋转创建剪辑我正在使用以下内容

figure img.second { transform: rotateX(-180deg) translateZ(1px); }
figure img:nth-child(2) { 
clip: rect(0px, 640px, 50px, 0px);
transform-origin: 320px 25px;
}
figure img:nth-child(3) {
clip: rect(50px, 640px, 100px, 0px);
transform-origin: 320px 75px;
Run Code Online (Sandbox Code Playgroud)

问题:在safari中,矩形剪辑缩短到小于其大小的一半,除非它在rotationX = 0deg.

任何帮助都会很棒.

我尝试了什么:好的位置是绝对的,这是我真正知道要检查的情况.我迷失了可能导致这种行为的原因.

示例: 请参见下图设置为10度.

在此输入图像描述

这里设置为0度. 在此输入图像描述

注意:即使设置为2度,剪辑仍然小于其大小的一半.

html css safari html5 webkit

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

如何使用'htmlParseEntityRef:no name'错误加载HTMLFile()?

我想把字符串"hinson lou ann"排除在外:

 <div class='owner-name'>hinson lou ann</div>
Run Code Online (Sandbox Code Playgroud)

当我运行以下内容时:

$html = "http://gisapps.co.union.nc.us/ws/rest/v2/cm_iw.ashx?gid=12339";
$doc  = new DOMDocument();
$doc->loadHTMLFile($html);
$xpath    = new DOMXpath($doc);
$elements = $xpath->query("*/div[@class='owner-name']");
if (!is_null($elements)) {
    foreach ($elements as $element) {
        echo "<br/>[" . $element->nodeName . "]";
        $nodes = $element->childNodes;
        foreach ($nodes as $node) {

            echo $node->nodeValue . "\n";
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

我得到一个错误:

警告:DOMDocument :: loadHTMLFile()[domdocument.loadhtmlfile]:htmlParseEntityRef:http://gisapps.co.union.nc.us/ws/rest/v2/cm_iw.ashx?gid = 12339 ,line:1中没有名称在/ home ...在线......

哪个指的是行loadHTMLFILE.

注意:该文件无效HTML只包含div标签!我加载文件然后在其body上打了HTML 标签是什么?

html php xpath dom

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

在PHP执行时加载页面

我想做的事情:显示加载gif或文本...至少在执行php之前和期间显示黑屏.

我试过了什么

我已经使用flush()进行了测试,直到整个php进程完成后我才得到任何结果.我也不是特别喜欢这个概念,但我会采取任何措施.

我正在考虑使用两个页面来完成这个,虽然目前的项目已接近完成,并且需要一些时间来整合分散的html/php代码.

目前我正在做3-simpleXML_load_file(),1-include(),1-file_get_contents()我有javascript函数绘制来自simpleXML_Load_file()之一的数据...

我将代码的部分移动到另一个文件,但这是一项艰巨的任务.所以我喜欢一些关于如何进行的建议或建议.

如果我需要详细说明请问!

谢谢,JT

 <html>
 <head>
 <?php
$lat = $_POST['Lat'];
$long = $_POST['Lon'];
 $weather_hourly = simplexml_load_file('http:....lat='.$lat.'&lon='.$long.'');
 ?>
 <script type="text/javascript">

 <!--Plot function-->
 $(function() 
 {
 var d = 
 [
<?php
//Pulling in hourly data to plot temp vs time
$i=0;
$array=array();
while ($i<=100)
{
    echo '['. (strtotime($weather_hourly->data->{'time-layout'}->{'start-valid-time'}[$i])*1000) .','.$weather_hourly->data->parameters->temperature->value[$i] .'],';
    $value = $weather_hourly->data->parameters->temperature->value[$i];
    array_push($array,$value);
    $i++;
}
    foreach ($array as $key => $value) 
    { 
                    $value = (string) $value;
                    $min_sec_array[] = $value;
    }
?>

</script>
 </head>
 <body>
 <div id=graph>
 </div>
 </body
Run Code Online (Sandbox Code Playgroud)

html javascript php ajax

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

从id标签中抓取数字

我有以下内容:

<ul style="display: block;">

<li id="deviceTree_3" class="device">

<div class="tree-itemBody ">

<div class="triCheck"</div>

<div class="tree-arrowPlaceholder"></div>

<span class="tree-itemContent">Bath Vanity (na)</span>

</div>
</li>
Run Code Online (Sandbox Code Playgroud)

想法是在deviceTree_后获取数字#

我遇到的问题是数字可以是各种长度,即...... 583或3

这是一个正则表达式的情况还是有一个更简单的解决方案

html javascript jquery

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

标签 统计

html ×5

javascript ×3

jquery ×2

php ×2

ajax ×1

css ×1

dom ×1

html5 ×1

safari ×1

speech-recognition ×1

webkit ×1

xpath ×1