Aktív témák

  • lao ce

    aktív tag

    válasz MasOyama #21 üzenetére

    az event-ekben (esemenyekben) tetszoleges javascript kod (parancs) futtathato. igy aztan meg lehet hivni egy funkciot is.

    a funkciot pont arra lehet hasznalni, hogyha tobb, hasonlo logikai muveletet akarunk elvegezni, akkor ugyanazok a sorok fussanak le kisebb valtoztatasokkal, vagy kulonbozo ertekekkel (itt szinekkel).

    a funkctiokat <script> tagok koze kell tenni, a <head> reszben celszeru (illik) elhelyezni keves kiveteltol eltekintve.

    az onclick esemeny igy nem csinal mast, csak meghivja (odaugrik) a permetezo_gep nevezetu funkciora. a napsugar is hasznalhatna a permetezo gepet ha akarnank.

    ezenkivul figyeld meg, hogy ahhoz hogy atszinezzuk az objektumot, kell a 'style' tagot hasznalni a color parameter elott.

    <html>
    <head>
    <title>erleles</title>
    <script>
    function permetezo_gep ( alma_szin , korte_szin , barack_szin ) {
    alma.style.color=alma_szin ;
    korte.style.color=korte_szin ;
    barack.style.color=barack_szin ;
    }
    </script>
    </head>
    <body>

    <div id=alma style=''color:green''>ez itt az alma</div>
    <div id=korte style=''color:green''>ez itt a korte</div>
    <div id=barack style=''color:green''>ez itt a barack</div>
    <p>
    <div onclick=''permetezo_gep ( 'cyan' , 'green' , 'green' );''>permetezzuk az almat</div>

    <div onclick=''permetezo_gep ( 'green' , 'cyan' , 'green' );''>permetezzuk a kortet</div>

    <div onclick=''permetezo_gep ( 'green' , 'green' , 'cyan' );''>permetezzuk a barackot</div>

    <p>
    <div onclick=''
    alma.style.color='red';
    korte.style.color='yellow';
    barack.style.color='DarkGoldenRod';''>napsugar</div>

    </body></html>

    nicht kompot

Aktív témák