我有一个包含iframe的页面.在iframe中有一个提交按钮.当我单击提交按钮时,我希望更新父窗口.这是我到目前为止所做的,它的工作原理(javascript位于父窗口):
var myFrame = $('iframe');
myFrame.load(function() {
myFrame.contents().find('#publish').click(function() {
myFrame.load(function() {
location.reload();
});
});
});
代码有效.但我发现iframe的重新加载是不必要的.是否有更好的方法来检测"提交"何时完成？
(我无法通过"onclick"重新加载页面或在任何延迟时继续.我必须确保提交表单已完成)
使用PHP验证文件名的最佳方法是什么？我该怎么做？
我想看看文件名是否只包含"az","0-9"和" - ".还要确保文件名没有大写字母.
$file = 'the-name.ext';
if ($file == 'only contains a-z, 0-9 or "-"' // HOW TO
&& $file == 'lowercasse' // HOW TO
&& $file == 'a-z') // HOW TO
{
// upload code here
}
else{
echo 'The file "' . $file . '"was not uploaded. The file can only contain "a-z", "0-9" and "-". Allso the files must be lowercasse. ';
}
我最终做了这样的事情,以摆脱文件扩展名:
$filename = 'fil-name.jpg';
$filname_without_ext = pathinfo($filename, PATHINFO_FILENAME);
if(preg_match('/^[a-z0-9-]+$/',$filname_without_ext)) {
echo'$file is valid'; …我继续工作：https://codereview.stackexchange.com/questions/7315/fade-in-and-fade-out-in-pure-javascript
在设置新功能之前检测淡入或淡出是否完成的最佳方法是什么。这是我的方法，但我想还有更好的方法吗？
我添加了警报，以便您更容易看到。
我为什么要这样做是因为：如果在 for 循环完成之前按下按钮，动画看起来会很糟糕。
我希望按钮仅在淡入淡出完成时才起作用。
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
</head>
<body>
<div>
<span id="fade_in">Fade In</span> |
<span id="fade_out">Fade Out</span></div>
<div id="fading_div" style="display:none;height:100px;background:#f00">Fading Box</div>
</div>
</div>
<script type="text/javascript">
var done_or_not = 'done';
// fade in function
function function_opacity(opacity_value, fade_in_or_fade_out) { // fade_in_or_out - 0 = fade in, 1 = fade out
document.getElementById('fading_div').style.opacity = opacity_value / 100;
document.getElementById('fading_div').style.filter = 'alpha(opacity='+opacity_value+')';
if(fade_in_or_fade_out == 1 && opacity_value == 1)
{
document.getElementById('fading_div').style.display = 'none';
done_or_not = 'done';
alert(done_or_not); …在javascript中为元素设置多个样式的最有效方法是什么？
for (i=0;i<=lastSelector;i++) {
var e = mySelector[i],
v = 'opacity 1s';
e.style.WebkitTransition = v;
e.style.MozTransition = v;
e.style.OTransition = v;
e.style.MsTransition = v;
e.style.transition = v;
e.style.opacity = 0;
};
一个熟悉JavaScript的JavaScript程序员会用JQuery或纯JavaScript编写他/她的代码吗？
换句话说,JQuery是否适合那些不了解JavaScript的人？
让我们说我们正在谈论创建"公司演示网站",其中JavaScript主要用于动画.
我是MySQL的新手,我正在尝试编写一个非常高级的查询.但是嘿!边做边学和Stackoverflow学习!
我可能会在不太高级的查询/查询中获取所有数据,并使用PHP对数据进行排序.但我认为它可以直接在查询中完成.
以下是我的代码.如果您不理解,请询问问题,我会尝试更好地解释.如果您发现任何错误,请帮我纠正代码.
该代码将用于在我的wordpress页面上显示不同的字段.不同的fildes将有不同的类别,例如.sidebar-blog,sidebar-page,highlight-blog,highlight-page.它几乎像常规帖子一样工作.
这是Wordpress的数据库结构:
问题:
我如何加入表:wp_posts,wp_term_relationships,wp_term_taxonomy,wp_terms和wp_postmeta？
进行高级查询或使用PHP来处理if/else函数是一种好习惯吗？
<?php
$id = $post->ID; // Gets the ID of current page
$query = "
SELECT wp_posts.post_content, wp_posts.ID, wp_terms.slug # Data from two different tables
FROM wp_posts
# Cant figure out how to join the tables
INNER JOIN wp_postmeta
ON wp_posts.ID = wp_postmeta.post_id
INNER JOIN wp_term_relationships
ON wp_posts.ID = wp_term_relationships.object_id
INNER JOIN wp_term_taxonomy
ON wp_term_relationships.term_taxonomy_id = wp_term_taxonomy.term_taxonomy_id
INNER JOIN wp_terms
ON wp_term_taxonomy.term_id = wp_terms.term_id
WHERE
wp_posts.post_type = 'my-own-post-type' # Only get …我认为$('#my_id1')和document.getElementById('my_id1')是一样的.但它显然不是.有什么不同？
(function( $ ) {
$.fn.simple_hide_function = function() {
var $t = this;
$t.hide();
};
})( jQuery );
$(window).load(function () {
var $div1 = $('#my_id1');
var $div2 = document.getElementById('my_id2');
$div1.simple_hide_function(); // this is working
$div2.simple_hide_function(); // but this is not working
});
添加示例以使其更清晰:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<div id="my_id1" style="height:100px;background:#f00">div1</div>
<div id="my_id2" style="height:100px;background:#f00">div2</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
(function( $ ) {
$.fn.simple_hide_function = function() { …javascript ×5
jquery ×3
fadein ×1
fadeout ×1
file-upload ×1
filenames ×1
function ×1
iframe ×1
join ×1
mysql ×1
php ×1
reload ×1
settimeout ×1
sql ×1
submit ×1
validation ×1
wordpress ×1