我现在拥有的:
所以我有这个HTML5 Datalist,里面有很多选项,我有2个事件被触发.一个当用户键入一些匹配某些名称的东西时,这些名称填充了诸如"Rick Bross"或"Jack Johnson"(keyup)之类的选项.当用户开始键入名称时会触发另一个事件,它会弹出,用户向下箭头,然后点击"输入"(更改).
问题:
当用户点击其中一个下拉选项时,我需要触发一个事件,在他输入全名之前,以及在对象模糊之前.如果用户在完全输入名称之前立即单击一个,则只有输入模糊后,2个事件才会触发该功能.
标记:
<datalist id="potentials">
<option value="Rick Bross">
<option value="Jack Johnson">
<option value="Rick Bross">
<option value="Rick Bross">
</datalist>
Javascript事件和功能:
window.checkModelData = function(ele)
{
var name = $(ele).val().replace(" ", "");
var mod = potentialModels[name];
if(mod) {
loadModelData(name);
}
}
function loadModelData(name) {
var mod = potentialModels[name];
$("#address").val(potentialModels[name].address);
$("#city").val(potentialModels[name].city);
$("#state").val(potentialModels[name].state);
$("#email").val(potentialModels[name].email);
$("#phone").val(potentialModels[name].phone);
$("#zip").val(potentialModels[name].zip);
}
$("#name").keyup(function(){
window.checkModelData(this);
});
$("#name").change(function(){
window.checkModelData(this);
});
所以我有一个问题是让我的HTML5 Datalist从javascripi数组中动态填充,该数组是通过MySQL数据库中的行填充的对象的键的值填充的.唷!
MySQL Database => Table => Rows => JSON => Javascript Objects =>"firstname"&"lastname"key =>名字数组=> Datalist Options.
我成功创建了名称数组:
var nameArray = ["Rick Bross","Madison Smith","Jack Johnson"]; //Example of my array
并设置一个循环来.append他们到datalist:
for (var i = 0; i < nameArray.length; i++) {
alert(i + " - " + nameArray[i]); //Works Fine, "0 - Rick Bross", "1 - Madison Smith", etc.
$('#potentials').append("<option value='" + nameArray[i] + ">"); // Not working.
}
这是我的HTML:
<input tabindex='1' list="potentials" type="text" placeholder="First & Last Name" id="name" name="name"></input>
<datalist …我想做什么:
代理一个java api,它运行在https://127.0.0.1:443/api/我的UI上,运行在非SSL http://127.0.0.1:1337/上,以便绕过一些CORS问题.
我的尝试:
:8080/index.html代理1338到:8080/api/我的问题:
用户界面很好......但我无法点击API :8080/api/httpSession/init
是的,我仍然可以点击API https://localhost/api/httpSession/init
api.js - Renders index.html at:1337
var app = express();
app.all('*', function (req, res, next) {
res.header('Access-Control-Allow-Origin', '*');
res.header('Access-Control-Allow-Methods', 'PUT, GET, POST, DELETE, OPTIONS');
res.header('Access-Control-Allow-Headers', 'Content-Type');
next();
});
var options = {
changeOrigin: true,
target: {
https: true
}
};
httpProxy.createServer(443, '127.0.0.1', options).listen(1338);
start.js - 将代号1337和1338转换为8080
// First I start my two servers
uiServer.start(); // renders index.html at 1337
apiServer.start(); // …所以我有这个图像数组拉,数组的键只有0,1,2,3,4,5 ....等等......
如何将该表的"id"列中的值作为键,并将"link"作为值.
关联数组,没有？
这是我的PHP:
$myImageID = $me['imageid'];
$findImages = "SELECT link FROM images WHERE model_id ='{$me['id']}'";
$imageResult = mysql_query($findImages) or die (mysql_error());
$myImages = array();
while($row = mysql_fetch_array($imageResult)) {
$myImages[] = $row[0];
}
这是我有的:
{
[0] -> "http://website.com/link.jpg"
[1] -> "http://website.com/li123nk.jpg"
[2] -> "http://website.com/link3123.jpg"
}
这就是我想要的:
{
[47] -> "http://website.com/link.jpg"
[122] -> "http://website.com/li123nk.jpg"
[4339] -> "http://website.com/link3123.jpg"
}
这是我的代码<head>:
<!-- Pretty Photo -->
<link rel="stylesheet" href="/css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
<script src="/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
这是我试图加载到查看器中的图像.
<div class="altImage">
<a href="http://scoutsamerica.com/uploads/485604_10201093620571706_1239548317_n_716437.jpg" rel="prettyPhoto">
<img src="http://scoutsamerica.com/uploads/485604_10201093620571706_1239548317_n_716437.jpg">
</a>
</div>
我没有这几十次,也无法弄清楚为什么它不起作用.有任何想法吗？
如果您已经运行了像Husky这样的系统，可以在进行预提交和预推送之前对您的代码进行测试，那么使用持续集成系统来测试您的代码有什么意义？
好吧,所以我在div上有一个过滤器,默认使用这些css属性制作div灰度的背景图像.
我理解我的onblur和onfocus工作以及如何使用它们与animate()使用jQuery.
比如这,对我有用并且有意义:
$('div.cell').hover(function() {
$('div.cell').animate({
border: 'none',
height: '100px',
}, 2000, function() {
// Animation complete.
});
});
现在我遇到了动画某些css3属性的语法问题.
而不是动画border: none,height: 100px但我如何动画这两个属性???
filter: none;
-webkit-filter: grayscale(0);
我现在拥有的是:
$('#clickme').click(function() {
$('#book').animate({
filter: 'none'
}, 5000, function() {
// Animation complete.
});
});
但我越来越重大语法错误,而试图以动画-webkit-filter从grayscale(1);到grayscale(0);
多谢你们!如果您还有其他需要,请告诉我.
所以这就是我现在拥有的......
$(function() {
$("div.cell").focus(function(){
alert('WHOA');
$("div.cell").attr('grayNow');
});
});?
它还没有工作......
以及一些CSS
.grayNow {
-webkit-filter: grayscale(0);
filter: none;
}?
我甚至没有得到警报!:(
所以我在facebook上的某个用户创建的事件中创建了一个数组,我有所有的API工作,但我不能记录所有内容.由于某种原因写它.
这是我的代码:
for( var i = 0 ; i < response.length ; i++ )
{
if (response[i]['eid'] > 0)
{
document.write([response[i]['name']] + '</br>' + response[i]['description']),
console.log([response[i]['name']] + '</br>' + response[i]['description']);
}
}
当我记录它,它很好,但我不能实际显示在页面上.alert()它也有效.
我有什么想法可以吐出这些变量吗？
javascript document.write facebook-fql facebook-javascript-sdk
这就是我想要做的事情:
检查我的字符串中是否有第一个字符"@",如果没有,请添加它.
这是我的代码:
$(document).ready(function(){
$("#twitter").blur(function() {
var s = $("#twitter").val();
alert(s);
var isAt = s.charAt(0);
alert(isAt);
if(isAt !== "@") {
alert("lol");
s = "@" + s;
}
});
});
问题:
当我选择下一个输入(反过来模糊#twitter)当我输入"Rick"时,它的lol'ing但没有将输入值设置为"@Rick".
有什么想法吗？
所以我想我需要为此提交一个新问题......
这是我的老问题:PHP - 获取路径减去root
我需要一种在PHP中使用以下任何一种URL的方法...
http://kenthomes.net/plan_detail.php?mod=39
http://kenthomes.net/Amelia-Cove
离开我后得到一切......
"plan_detail.php?mod=39" // If there is no alias for that page
要么
"Amelia-Cove" // If that page has an alias being applied
实际上,由于别名,它们是同一页面,但并非所有这些页面都有与它们相关联的别名,例如......
http://kenthomes.net/plan_detail.php?mod=52
不像...
http://kenthomes.net/Amelia-Cove
目前我正在使用......
trim($_SERVER['REQUEST_URI'],'/')
这让我...
"Amelia-Cove" // Which is fine.
要么
"plan_detail.php" // Which is not okay.
我需要..
"Amelia-Cove" // Which is fine.
要么
"plan_detail.php?mod=39" // Which is fine.
我该怎么做呢？