Я пытаюсь создать шаблон веб-сайта для файлового хостинга, проблема в том, что я изменил дизайн переключателей, чтобы элементы div имели собственное изображение вместо кружков по умолчанию с JavaScript,
Это изображение 1 при загрузке страницы по умолчанию
<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>
если я нажимаю на любую другую вкладку, она работает нормально, и эта вкладка выбирается
Изображение 2 при нажатии на URL Загрузить
но скрипт хранит cookie последней выбранной вкладки, поэтому в следующий раз, когда человек автоматически посещает сайт, эта вкладка отображается, так как я вручную жестко запрограммировал CSS в div, это нарушает дизайн, как на рисунке ниже. выбрал "URL Upload" и затем перезагрузил страницу
Изображение 3 при выходе из браузера и повторном посещении сайта
в селекторе показывает загрузку формы, но вместо этого открыта вкладка загрузки URL.
Пожалуйста, помогите мне решить проблему, чтобы при открытой загрузке URL-адреса отображалась загрузка URL-адреса, выбранная на вкладке выше.
Я не могу использовать какой-либо фреймворк из-за ограничений, я могу использовать только JavaScript, но не фреймворк. Пожалуйста, помогите мне решить, так как я очень мало знаю javascript.
Большое спасибо.
С уважением,
Шишант Тоди