Class veranderen

Auteur: BladiN - 31 oktober 2004 - 23:12 - Gekeurd door: Dennisvb - Hits: 5110 - Aantal punten: 4.38 (4 stemmen)

Met dit script is het mogelijk om een element met een className te veranderen van className, dit kan bijvoorbeeld handig zijn bij MouseOvers of als je met je muis over een cell heen gaat (wat vaak gebruikt wordt)

Code:

php code - Bekijk de code zonder highlighting - Klap code in

                <script>
// Change Class
function change_class(id,cl)
{
    if (document.getElementById(id)) {
      document.getElementById(id).className = cl;
    }
}
</script>
            
<script>
// Change Class
function change_class(id,cl)
{
    if (document.getElementById(id)) {
      document.getElementById(id).className = cl;
    }
}
</script>
 

Dit gebruik ik zelf voor een site van mij om een plaatje van een transparante class naar een niet transparante class te krijgen

php code - Bekijk de code zonder highlighting - Klap code in

                <img id="img_1" src="images/plaatje.png" alt="" class="sitex" onmouseout="change_class('img_1', 'sitex');" onmouseover="change_class('img_1', 'sitey');" />
            
<img id="img_1" src="images/plaatje.png" alt="" class="sitex" onmouseout="change_class('img_1', 'sitex');" onmouseover="change_class('img_1', 'sitey');" />

Zorg dat de id en de namen in de change_class() overheen komen, de sitex is de standaard class en sitey is de class die komt bij een mouseover

Download code (.txt)

Stemmen

Niet ingelogd.

Reacties

Post een reactie

Geen reacties (0)