Форум программистов [Powered by Invision Power Board]

Код


<html>
<!-- по загрузке body - прикрепить события -->
<body onload="setevents()">

<script type="text/javascript">

//сбда сохраняются состояния
var states = new Array();

//сохранить состояние объекта
function saveState(obj, state)
{
    states[obj.id] = state;
}

//обработка нажатия на radio или на label к нему
function doit(obj)
{
    if (states[obj.id])
    {
        obj.checked = false;
        saveState(obj, false);
    } else {
        obj.checked = true;
        saveState(obj, true);
    }
}

//установка событий всем radio и labels для них
function setevents()
{
    $inputs = document.getElementsByTagName('input');
    $radios = new Array();
    for (var i=0;$inputs[i];i++)
        if ($inputs[i].type == 'radio')
            $radios.push($inputs[i]);
    
    for (var i=0;$radios[i];i++)
    {
        //если мышкой
        $radios[i].onmouseover = function()
        {
            saveState(this, this.checked)
        }
        
        //если клавой
        $radios[i].onfocus = function()
        {
            saveState(this, this.checked)
        }
    }
    
    $labels = document.getElementsByTagName('label');
    for (var i=0;$labels[i];i++)
    {
        //если мышкой
        $labels[i].onmouseover = function()
        {
            saveState(document.getElementById(this.htmlFor), document.getElementById(this.htmlFor).checked)
        }
        
        //если клавой
        $labels[i].onfocus = function()
        {
            saveState(document.getElementById(this.htmlFor), document.getElementById(this.htmlFor).checked)
        }
    }
}


</script>
Group1<br>
<input type="radio" id="radio1" name="radio1name" onclick="doit(this);"><label for="radio1">Group1:1</label><br>
<input type="radio" id="radio2" name="radio1name" onclick="doit(this);"><label for="radio2">Group1:2</label><br>
<input type="radio" id="radio3" name="radio1name" onclick="doit(this);"><label for="radio3">Group1:3</label>
<p></p>
Group2<br>
<input type="radio" id="radio4" name="radio2name" onclick="doit(this);"><label for="radio4">Group2:1</label><br>
<input type="radio" id="radio5" name="radio2name" onclick="doit(this);"><label for="radio5">Group2:2</label><br>
<input type="radio" id="radio6" name="radio2name" onclick="doit(this);"><label for="radio6">Group2:3</label>

</body>
</html>

Код

<form action=# name=f2 id=fid2>
    <input type=radio id=s1 name='radio_1' value='1'>1 
    <input type=radio id=s2 name='radio_1' value='2'>2 
    <input type=radio id=s3 name='radio_1' value='3'>3<br>
    <input type=radio id=s4 name='radio_2' value='4'>4 
    <input type=radio id=s5 name='radio_2' value='5'>5 
    <input type=radio id=s6 name='radio_2' value='6'>6<br>
    <input type=radio id=s7 name='radio_3' value='7'>7 
    <input type=radio id=s8 name='radio_3' value='8'>8 
    <input type=radio id=s9 name='radio_3' value='9'>9<br>
    <input type=radio id=s10 name='radio_4' value='10'>10
    Сумма: <input name=i1 size=6 value=0 onfocus=this.form.elements[0].focus()>
</form>
<script>
d=document;g=function(a){return d.getElementById(a);}
fn=function(ev){t=d.all?event.srcElement:ev.target;if(d.all)ev=event;
    if(t.tagName!='INPUT'||t.type!='radio')return;
    if(ev.type==(d.all?'keydown':'keypress')&&ev.keyCode!=32)return;
t.setAttribute('clicked',t.checked=t.getAttribute('clicked')!=null?
    1-t.getAttribute('clicked'):1);
l=document.getElementsByTagName('INPUT').length;
s=0;
for(i=0;i<l;i++){o=null;
    s+=Number((o=document.getElementsByTagName('INPUT')[i]).id.charAt(0)=='s'
        &&o.checked?o.value:0);
    if(o&&t.id!=o.id&&o.id.charAt(0)=='s')
        {o.setAttribute('clicked',o.checked?1:0);}
}t.form.i1.value=s;
if(ev.keyCode==32){if(d.all)ev.returnValue=!1;else ev.stopPropagation();}
}
g('fid2').onclick=fn;
if(d.all&&!self.opera)g('fid2').onkeydown=fn;g('fid2').onkeypress=fn;
</script><b>Кнопочное управление</b>:<br>
Tab - Shift-Tab - между группами кнопок(IE)/кнопками(FF,Opera);<br>
<- - -> - между кнопками в группе(IE,Opera);<br>
пробел - вкл/выкл. кнопки .<br>

Цитата(12345c @ 19.4.2006, 21:10

)

IE6, до первого притрагивания с onmouseover проблема - строка 60, симв 13 - null или не объект, FF1.06 - то же самое.