[JS] Actie op event voor alle <td> tags opgeven? - Softwareontwikkeling

maandag 22 april 2002 18:20

Acties:

@life-

Topicstarter

is het mogelijk dat ik in een html pagina met JS een actie aan alle TD's meegeef? ik wil namelijk met een mouseover fontSize='120%' en met een mouseout fontSize='100%' meegeven, alleen ik heb me gaar gezocht, en niks kunnen vinden?

/edit
Het is dus niet de bedoeling dat als ik met mijn muis over een <td> ga dat alle <td>'s 120% worden, alleen de gene waar ik met de muis overheen ga.

mijn T.net systeemspecspagina

maandag 22 april 2002 18:33

Acties:

paragon

var tdArr=document.getElementsByTagName("td");
for (var i=0; i<tdArr.length; i++) {
var el = tdArr[i];
el.onmouseover = function() {this.fontSize = "120%"}
}

Zoiets misschien?

maandag 22 april 2002 18:40

Acties:

RRX

@life-

Topicstarter

Op maandag 22 april 2002 18:33 schreef paragon het volgende:
var tdArr=document.getElementsByTagName("td");
for (var i=0; i<tdArr.length; i++) {
var el = tdArr[i];
el.onmouseover = function() {this.fontSize = "120%"}
}

Zoiets misschien?

werkt helaas niet, ik ga eens kijken naar getElementsByTagName

mijn T.net systeemspecspagina

maandag 22 april 2002 19:54

Acties:

paragon

code:

<html>
<head>
<style>
table {border-collapse:collapse;padding:5px;}
td {font-family:verdana;font-size:12px;border: 1px solid #336699;padding:5px;}
td.big {font-family:verdana;font-size:14px;border: 1px solid #336699;padding:5px;}
</style>
<script type="text/javascript">
function addMouseOver() {
    var tdArr=document.getElementsByTagName("td");
    for (var i=0; i<tdArr.length; i++) {
        var el = tdArr[i];
        el.onmouseover = function() {this.className = "big"}
        el.onmouseout = function() {this.className = ""}
    }
}
</script>
<body onload="addMouseOver();">
<table>
<tr>
<td>row 1 cell 1</td><td>row 1 cell 2</td>
</tr>
<tr>
<td>row 2 cell 1</td><td>row 2 cell 2</td>
</tr>
</table>
</body>
</html>

Deze doet het in mozillaen ie5.5/6

maandag 22 april 2002 20:00

Acties:

RRX

@life-

Topicstarter

Op maandag 22 april 2002 19:54 schreef paragon het volgende:
code:
1
<..>
Deze doet het in mozillaen ie5.5/6

thanks!

mijn T.net systeemspecspagina