JavaScript pro zvýraznění kotvy-textu

Zdravím,

na rovinu říkám žese v JS vůbec neorientuji, použil jsem prozatím jeden jediný, teď bych rád druhý.

Myslím, že to není nic nemožnýho ... pokud někde z Vás se v JS orientuje, tak by snad bude schopen řící co a jak.

Mám nahoře odkaz: <a href="#Golf">Golf</a>
... který odkazuje sem .... <h2><a id="Golf" style="color: rgb(102, 102, 102);" href="fotogallery/fotogallery1.html">Golf</a></h2>

Rád bych aby po kliknutí na odkaz nahoře, se stránka posunula ke kotvě(to už je) ale zároveň se jako pozadí ze nadpisem s id přehrála animace. Animaci už mám také, potřebuju vědět jen ten JS a jakou část kam vložit.

Snad je to srozumitlné, MIhh

"JS vůbec neorientuji"
ciste tvuj problem, me to nezajima, max ti muzu na to odpoveded, nauc se. Nechces se naucit? Smula, no.

"ale zároveň se jako pozadí ze nadpisem s id přehrála animace"
Nerozumim.
"Animaci už mám také"
To je sice hezke, ale kde je? :)

<span onclick="spustAnimaci()">klikni</span>
<img src="" id="obrazek">
<script>
function spustAnimaci()
{
document.getElementById('obrazek').src = 'animace.gif';
}
</script>

fotogallery // co to je? :)
photo - gallery
foto - galerie
foto

K te strance, dost to tam placas. Stranka musi vzhledove vypadat ciste a ne jako smesice barev a vystrizku novin.
http://axpsu.fpf.slu.cz/~web/web-inspirace/
* pro leve menu bych doporucil takovy vzhled, ten obrazek na pozadi klidne nech, jen ho udelej viz vodovy.
http://axpsu.fpf.slu.cz/~web/web-inspirace/screen/sx/web-VA0048BL.jpg
* pro pravou stranu neco takoveho (az na nadpis, ten puntik se mi tam nelibi), stejne pismo i jeho barva
http://axpsu.fpf.slu.cz/~web/web-inspirace/screen/sx/web-VA0088GR_2.jpg
Tady uz to mas v podstate vyvazene, jen ti to sem tam nekde odskakuje od okraje, mas rozdilne velikosti nahledu obrazku a kolem nich maly margin
http://pein-nagato.wz.cz/nagato2.html
p img {width:320px; height:200px;}
p img.left {margin:0 1em 1em 0;}
p img.right {margin:1em 0 0 1em;}
Zdroje bych daval pod sebe. (Mozna udelat specialni stranku zdroje a tam vypsat vsechny.)
* pozadi stranky tmave a obsah bily
http://axpsu.fpf.slu.cz/~web/web-inspirace/screen/sx/web-VA0161BL.jpg
Tim docilis podobneho efektu jako mas ted, ale bude se to lepe cist z bileho podkladu
* hlavicku a nadpis nejak takto
http://axpsu.fpf.slu.cz/~web/web-inspirace/screen/s1024/teraristika-chovzvirat-com.png
*

Nestahuje se ke straně uvedené v profilu. Jinak Tvé poznámky si rád projdu, ale primární je ten JS.

Tvůj JS je výrazný posun. Moc díky. Ale představoval bych si to trošičku jinak.

Moje vize: Byl bych rád, abych kliknul na <a href="#Golf">, a stránka se posunula k <a id="Golf"> a za nadpisem Golf(jako na pozadí za nadpisem) se přehrála ona animace.
Takto se mi animace přehraje vedle nadpisu, což není nejelegantnější.

*Tu fotogallery mám kvůli abecednímu pořadí v PC, čtenář to stejně nevidí ...

To jako na pozadí toho nadpisu zobrazit animaci?

<a href="#Golf" onclick="spustAnimaci();"></a>
<script>
function spustAnimaci()
{
document.getElementById('id_nadpisu').style.backgroundImage = "url(animace.gif)";
}
</script>

Ovšem je třeba si uvědomit, že se nejdříve zpravuje JS až pak se přejde ke kotvě. Naopak to nejde.


Prznit jazyk se nevyplácí. Buď photogallery nebo fotogalerie. Cokoli jiného je ubohý pokus mládeže být in.

Tomik: Krása, moc Ti díky.

Ten JS je jen pro lepší orientaci pro čtenáře, ta desetina sekundy rozdílu případného nehraje pro mě(ně snad také ne) roli.
* prznit jazyk - nechápu - čtenář se o kod ani url nejspíše zajímat nebude a ve stránkách mám vše správně(url jde i upravovat) ... a pro mě je to přehlednější v PC.

Peta: Tak to vypadá že bych měl překopat celý web ... nyní na něm nepracuju, sám ho chci trochu předělat, ale až se k tomu dostanu, dělal jsem ho jen tak ze srandy, abych se něco naučil.
* chtěl jsem na tom pochopit rozdíly mezi podobnými pojmy atp.

Tak jsem jásal předčasně, tedy funguje to, ale má to mouchy bohužel.

Sem jsem to nahrál, tak to uvidíte názorně, klikněte nalevo do témata a chci aby to odkázalo doprava. Pro názornost jsem tam vložil nekonečnou animaci.
> http://www.volny.cz/fotodesign/realizace.html

Mouchy:
1) Jsou spustit i 4 naráz, já bych potřeboval, aby pokaždý když kliknete na odkaz, tak ta předchozí animace skončila.
2) Když tam vložím animaci pro přehrání jednou tak se přehraje jen jednou(správně), ale po kliknutí znova už se znova nepřehrává, a po kliknutí na jiné téma také ne.

Ten JS jsem neupravil profesionálně to je mi jasný(koukněte se do zdroje a nezděste se nad tím JS) ... nicméně bohužel opět prosím rady ...

Předem děkuju, Mihh

Tak dej ostatni display:none, ne? Nebo zastav.
http://www.jakpsatweb.cz/javascript/priklady/skryvane-zalozky.html
Princip je takovy, ze skryjes vsechny animace a zobrazis jen tu aktualni.

<HTML>peta: Problém je v tom, že některé prohlížeče ti nepřehrají znovu nezacyklený animovaný GIF, když už jej jednou načetly (přehrají jej jen při znovunačtení celé stránky).</HTML>

To bych se divil, kdyz mu nastavis src, ze by to prohlizec neopakoval? Ale mozne to je.
<img onclick="this.src = this.src;">