- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我最新的网站 Preventions(10 月 29 日开放)有一个词汇表页面。目的是使用任何下拉菜单显示有关我用于最新篮球指标的术语之一的更多信息。
有一个大问题:每次我使用下拉菜单切换到该页面时,CSS 和所有关联图像都会损坏。结果变成了一个没有样式的页面。甚至无法通过 Firebug 功能进行调试。
这是指向相关页面的直接链接:http://preventions.wammyradio.com/glossary
说明:只需转到“得分预防”下拉菜单并选择“投篮比赛”。这是我准备充分的唯一链接,因为我还没有实现该页面上的其余链接。
所有下拉菜单的说明都将与您在下面看到的一样。请忽略转义引号,我已经在 PHP 脚本中和 PHP 之外作为纯 HTML 尝试过:
<FORM>
<SELECT onChange=\"location=this.options[this.selectedIndex].value;\">
<OPTION selected class=\"Title\">Point Preventions</OPTION>
<OPTION value=\"glossary/shotcon\">Shot Contest</OPTION>
<OPTION value=\"shotblk\">Shot Block</OPTION>
<OPTION value=\"shotstl\">Shot Steal</OPTION>
<OPTION value=\"shotoff\">Shot Charge</OPTION>
<OPTION value=\"shotvoid\">Shot Void</OPTION>
</SELECT></FORM>
到目前为止,这是唯一使用 PHP 的代码。请忽略 break 命令,因为它很可能会从站点中删除:
$term = $_GET['term'];
switch ($term) {
case "shotcon":
include('dictionary/shotcon.txt');
break;
default:
break;
}
如何修改我的下拉菜单,以便在我选择一个选项后刷新页面时,CSS 不会受到损害?
编辑
感谢 Tom Hoang 为我提供了解决方法。但是现在,一个新的问题出现了。当我微调和测试代码时,我注意到“Shot Contest”之后的所有链接都不起作用。但是,如果我先选择“Shot Contest”,然后选择另一个选项, Action 就会按要求进行。直到那时我才注意到这一点,但脚本确实会查找 URL“preventions.wammyradio.com/glossary/glossary/term”。显然,每次使用菜单访问术语时,下拉菜单都会在 URL 的末尾附加另一个“词汇表/”。
奇怪的是,如果我将受影响的行更改为如下所示:
<OPTION value=\"shotcon\">Shot Contest</OPTION>
而且我选择了这个或任何其他选项,所有选项都不起作用。
我需要找到一种方法来重写 URL,这样它就不会这样做。我会进一步研究我的编码,但我认为如果 Tom 的解决方法可以针对样式、JS 文件和 Logo 图像完成,那么肯定有一个代码可以正确地修剪或添加到“词汇表”目录。
该 URL 仍可用于演示。
最佳答案
将 method="GET"添加到您的表单标签。
将 name="term"添加到您的选择标签。
例如< FORM method="GET">
< SELECT name="term"onChange=\"location=this.options[this.selectedIndex].value;\">
我假设您希望它看起来像这样:http://preventions.wammyradio.com/glossary?term=shotcon
编辑
$term = $_GET['term'];
if($term != '')
$style = "../style.css";
else
$style = "style.css";
然后在html中添加样式表时,
<link rel="stylesheet" type="text/css" href="<?php echo $style; ?>">
EDIT2
似乎如果有术语,请忽略选项值的词汇表/部分。如果缺少术语,请将词汇表/部分包含到选项值中。
$term = $_GET['term'];
if($term != '')
{
$style = "../style.css";
$dropdowns = '
<table id="GlossaryBanner"><tbody><tr>
<td align="center">
<form method="GET">
<select name="term" onchange="location=this.options[this.selectedIndex].value;">
<option selected="" class="Title">Point Preventions</option>
<option value="shotcon">Shot Contest</option>
<option value="shotblk">Shot Block</option>
<option value="shotstl">Shot Steal</option>
<option value="shotoff">Shot Charge</option>
<option value="shotvoid">Shot Void</option>
</select>
</form>
</td>
<td align="center">
<form>
<select onchange="location=this.options[this.selectedIndex].value;">
<option selected="" class="Title">Possession Preventions</option>
<option value="posstl">Possession Steal</option>
<option value="posoff">Possession Charge</option>
<option value="posvoid">Possession Void</option>
<option value="posclk">Possession Clock</option>
<option value="posorb">Possession Rebound</option>
</select></form>
</td>
<td align="center">
<form>
<select onchange="location=this.options[this.selectedIndex].value;">
<option selected="" class="Title">Assist Preventions</option>
<option value="aststl">Assist Steal</option>
<option value="astoff">Assist Charge</option>
<option value="astvoid">Assist Void</option>
</select>
</form>
</td>
<td align="center">
<form>
<select onchange="location=this.options[this.selectedIndex].value;">
<option selected="" class="Title">Other</option>
<option value="screen">Screen / Pick</option>
<option value="setup">Set-up / Hockey Assist</option>
<option value="save">Possession Save</option>
<option value="delayblk">Shot Block Delay</option>
<option value="delaydef">Deflection Delay</option>
<option value="delayjmp">Jump Ball Delay</option>
<option value="help">Help (Tally)</option>
<option value="foul">Foul (Tally)</option>
<option value="assign">Assignment (Tally)</option>
</select>
</form>
</td></tr></tbody></table>';
}
else
{
$style = "style.css";
$dropdowns = '
<table id="GlossaryBanner"><tbody><tr>
<td align="center">
<form method="GET">
<select name="term" onchange="location=this.options[this.selectedIndex].value;">
<option selected="" class="Title">Point Preventions</option>
<option value="glossary/shotcon">Shot Contest</option>
<option value="glossary/shotblk">Shot Block</option>
<option value="glossary/shotstl">Shot Steal</option>
<option value="glossary/shotoff">Shot Charge</option>
<option value="glossary/shotvoid">Shot Void</option>
</select>
</form>
</td>
<td align="center">
<form>
<select onchange="location=this.options[this.selectedIndex].value;">
<option selected="" class="Title">Possession Preventions</option>
<option value="glossary/posstl">Possession Steal</option>
<option value="glossary/posoff">Possession Charge</option>
<option value="glossary/posvoid">Possession Void</option>
<option value="glossary/posclk">Possession Clock</option>
<option value="glossary/posorb">Possession Rebound</option>
</select></form>
</td>
<td align="center">
<form>
<select onchange="location=this.options[this.selectedIndex].value;">
<option selected="" class="Title">Assist Preventions</option>
<option value="glossary/aststl">Assist Steal</option>
<option value="glossary/astoff">Assist Charge</option>
<option value="glossary/astvoid">Assist Void</option>
</select>
</form>
</td>
<td align="center">
<form>
<select onchange="location=this.options[this.selectedIndex].value;">
<option selected="" class="Title">Other</option>
<option value="glossary/screen">Screen / Pick</option>
<option value="glossary/setup">Set-up / Hockey Assist</option>
<option value="glossary/save">Possession Save</option>
<option value="glossary/delayblk">Shot Block Delay</option>
<option value="glossary/delaydef">Deflection Delay</option>
<option value="glossary/delayjmp">Jump Ball Delay</option>
<option value="glossary/help">Help (Tally)</option>
<option value="glossary/foul">Foul (Tally)</option>
<option value="glossary/assign">Assignment (Tally)</option>
</select>
</form>
</td></tr></tbody></table>';
}
然后在适当的位置包含 $dropdowns 变量
<?php echo $dropdowns; ?>
关于php - 使用 PHP Switch/Case Breaks CSS 的下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26569069/
我经常在 ATS 中看到使用 case、case+ 或 case- 形成的 case 表达式。有什么区别? 最佳答案 如果表达式不详尽,使用 case 会发出警告,case+ 会产生错误,而 case
我有一个导入时全部大写的表,我想将其转换为正确的大小写。你们用什么脚本来完成这个? 最佳答案 这个函数: “正确大小写”由空格分隔的所有“大写”单词 保留“小写单词” 即使对于非英语字母也能正常工作
#include int main() { switch(2) { case 1: if(1)
我已经四处寻找了一段时间,如果我使用的术语不当,请原谅我... 代码的目标是在输入为 0 时更新 Aout1 和 Aout0,输出对应于 7 段显示,但出现以下错误: “错误 (10170):Four
我正在尝试按照 PostgreSQL 手册中的说明进行操作。 PostgreSQL: Documentation: 9.1: Control Structures 我的 PostgreSQL 服务器是
我有一个状态机,其中有几个非常相似的状态。我可以为每个状态编写它,如下例所示: module CHECK_FSM ( GO, DONE, CLK, RESETN ); input GO;
如何使用或创建案例? 就像是: string str; case (str) "abc" || "dfg": begin //some code end "yfg":
这个问题已经有答案了: Are double and single quotes interchangeable in JavaScript? (23 个回答) 已关闭 9 年前。 我正在学习Java
汽车 Make | Model | Year | Color Honda | Accord | 12 | Red Lexus | IS | 14 |
如何使用当前 case 语句的值跳转到 switch-case 条件下的另一个 case 语句? 是否可以使用 switch case 来实现这种事情,或者是否有其他实现方式? 有可能实现吗?如果没有
我理解下面的代码。 var day = 2; switch (day) { case 1: document.write("Monday"); break;
这是有效的。 object FilesToDFDS { case class Student(id: Int, name: String, dept:String) def main(
我对 VHDL 还是个新手。我需要在 CASE 语句中为多个信号赋值,如下所示: CASE input24 IS WHEN "00" THEN output0
我有这个 case 语句,它给出了一个错误“变量 constant1 未使用”。它似乎忽略了变量并返回了第一行,因此变量显然没有范围。如果我用数字 1 替换常量,那么它就可以工作。在 Elixir 中
在 MySQL 中,是否可以在 SELECT 子句中有两个 CASE 语句,其中第二个 CASE 语句依赖于第一个 CASE 语句? 例如,考虑以下查询: SELECT CASE WHEN `user
我正在尝试一个挑战,我需要获得一个随机数,并在没有重复的情况下打印数字内的数字总和:例如,123 将打印 6 ( 1 + 2 + 3 ),而 32111 将做同样的事情(因为我们没有在我们的总和中添加
当有人试图更新当前未存储在我的散列中的值时,我想立即返回 when 'add' 而无需重新启动整个 case声明,因为我已经知道他们想要添加并且不想再次提示他们。 有没有一种方法可以在不重新启动整个案
老 C 程序员可以在 Swift 方面得到一些帮助。 我不太了解 if-case 语法。例如: if case 20...30 = age { print ("in range.") } cas
老 C 程序员可以在 Swift 方面得到一些帮助。 我不太了解 if-case 语法。例如: if case 20...30 = age { print ("in range.") } cas
我有一个 ArrayList,其中包含以下字符串:[name, age, gender, salary] . 有没有办法可以将 ArrayList 中的值用作 case 表达式? 显而易见的答案是否定
我是一名优秀的程序员,十分优秀!