| | |
| Stránka: 1 z 1
| [ Príspevkov: 8 ] | |
Autor | Správa |
---|
Registrovaný: 11.12.07 Prihlásený: 12.02.24 Príspevky: 487 Témy: 138 Bydlisko: Bytča | Napísal baumax: 04.09.2012 12:12 | |
|
zacinam s javascriptom
uplne jednoduchy javascrit, ktory meni po kliknuti farbu pisma + pripocitava pocet kliknuti, v IE ide, v opere ide, v mozille len meni farbu, ale nepocita, neviete preco?
Kód: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>zmena prvkov</title> <script language="javascript"> var kliky=0; </script> </head> <body id='kuk' text='blue' onclick=" kliky=kliky+1; if (kliky%2) this.text='red'; else this.text='blue'; Pocet.innerText=kliky; " > po kliknuti sa zmeni farba textu<br /> pocet kliknuti = <b id='Pocet'>0</b> </body> </html>
|
|
Registrovaný: 27.07.07 Príspevky: 3948 Témy: 51 Bydlisko: Bratislava |
skus pozriet .textContent, prip. aj ine moznosti ako zabezpecit funkcnost skriptu v najpouzivanejsich prehliadacoch
_________________ NTB: Acer Aspire 4820TG 14" | CPU: Intel Core i5 2,53 GHz | VGA: ATI Mobility Radeon HD5650 1GB | RAM: 8GB DDR3 1066 MHz | HDD: 1TB SSD WD BLUE |
|
Registrovaný: 11.12.07 Prihlásený: 12.02.24 Príspevky: 487 Témy: 138 Bydlisko: Bytča | Napísal autor témy baumax: 04.09.2012 19:14 | |
|
tu som daco nasiel https://developer.mozilla.org/en-US/doc ... extContent
ale nerozumiem tomu, to mam v mojom skripte "innerText" nahradit "textContent"
ci ako si to myslel?
edit: asi nie, ked to nahradim, otvorim v mozile a vidim:
Kód: po kliknuti sa zmeni farba textu pocet kliknuti = 0
a ked kliknem uz vidim len red, blue, red ...
vobec nevidim ten text a pocet kliknuti
|
|
Registrovaný: 11.08.07 Príspevky: 4088 Témy: 34 Bydlisko: Brno | Napísal Ďuri: 04.09.2012 19:29 | |
|
this.text (cize document.body.text, pretoze ten onclick handler je naviazany na body) je farba textu v dokumente. objektElementu.textContent alebo .innerText je vnutorny textovy obsah elementu (ale nedovoluje pouzivat HTML). Ty si ocividne nenahradil innerText, ale text, preto sa ti to tak chova. Ale nemozes to prosto prepisat, lebo textContent zase nebude fungovat inde.
Pogoogli si nasledovne: document.getElementById (nie vsetky prehliadace ti vytvoria globalnu premennu Pocet na zaklade ID), objekt style (aby si mohol menit normalne CSS, nie <body>.text) alebo vlastnost className, aby si mohol iba prepinat triedy a tie farby mat zadefinovane externe, dalej nejaky pohyb v DOM a vlastnost nodeValue (najspravnejsi sposob by bol zamerat ten textovy uzol a menit jeho hodnotu) a v neposlednom rade spravne viazanie udalosti (nie HTML atributmi).
S Javascriptom ocividne len zacinas, nesnaz sa pouzivat cudzie zle skripty.
|
|
Registrovaný: 11.12.07 Prihlásený: 12.02.24 Príspevky: 487 Témy: 138 Bydlisko: Bytča | Napísal autor témy baumax: 04.09.2012 19:50 | |
|
Duri, dik, ved som na zaciatku dnes napisal, ze s nim zacinam ...
idem sa na to pozriet
+ https://developer.mozilla.org/en-US/doc ... extContent
je tam nejaky priklad, 11 riadkov ... ako sa to ma pouzit ? nieco ma byt v tele, nieco asi v hlavicke, ohranicene <script ... </script> ze ? mozes mi ten priklad tam prepisat, ako ho mam ulozit ?
|
|
Registrovaný: 11.08.07 Príspevky: 4088 Témy: 34 Bydlisko: Brno | Napísal Ďuri: 04.09.2012 20:06 | |
|
Ja som ti to teda na ukazku napisal, ale len kvoli tomu, aby si pochopil, ako spravne pisat skripty; necakaj, ze to budeme robit pravidelne. Citaj komentare, opytaj sa, ak nebudes niecomu rozumiet.
|
|
Registrovaný: 11.12.07 Prihlásený: 12.02.24 Príspevky: 487 Témy: 138 Bydlisko: Bytča | Napísal autor témy baumax: 04.09.2012 20:16 | |
|
Ďuri píše: ... S Javascriptom ocividne len zacinas, nesnaz sa pouzivat cudzie zle skripty.
tak porad ako zacat ? ako mam vediet ze skript je zly, ked sa v tom nevyznam ... a neviem ze je zly
|
|
Registrovaný: 11.08.07 Príspevky: 4088 Témy: 34 Bydlisko: Brno | Napísal Ďuri: 08.09.2012 16:28 | |
|
|
|
| Stránka: 1 z 1
| [ Príspevkov: 8 ] | |
| Nemôžete zakladať nové témy v tomto fóre Nemôžete odpovedať na témy v tomto fóre Nemôžete upravovať svoje príspevky v tomto fóre Nemôžete mazať svoje príspevky v tomto fóre
|
|