07. august 2001 - 00:29Der er
4 kommentarer og 2 løsninger
Problem med table hover effekt
Jeg har brugt følgende:
<script language=\"JavaScript\"> function co(element,mode) { s = \'#5555ff\' n = \'#ffffff\' o = \'#B7C6D6\' if (mode==\"in\") { if (element.style.background == s){ colorval = s } else { cursortype = \'\' colorval = o }} else if (mode==\"out\") { if (element.style.background == s){ colorval = s } else { cursortype = \'\' colorval = n }} else if (mode==\"sel\") { if (element.style.background == s){ colorval = n } else { cursortype = \'\' colorval = s }} element.style.background=colorval; element.style.cursor=cursortype; } </script>
til at lave en hover effekt på tablerow\'s og når man klikker bliver row\'en \"selected\" (en tredie farve). Det er jo godt nok, men alle de andre tablerows skal unselectes, så kun en er selected af gangen. Hvordan?
AI bliver først for alvor en del af arbejdet, når teknologien integreres i den måde, vi arbejder på. At have adgang til AI betyder ikke nødvendigvis, at medarbejderne er klar til at bruge den.
Nedenfor går jeg ud fra der er en række i en tabel der bliver selectet. Hvis det er forkert er nedenstående noget gylle.
<script language=\"JavaScript\"> // IE only
function unsel( element, farve ) [ // element er et <tr element var tabElm = element.parentElement.parentElement; var tb = tabElm.tBodies; for (var i=0; i<tb.length; i++ ) { var tbr = tb[i].rows; for (var j=0; j<tbr.length; j++ ) { if ( tbr[j] != element ) tbr[j].style.backgroundColor = farve; } } };
function co(element,mode) { s = \'#5555ff\' n = \'#ffffff\' o = \'#B7C6D6\' if (mode==\"in\") { if (element.style.background == s){ colorval = s } else { cursortype = \'\' colorval = o }} else if (mode==\"out\") { if (element.style.background == s){ colorval = s } else { cursortype = \'\' colorval = n }} else if (mode==\"sel\") { if (element.style.background == s){ colorval = n } else { cursortype = \'\' colorval = s unsel( element, n ); // unselect all other rows }} element.style.background=colorval; element.style.cursor=cursortype; }
Ups. forkert slags startparentes ( \'[\' skal være \'{\' ): function unsel( element, farve ) [ // element er et <tr element skal være: function unsel( element, farve ) { // element er et <tr element
Synes godt om
Ny brugerNybegynder
Din løsning...
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.