javascript - 在我的设计 html/css/javascript 中需要帮助

标签 javascript html css

我正在尝试设计一个文件托管网站模板,问题是我已经将单选按钮重新设计为 div 元素以具有自定义图像而不是使用 javascript 的默认圆圈,

This is image 1 when default page loads

<script type="text/javascript">
<!--
//script to change background-color of the selected
//button and put the appropriate value in an input object
function btnClick(btnNum){
for (i=1;i<=4;i++){
tempBtnVal=document.getElementById('btnVal')
tempBtn=document.getElementById('btn'+i)
tempBtn.style.backgroundPosition=(i==btnNum?'0 -163px':'0 -30px')
tempBtn.style.color=(i==btnNum?'#333':'#6a7072')
}
tempBtnVal.value=btnNum
}
//-->
</script>

我的html

<div id="btn1" name="btn1" class="buttonDiv" value='1' onclick="btnClick('1')" style="background: url(images/inSprite.png) no-repeat scroll 0 -163px; color:#333;"><div id="btnTxt">local</div></div>

<div id="btn2" name="btn2" class="buttonDiv" value='2' onclick="btnClick('2')"><div class="btnTxt">remote</div></div>

如果我点击任何其他选项卡它工作正常并且该选项卡被选中

Image 2 when clicked on URL Upload

但是脚本存储了上次选择的标签的 cookie,所以下次有人自动访问该网站时会显示该标签,因为我在 div 中手动硬编码 css 它破坏了设计,如下图所示选择“URL 上传”然后重新加载页面

Image 3 when exited the browser and revisited the site

在选择器中,它显示的是表单上传,但 URL 上传选项卡是打开的。

请帮我解决这个问题,这样如果打开了 URL 上传,它就会显示在上面的选项卡中选择的 URL 上传。

由于限制我不能使用任何框架,我只能使用javascript而不能使用框架。请帮我解决,因为我对 javascript 的了解很少。

非常感谢。

问候,

希尚特托迪

最佳答案

您需要在浏览器关闭后保留单选按钮的状态。 Cookie 是我能想到的唯一方法,您可以使用 javascript 操作 cookie。 (用谷歌搜索“javascript cookies”可以找到很多很好的教程。)

关于javascript - 在我的设计 html/css/javascript 中需要帮助,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/863830/

相关文章:

javascript - 使用 jQuery 访问 HTML 5 视频进度事件

python - Django 不显示我的模板的 CSS

html - 导航按钮大小在不同浏览器中发生变化

Javascript RegExp - 它包括空格和括号

javascript - 与模块相比,使用具有静态函数的类有什么优势吗?

HTML 电子邮件模板

javascript - 将数据发送到jquery中已经有数据的li

javascript - 按下 'enter' 键时删除输入框中的文本

javascript - 按下拉列表和文本框过滤

javascript - Ionic/Cordova - 为什么 UI 会卡住,但 javascript 会继续愉快地工作?