小编Pra*_*man的帖子

从<select> html元素中选择项目时,如何加载新的html页面

我目前有一个每种语言的按钮,允许用户以不同的语言查看网站

<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>&nbsp;
<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>&nbsp;
<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>&nbsp;
<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>&nbsp;
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)

但是如何进行选择会触发要加载的正确页面

html javascript select

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

如何创建没有浮动的下拉导航栏?

如何在不使用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 css

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

我的PHP脚本看起来应该可以工作,为什么不呢?

我正在为我的网站留言.我现在拥有的是一个基本的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,请告诉我!)

php

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

jQuery CSS在其后的命令后执行

我有一个容器和一个内部div占用容器宽度的100%.我希望容器能够立即扩展,但是将内部div保持在其当前尺寸,然后使用CSS过渡逐渐扩展它.这是最初的JS Fiddle no.1.

因为这似乎不起作用(为什么?),即使CSS应该立即应用,我尝试addClass用这个JS Fiddle no延迟容器.2,这也不起作用.

最后,在对前一个小提琴设置较长的延迟后,它可以使用1000毫秒而不是100毫秒.因此.css()在1000ms后生效,但在100ms后没有生效?!

任何人都可以告诉我为什么.css()函数表现得像异步工作一样?

css jquery

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

所请求的资源上没有Jquery-'Access-Control-Allow-Origin'标头

我已经从其他网站请求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)

jquery json

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

JQuery .text()完全删除了我的输入标签复选框

我不认为我能用语言解释得太好,所以我为你们做了一个小提琴:

的jsfiddle

$(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>它周围的标签.它完全消失了.

另一个很完美.

但是,我想让它以第一种方式工作.是否有可能实现这一目标?

html jquery

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

jQuery在新行中追加文本

我正在尝试使用此代码添加新行。我已经尝试\ 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)

html javascript jquery

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

你如何编译SASS代码到CSS?

我刚刚学会了一些sass使用codecademy.com,我不知道如何将我的文件" 编译 " main.scss到我的main.css文件中.有没有人知道如何使用Notepad ++和/或Sublime Text作为我的文本编辑器?

css compilation sass cross-compiling

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

你应该使用本地内部功能吗?

在编写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 function

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

纯 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)

javascript

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

标签 统计

html ×4

javascript ×4

jquery ×4

css ×3

compilation ×1

cross-compiling ×1

function ×1

json ×1

php ×1

sass ×1

select ×1