Autor Zpráva
Lukyn2006
Profil
ahoj, pitval jsem dnes ve škole jeden script a pak ho ještě doplnil o tlačítko Modrá. Všechno fungovalo jak má... ale doma to nejede a nevím kde je chyba. předem díly za pomoc Luk

<style type="text/css">
        .tlusta
        {
            font-size: large;
            font-weight: bold;
        }
        .cervena
        {
            color: Red;
        }
     .modra
        {
            color: blue; font-weight: bold;
        }   
 </style>


<form id="pokus">
    <div id="pokus" class="cervena tlusta">
        Text, slova, věty, souvětí, odstavce...
    </div>
    <input id="cudlik1" type="button" value="cudlik1" />
  
   <input id="cudlik2" type="button" value="cudlik2" />

 

  </form>
    <script type="text/javascript">

        $('#cudlik1').click(function () {
            $('#pokus').removeClass();
        });

 $('#cudlik2').click(function () {
            $('#pokus').addClass('modra');
        });


   </script>  
Joker
Profil
Lukyn2006:
Jsou tam dva prvky s id "pokus" (<form> a <div>).
Kajman
Profil
Lukyn2006:
A nezapomeňte přilinkovat knihovnu s funkcí $
Lukyn 2006
Profil *
toje vono - ta knihovna. jde to nějak obejít - přepsat - abych se nemusel odkazovat na tu knihovnu ?? Díky
Taps
Profil
Lukyn 2006:
tak si tu knihovnu stáhni a udělej na ni odkaz v rámci webu.
anonymníí
Profil *
Lukyn 2006:
Jde to samozřejmě bez použití externích knihoven, pravděpodobně v tomto případě jQuery. "Čistý" JavaScript má lehce jinou syntaxi, princip je stejný, je ot stále JavaScript.

<style>
    .tlusta {font-size: large; font-weight: bold;}
    .cervena {color: red;}
    .modra {color: blue; font-weight: bold;}
</style>

<form>
    <div id="pokus" class="cervena tlusta">
        Text, slova, věty, souvětí, odstavce...
    </div>

    <input id="cudlik1" type="button" value="cudlik1" />
    <input id="cudlik2" type="button" value="cudlik2" />
</form>

<script>

var c1 = document.getElementById('cudlik1');
var c2 = document.getElementById('cudlik2');
var pokus = document.getElementById('pokus');

c1.onclick = function() {
    pokus.className = '';
}

c2.onclick = function() {
    pokus.className = pokus.className + ' modra';
}

</script>

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: