Autor Zpráva
DZer
Profil
DZer
Profil
potřeboval bych čístěší řešení tohodle scriptu,má tu funkci že obrázkem označuje aktuální stránku u odkazu,todle je hrozně nepřehledný a pro více odkazů se to bude hrozně rozrůstat


<style>
#s1{display:none;}
#s2{display:none;}
#s3{display:none;}
<style>

<img id="s1" src="">
<img id="s2" src="">
<img id="s3" src="">

<a href="">
<img src=""
onclick="document.getElementById('s1').style.display='block';
document.getElementById('s2').style.display='none';
document.getElementById('s3').style.display='none'">
</a>

<a href="">
<img src=""
onclick="document.getElementById('s1').style.display='none';
document.getElementById('s2').style.display='block';
document.getElementById('s3').style.display='none'">
</a>

<a href="">
<img src=""
onclick="document.getElementById('s1').style.display='none';
document.getElementById('s2').style.display='none';
document.getElementById('s3').style.display='block'">
</a>



možna by stačilo,jestli to teda de přiřazovat více ID najednou do jednoho
document.getElementById('s1')
mohlo by to vipadat takle
document.getElementById('s1,s2,s3')
-ale je to asi blbost
Fred
Profil
No uprav si tohle http://www.snook.ca/archives/000291.html , ale doporučoval bych spíš php http://www.alistapart.com/articles/keepingcurrent/ , nebo ručně dávat v css jiný class aktuální stránce.
peta
Profil *
<script>
function bbb(id,z)
{document.getElementById(id).style.display=z}

function aaa(xx)
{
bbb('s1','none');bbb('s2','none');bbb('s3','none');
bbb(xxx,'block');
}
</script>

<a href="#"><img src="" onclick="bbb('s1')"></a>
<a href="#"><img src="" onclick="bbb('s2')"></a>
<a href="#"><img src="" onclick="bbb('s3')"></a>
DZer
Profil
peta:takle kratky,diky
peta
Profil *
DZer: Ono to jde kratsi, ale pouzil jsem tvuj script...
Pokud mas pevny img, vyska sirka, muzes to dat do CSS jako background-image pro A a pri display:block a float se to da...
Ale tez s temi obrazky to jse, Jenom nemas definovano width, height, takze se ti budou obrazky nacitat a menit rozmery stranky, nehlede na pomalost.
a tedy u A nejakou cestu, jinac bych pouzil hover pro img s JS hoverem pro IE
ja bych to asi resil podobne...

<script type="text/javascript"><!-- Begin
function bbb(i,z)
{document.getElementById(i).style.display=z?'block':'none'}

function aaa(x)
{
bbb('s1',0);bbb('s2',0);bbb('s3',0);
bbb('s'+x,1);
}
// End --></script>

<a href="#"><img src="" onclick="bbb('1')" width="50" height="20"></a>
<a href="#"><img src="" onclick="bbb('2')" width="50" height="20"></a>
<a href="#"><img src="" onclick="bbb('3')" width="50" height="20"></a>
peta
Profil *
jeste jinac :)

function bbb(i,z)
{document.getElementById('s'+i).style.display=z?'block':'none'}

function aaa(x)
{bbb(1,0);bbb(2,0);bbb(3,0); bbb(x,1)}

Ale nevim, zda to ted pochopis, ale mohlo by to fungovat.
pak se jeste da delat to, ze do nejake tempA=old
var oldX=1;
function aaa(x)
{bbb(oldX,0);bbb(x,1);oldX=x}

... Jinak sory, mam tam "xx" a pak "xxx" chybka
DZer
Profil
peta:diky moc hned to vyskousim,no to je moje casta chyba stema rozmněrama editory to tam davaj automaticky ale ja no vždycky zapomenu
Leo
Profil
To nemusite resit JavaScriptem, ale v CSS, staci pak dat body na kazde strance dat aktualni id, Leo
Fred
Profil
Leo To jsem vlastně doporučoval už v první odpovědi, určitě je to tak lepší. Holt každý svého štěstí strojvůdcem :-)
DZer
Profil
jo JS je na to nešikovný protože sem na menu nakonec stejně použil Ifrejm(jak radí Yahů)
a tam se stejně to menu načítá znova znova a tak to nefunguje.dal sem to tam na každou stránku absolutnim pozicovánim se z-idexem tak že je to nalepený až utoho odkazu
diky za rady
Toto téma je uzamčeno. Odpověď nelze zaslat.