2009-05-14 9 views
0

Je suis en train de concevoir un modèle de site d'hébergement de fichiers, le problème est que j'ai repensé les boutons radio pour éléments div d'avoir l'image personnalisée au lieu de cercles par défaut avec javascript,Besoin d'aide dans ma conception html/css/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> 

mon 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> 

si je clique sur un autre onglet, il fonctionne très bien et que l'onglet sélectionné se

Image 2 when clicked on URL Upload

mais le magasin de script le cookie de dernier onglet sélectionné, donc la prochaine fois qu'une personne visite le site automatiquement cet onglet est affiché, de sorte que j'ai manuellement codé en dur le css dans le div il se casse la conception , comme dans l'image ci-dessous i sélectionné « URL Upload » et que la page rechargées

Image 3 when exited the browser and revisited the site

dans le sélecteur, il montre onglet Télécharger le formulaire mais URL Upload est ouvert.

S'il vous plaît aidez-moi à résoudre le problème de sorte que si URL Upload est ouvert, il montre l'URL Upload sélectionné dans l'onglet ci-dessus.

Je ne peux pas utiliser n'importe quel cadre en raison de limitations, je ne peux utiliser javascript mais pas de cadre. S'il vous plaît aidez-moi à résoudre comme j'ai très moins de connaissances de javascript.

Merci beaucoup.

Cordialement,

Shishant Todi

Répondre

1

Vous devez conserver l'état des boutons radio une fois le navigateur fermé. Les cookies sont la seule façon de le faire, et vous pouvez manipuler les cookies en utilisant javascript. (googling "cookies javascript" donne beaucoup de bons tutoriels pour cela.)

1

à mon humble avis, cela est juste une très mauvaise idée - pour commencer votre page est rompu pour quiconque sans JS, pour un autre maintenant, vous devez ré-écrire tout ce qui est standardisé, navigateur -safe et pré-écrit sous la forme de boutons radio, et vous violez une convention d'utilisateur bien compris.

I fortement vous recommandons de reconsidérer les boutons radio. Vous ne devriez pas promouvoir la forme sur la fonction.

Questions connexes