javascript - HTML/CSS/JS Want to colour group of objects and then re-colour one of them? -

-

basically have 6 labels acting buttons. when clicked on, change white blue. click on label, blue label turns white again , click label turns blue.

at moment code below sets them white doesnt appear colour newly clicked label blue. if comment out line:

document.getelementsbytagname('label').style.backgroundcolor = '#fff';

then each label clicked on turns blue, remains blue when click on new label. need know how set label class background white, turn background of clicked label blue.

the result should each time clicked label background should blue , others white.

thanks in advance

<script = "text\javascript">         function toggle(label) {             document.getelementbyid('one').style.display = 'block';             document.getelementsbytagname('label').style.backgroundcolor = '#fff';             document.getelementbyid(label).style.color = 'rgb(54, 95, 145)';             document.getelementbyid(label).style.backgroundcolor = 'rgb(193,203,225)';         }      </script>      <label id='label6' class='button' onmousedown = 'toggle("label6")'>personal details</label>     <label id='label1' class='button' onmousedown = 'toggle("label1")'>education</label>     <label id='label2' class='button' onmousedown = 'toggle("label2")'>achievements</label>     <label id='label3' class='button' onmousedown = 'toggle("label3")'>work experience  </label>     <label id='label5' class='button' onmousedown = 'toggle("label5")'>it skills</label>     <label id='label4' class='button' onmousedown = 'toggle("label4")'>languages</label>

the line you've highlighted incorrect. call:

document.getelementsbytagname('label');

returns array of elements, array doesn't have property style. need loop through results:

var els = document.getelementsbytagname('label'); (var i=0; i<els.length; i++) {     els[i].style.backgroundcolor = '#fff'; }

alternatively, use jquery mahesh suggests.


Comments

Post a Comment

Popular posts from this blog

c++ - How do I get a multi line tooltip in MFC -

-
right now, have tool tip pops when hover on edit box. problem tool tip contains multiple error messages , in 1 long line. need have each error message on own line. error messages contained in cstring new line seperating them. my existing code below. bool ontooltiptext(uint, nmhdr* pnmhdr, lresult* presult) { assert(pnmhdr->code == ttn_needtexta || pnmhdr->code == ttn_needtextw); // need handle both ansi , unicode versions of message tooltiptexta* pttta = (tooltiptexta*)pnmhdr; tooltiptextw* ptttw = (tooltiptextw*)pnmhdr; // tchar szfulltext[256]; cstring strtiptext=_t(""); uint nid = pnmhdr->idfrom; if (pnmhdr->code == ttn_needtexta && (pttta->uflags & ttf_idishwnd) || pnmhdr->code == ttn_needtextw && (ptttw->uflags & ttf_idishwnd)) { // idfrom hwnd of tool nid = ::getdlgctrlid((hwnd)nid); } //m_errprojaccel[ch] contains 1 or more error messages each...
Read more

asp.net - In javascript how to find the height and width -

-
i having .aspx , masterpage page. in masterpage loading aspx page . in aspx page design using generating table structure using code-behind server in javascript how find height , width . regards, kumar if you're looking table height , width, should it var tbl = document.getelementbyid('tbldemo'); alert(tbl.offsetwidth + '\n' + tbl.offsetheight);
Read more

c# - DataTable to EnumerableRowCollection -

-
i have datatable according client requirement can contain invalid date "00/00/1999",null,empty string.(typed datset) when collect them enumerables wish convert of invalid forms empty string. (i.e) enumerablerowcollection<datarow> query = order in _table.asenumerable() select new { orderdate= string.isnullorempty(convert.tostring(order.field<datetime>("orderdate")) || (how check date invalid date) ? string.empty : order.field<datetime>("orderdate") } how check whether date valid date or not? datetime.tryparse...like given current code: datetime date; enumerablerowcollection<datarow> query = order in _table.asenumerable() select new { orderdate= string.isnullorempty(convert.tostring(order.field<datetime>("orderdate")) || !datetime.tryparse(convert.tostring(order.field<datetime...
Read more