17 Lut 2009

Kolorowanie rekordów w tabeli

Przypisanie zdarzeń do tagów <td> tabeli


<p class="mce_ws_kod">&lt;script&gt;
function add_tr_hover(id) {
alert(id);
var elem = document.getElementById(id);
var lista = elem.getElementsByTagName('tr');
for(var i=0; i&lt;lista.length; i++) {
lista[i].onmouseover=function() { this.style.backgroundColor='#EDEDED'; }
lista[i].onmouseout=function() { this.style.backgroundColor='#FFFFFF'; }
}
}

<p class="mce_ws_kod">window.onload=function(){
add_tr_hover("cos");
}
<p class="mce_ws_kod">&lt;/script&gt;</p>
Przykładowy HTML tabeli

<span class="mce_ws_kod">&lt;table id="cos"&gt;
&lt;tr&gt;&lt;TD&gt;jeden&lt;/TD&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;TD&gt;dwa&lt;/TD&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;TD&gt;trzy&lt;/TD&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;TD&gt;cztery&lt;/TD&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;TD&gt;pięć&lt;/TD&gt;&lt;/tr&gt;
&lt;/table&gt;</span>
4 Gru 2008

Dymek nad polem input formularza

<HTML>
 <HEAD>

<SCRIPT LANGUAGE=”JavaScript”>
<!–
 function sd(el) {

  var fixedX = 0;
  var fixedY = 0;
  var leftpos = 0;
  var toppos = 0;
  var aTag = el;

  do {
   aTag     = aTag.offsetParent;
   leftpos += aTag.offsetLeft;
   toppos  += aTag.offsetTop;
  } while (aTag.tagName != ‚BODY’);

  var newX = (el.offsetLeft + leftpos + fixedX) + „px”;
  var newY = (el.offsetTop + toppos + el.offsetHeight + 2 + fixedY) + „px”;

  var d = document.getElementById(‚dymek’);
  var d_style = d.style;
  d_style.left = newX;
  d_style.top = newY;

  d.innerHTML = el.value;
  d_style.visibility = „visible”;
 }

 function hd(el) {

  var d_style = document.getElementById(‚dymek’).style;
  d_style.visibility = ‚hidden’;
 }

//–>
</SCRIPT>

 </HEAD>

 <BODY>
 <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
  <TABLE>
 <TR>
  <TD><INPUT TYPE=”text” NAME=”test” VALUE=”Wspominałem, że w kilku miejscach chciałbym dodać ‚dymki’ takie jak robi atrubut ‚alt=’ prze obrazkach.” size=”20″ onMouseOver=”sd(this)” onMouseOut=”hd(this)”></TD>
  <TD><INPUT TYPE=”text” NAME=”test” VALUE=”Wspominałem, że w kilku miejscach chciałbym dodać ‚dymki’ takie jak robi atrubut ‚alt=’ prze obrazkach.” size=”20″ onMouseOver=”sd(this)” onMouseOut=”hd(this)”></TD>
 </TR>
 </TABLE>  
 
  <div id=”dymek” style=”z-index:+999; position:absolute; visibility: hidden;”></div>
 </BODY>
</HTML>