HTML help

[eSsay]

Ahoj, mám teraz viac voľného času, tak som sa pustil do učenia sa HTML jazyka - teda som začiatočník
Nechápem, prečo mi zvuk začne hrať hneď, ako načítam stránku, keď mám autostart="false"
A keď prejdem kurzorom myši cez odkaz, tak mi zvuk neprehraje.

<embed name="zvuk" src="pes-zvuk.wav" hidden="true" autostart="false">

<a href="#odkaz" onmouseover="document.zvuk.play()" onmouseover="document.zvuk.stop()">Odkaz</a>


.... kde mám chybu ?

[Gumkac]

a dat tomu zvuku aj ID, a potom v onmouseover dat document.getelementbyid("idzvuk").play() ? ci?

[eSsay]

ID ? To už po mne chceš veľa ...ako hovorím, som v tom newbei. Ten zdrojový kód na zvuk som našiel na nete - chcel som si to iba vyskúšať Vlastne neviem ani, či to má byť v hlavičke alebo v tele
Aspoň mi to hraje, no nie tak ako by malo.

[Gumkac]

to <a href> urcite v tele. to prve je asi jedno.

[eSsay]

Ďakujem. No a ako by malo vyzerať to s tým ID ???

Ešte sa chcem spýtať, vybral som si dobre pre začiatok (HTML jazyk) ??? Hovorili mi, že HTML je zastarané, že mám sa učiť radšej Javu alebo CSS. Nevedel som, s čím začať (Java, C++, CSS, ....)
To HTMLko som sa učil kedysi dávno ešte na strednej škole, ale nepamätám si už z toho nič. Ak sa naučím HTML, tak ďalej pôjdem do CSS..... dobre tak ??
V podstate ma baví tvorba/úprava vzhľadu stránky (grafická úprava). No ale chcel by som vedieť aj ČO upravujem, teda aj ten zdrojový kód pochopiť (aspoň základy)

[Gumkac]

HTML na zaciatok nieje zle ale ked, tka HTML5, nech sa neucis zastarale HTML.
http://www.w3schools.com/html/default.asp

toto je dobry page o vsetkom ohladom html5.

samozrejme potom pridat CSS a potom JavaScript.

Ak sa chces programovaniu venovat viac, tak potom asi zacat s delphi, potom c/c++ a nakoniec javu.

[filuS]

Budem pisat v bodoch:
[*] tag EMBED nepozna atribut "autostart". Nehovorim, ze to nahodou nejaky prehliadac neakceptuje, ale podla standardov ma "embed" definovane len 4 atributy - src, type, width a height. Pouzi radsej tag "audio" - http://www.w3schools.com/tags/tag_audio.asp
<audio id="MyAudio" autostart="false" controls>
<source src="pes-zvuk.wav" type="audio/wav">
Your browser does not support the audio tag.
</audio>
V pripade, ze to chces mat skryte (neviditelne), pridaj do tagu audio este toto - style="display:none;"
[*] to, ze ked prejdes mysou cez anchor, ti nezacne prehravat kvoli tomu, ze mas 2x definovanu onmouseover - pricom druhy vyskyt ti spravi stop. Ak by si bindoval eventy cez javascript (jQuery), tak viacero funkcii na jednu akciu nie je problem, no takto inlineovo v tagu to proste nejde, mozes tam mat len jeden onmouseover. Ked tak urob dva linky - jeden na play, druhy na stop.
[*] dalsia vec, ktora tu uz bola spomenuta - daj audio tagu nejake ID (napr. <audio id="MyAudio"> ako v mojom priklade) a potom na to ziskas referenciu cez document.getElementById("MyAudio") - takto si budes 100% isty, ze referujes na spravny element. Tag EMBED standardne nema mat atribut "name", takze to moze byt dalsi dovod, preco by ti to neslo.

[eSsay]

@Gumkac: Takže predsa je zastaralé ... a to si stiahnem HTML 5 ?? Teraz píšem v PSPade.

@filuS: to ID mám chápať ako nejakú premennú ?? Aspoň tak som to pochopil v mojom prvom príspevku <embed name="zvuk"

Malo by to vyzerať nejak takto ???

<audio id="zvuk" autostart="false" controls style="display:none;> <source src="pes-zvuk.wav" type="audio/wav"> </audio>
<a href="#odkaz" onmouseover="document.getelementbyid("zvuk").play()">Odkaz</a>

[filuS]

ID je specialny unikatny identifikator pre element na stranke, takze podla neho najdes presne ten element, ktory potrebujes (plus ma este dalsie vyhody, ale o tom sa da najst vela na nete ak potrebujes).

Kód: Vybrať všetko

<audio id="zvuk" autostart="false" controls style="display:none;">
    <source src="pes-zvuk.wav" type="audio/wav">
</audio>
<a href="#odkaz" onmouseover="document.getElementById('zvuk').play();">Odkaz</a>

Treba davat pozor na uvodzovky, aby bola hodnota atributu vzdy otvorena/zakoncena. Takisto si treba davat pozor na taketo veci: "document.getElementById("zvuk").play();" - tu ti nastane problem, ze mas uvodzovky v uvodzovkach (tym padom hodnota sa konci pri druhom vyskyte). Ja v takomto pripade pouzijem jednoduche uvodzovky - 'zvuk' . Idealne by bolo pouzit javascript event binding namiesto inline akcie, ale to je asi na inu kapitolu

[eSsay]

no, nejde mi to

[filuS]

Moze byt, ze prehliadace neprehraju audio, ak ma nastavene display: none .
Skusime to teda inak: ak vynechame atribut "controls", tak by sa nemalo nic zobrazit. Teoreticky by ti pri vacsich audio zaznamoch este mohol pomoct atribut preload="auto":

Kód: Vybrať všetko

<audio id="zvuk" autostart="false" preload="auto">
    <source src="pes-zvuk.wav" type="audio/wav">
</audio>
<a href="#odkaz" onmouseover="document.getElementById('zvuk').play();">Odkaz</a>

Sam to takto nejako podobne pouzivam, takze by to malo ist.

[eSsay]

Funguje
Prišiel som domov a funguje mi aj to predošlé (s atributom Controls) Zaujímavé. Pritom aj doma aj v práci používam prehliadač Google Chrome.