| Autor | Zpráva | ||
|---|---|---|---|
| Lukyn2006 Profil |
#1 · Zasláno: 4. 5. 2015, 20:33:57
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 |
#2 · Zasláno: 4. 5. 2015, 20:41:02
Lukyn2006:
Jsou tam dva prvky s id "pokus" (<form> a <div>). |
||
| Kajman Profil |
#3 · Zasláno: 5. 5. 2015, 10:41:56
Lukyn2006:
A nezapomeňte přilinkovat knihovnu s funkcí $ |
||
| Lukyn 2006 Profil * |
#4 · Zasláno: 5. 5. 2015, 11:42:22
toje vono - ta knihovna. jde to nějak obejít - přepsat - abych se nemusel odkazovat na tu knihovnu ?? Díky
|
||
| Taps Profil |
#5 · Zasláno: 5. 5. 2015, 11:47:50
Lukyn 2006:
tak si tu knihovnu stáhni a udělej na ni odkaz v rámci webu. |
||
| anonymníí Profil * |
#6 · Zasláno: 5. 5. 2015, 11:51:09
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> |
||
|
Časová prodleva: 9 let
|
|||
0