我目前有一个每种语言的按钮,允许用户以不同的语言查看网站
<a href="http://www.jthink.net/songkong/en" title='English'><img src="http://static.albunack.net/images/flags/flags-iso/shiny/32/GB.png" alt="English" height="32" width="32" valign="top"></a>
<a href="http://www.jthink.net/songkong/de" title='Deutsch'><img src="http://static.albunack.net/images/flags/flags-iso/shiny/32/DE.png" alt="Deutsch" height="32" width="32" valign="top"></a>
<a href="http://www.jthink.net/songkong/es" title='Español'><img src="http://static.albunack.net/images/flags/flags-iso/shiny/32/ES.png" alt="Español" height="32" width="32" valign="top"></a>
<a href="http://www.jthink.net/songkong/fr" title='Français'><img src="http://static.albunack.net/images/flags/flags-iso/shiny/32/FR.png" alt="Français" height="32" width="32" valign="top"></a>
Run Code Online (Sandbox Code Playgroud)
我现在想用下拉来节省空间
<select>
<option value="en">English</option>
<option value="de">Deutsch</option>
<option value="es">Español</option>
<option value="fr">Français</option>
</select>
Run Code Online (Sandbox Code Playgroud)
但是如何进行选择会触发要加载的正确页面
如何在不使用float的情况下创建下拉导航栏?我尝试了但是我的答案有点远,我的代码如下##
HTML
<div id="nav">
<ul>
<li><a href="#Animals">Animals</a></li>
<li><a href="#birdes">Birds</a></li>
<li><a href="#vegetables">Vegetables</a>
<ul>
<li><a href="#">Okra</a></li>
<li><a href="#">Runner Beans</a></li>
<li><a href="#">Pumkin</a></li>
</ul>
</li>
<li><a href="#fruits">Fruits</a>
<ul>
<li><a href="#">Apple</a></li>
<li><a href="#">Banana</a></li>
<li><a href="#">Orange</a></li>
<li><a href="#">Lemom</a></li>
</ul>
</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
CSS
#nav{width:100%;}
#nav ul{list-style-type:none; margin:0; padding:0; background-color:#9900CC;}
#nav ul li{display:inline;}
#nav ul li a{color:#ffffff; text-decoration:none; display:inline-block; padding:15px; font-weight:700;}
#nav ul li a:hover{background-color:#5F6975;}
#nav ul ul{position:absolute; background:#5F6975; display:none;}
#nav ul li:hover > ul{display:block;}
#nav li ul li{display:block;}
Run Code Online (Sandbox Code Playgroud)
请帮我....
我正在为我的网站留言.我现在拥有的是一个基本的HTML表单:
<form action="submit.php" method="post">
Name: <input type="text" value="Julian Davis" name="name"readonly><br>
E-mail (Not published) <input type="text" name="email"><br>
Message: <input name="message" rows="5" cols="40"><br>
<input type="submit">
</form>
Run Code Online (Sandbox Code Playgroud)
(名称字段是只读的是gag的一部分).它使用HTTP POST将结果发送到submit.php,如下所示:
<?php
if strlen($_POST["message"]) = 0 {
echo "You didn\'t type a message. Don't you want people to hear
what you have to say?";
}
else if strlen($_POST["message"]) > 499 {
echo "Messages are limited to 500 characters. Try again.";
}
else{
echo "Your response has been received. Cheers!";
}
?>
Run Code Online (Sandbox Code Playgroud)
我打算添加一些SQL查询来聚合响应,但首先我希望这个脚本不返回空白页面.
我之前没有写任何表格或使用过POST(加上,我对我的其他人有点不稳定),所以这可能是一些愚蠢的语法,但我看了上下脚本,我看不到它有什么不妥.
(另外,如果有人知道如何使这个表格安全,也许是CAPTCHA,请告诉我!)
我有一个容器和一个内部div占用容器宽度的100%.我希望容器能够立即扩展,但是将内部div保持在其当前尺寸,然后使用CSS过渡逐渐扩展它.这是最初的JS Fiddle no.1.
因为这似乎不起作用(为什么?),即使CSS应该立即应用,我尝试addClass用这个JS Fiddle no延迟容器.2,这也不起作用.
最后,在对前一个小提琴设置较长的延迟后,它可以使用1000毫秒而不是100毫秒.因此.css()在1000ms后生效,但在100ms后没有生效?!
任何人都可以告诉我为什么.css()函数表现得像异步工作一样?
我已经从其他网站请求json数据,但是遇到了标题中访问控制允许源的问题,我不知道如何在标题中设置访问控制允许源,我将源代码放在iis8中以访问来自另一个iis8 API来源的json数据。
$.ajax({
type: "GET",
url:rootURL,
xhrFields: {
withCredentials: false
},
headers: {
"Access-Control-Allow-Origin: ": "*",
"Access-Control-Allow-Methods: ": "GET",
"Access-Control-Allow-Headers: ": "Authorization",
},
dataType: "json",
success: function(data) {
},
error: function() {
alert("An error occurred while processing JSON file.");
}
});
Run Code Online (Sandbox Code Playgroud) 我不认为我能用语言解释得太好,所以我为你们做了一个小提琴:
$(document).ready(function () {
$("#clickMe").click(function(){
$("#label1").text("test1234");
$("#label2").text("test1234");
})
});Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
<li>
<label id="label1">
<input type="checkbox"/>
Label 1
</label>
</li>
<li>
<input type="checkbox" id="checkbox_id">
<label id = "label2" for="checkbox_id">
Label 2
</label>
</li>
</ul>
<button id="clickMe">
Click me
</button>Run Code Online (Sandbox Code Playgroud)
如您所见,我准备了一个由标签包围的输入复选框,以及一个通过for="..."功能分配标签的复选框.
我现在尝试更改两者上的标签文本.但是,周围的标签完全丢失了<input>它周围的标签.它完全消失了.
另一个很完美.
但是,我想让它以第一种方式工作.是否有可能实现这一目标?
我正在尝试使用此代码添加新行。我已经尝试\ n并且只有\,但是没有解决方案。我现在能做什么?
function infC(name) {
jQuery("#dialog").text(information_by_equipment[name][1]).append(information_by_equipment[name][2]);
event.stopPropagation();
}
Run Code Online (Sandbox Code Playgroud) 我刚刚学会了一些sass使用codecademy.com,我不知道如何将我的文件" 编译 " main.scss到我的main.css文件中.有没有人知道如何使用Notepad ++和/或Sublime Text作为我的文本编辑器?
在编写JavaScript时,通常认为哪些更好.Foo,bar和baz特定于此功能,因此不会在其他功能的任何其他地方使用.
function() {
foo();
bar();
baz();
}
function foo() {
//lines of code
}
function bar() {
//lines of code
}
function baz() {
//lines of code
}
Run Code Online (Sandbox Code Playgroud)
要么
function() {
function foo() {
//lines of code
}
foo();
function bar() {
//lines of code
}
bar();
function baz() {
//lines of code
}
baz();
}
Run Code Online (Sandbox Code Playgroud)
第一个的优点是它更有效,因为如果你更多地调用函数,一旦其他函数只需要创建一次.它也更容易阅读,因为主要外部功能现在只有3行长而且不长.
我能想到的第二个唯一优势是它将这些函数保持为外部函数的私有,并且文件的其余部分无法访问,因为这些函数不会在其他任何地方使用.显然,通常在不需要的时候将事物公之于众,但在像这样的JavaScript情况下则不那么重要.
是否有可能根据调用函数的频率或其他内容选择不同的方式?
我有一个如下表,当单击行单元格时,我需要选择该行并使用纯 JavaScript 转换为 JavaScript 对象。
<table id="auditors">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
Run Code Online (Sandbox Code Playgroud) html ×4
javascript ×4
jquery ×4
css ×3
compilation ×1
function ×1
json ×1
php ×1
sass ×1
select ×1