Autor Zpráva
Ignac
Profil *
Panove,
1) jak muzu zmenit nadpis_1 na obrazek.jpg ? Vyzkousel sem nekolik verzi zapisu a nic..
2) da se ten zdrojak jeste nejak osekat, zjednodusit, vylepsit ?
3) Pro upresneni.. do T1 chci dat menici se obrazek, T2,T3 je menu

+------+-------+
| | T2 |
+ T1 +-------+
| | T3 |
+____+____+

Dekuji, Ignac.
---------------------------------------------------------------------- -----------
<html>
<HEAD>
<script language="javascript">
<!--
function movein(which,html){
if (document.getElementById)
document.getElementById("boxdescription").innerHTML=html
else
boxdescription.innerHTML=html
}
//-->
</script>
</HEAD>
<BODY>
<table border="2" cellpadding="2" cellspacing="2">
<tr>
<td id="volba_1" cursor:hand" onmouseover="movein(this,'Nadpis_1')">
<a href="odkaz_1"> odkaz_1 </a></td>
</tr>
<tr>
<td id="volba_2" cursor:hand" onmouseover="movein(this,'Nadpis_2')">
<a href="odkaz_2"> odkaz_2 </a></td>
</tr>
<tr>
<td height="20"><font id="boxdescription"></font>
</td>
</tr>
</table>
</body>
</html>
Ignac
Profil *
Vazeny panove, omlovam se za poruseni pravidla o diakritice (viz Yuhuove pravidla diskuse) ale pracuji v Linuxu a cestinu tady nainstalovanu bohuzel nemaji (nebo si na ni neumim prepnout). Jestli je to jeden z duvodu proc nikdo neodpovida tak.. ;( Ignac Pignac.
PS: ten pokus o nacrt obrazku s bunkami T1,T2,T3 zjevne nevysel ale ty chytrejsi z vas ho iste pochopili.
Yuhů
Profil
ale ne, nikdo neodpovídá, protože to chce hodně pečlivě číst. Trvalo mi dlouho, než jsem pochopil, na co se ptáš (pokud jsem to pochopil).

1) zkus onmouseover="movein(this,'<img src=obrazek.jpg>')">

případné uvozovky se budou muset nějak escapovat (nebaví mě to zjišťovat).

2) vylepšit se to dá. Vůbec nevyužíváš volání přes this, proměnná which není použita.

3) upřesnění jsem nepochopil.
habendorf
Profil
Moc to nechápu, ale možná to myslíš nějak takhle (snad jsem pochopil ten náčrt):


<html>
<head>
</head>
<body>
<table border="2" cellpadding="2" cellspacing="2">
<tr>
<td height="20" rowspan="2"><img src="" id="idecko"></td>
<td>
<a href="odkaz_1" onmouseover="document.getElementById('idecko').src='obrazek1.jpg'"> odkaz_1 </a>
</td>
</tr>
<tr>
<td>
<a href="odkaz_2" onmouseover="document.getElementById('idecko').src='obrazek2.jpg'"> odkaz_2 </a>
</td>
</tr>
</table>
</body>
</html>
Ignac
Profil *
asi sem to nenapsal moc 'citelne' to priznavam..
Habendorf to pochopil zcela spravne akurat to ma malu chybu, ze se po najeti mysi na odkaz_1 v T2 (resp. odkaz_2 v T3) nemeni obrazek(_1,_2) v T1 coz je pointa pribehu.

A jeste jednou ten obrazek:
+---------+-------+
|:::::::::::::|::::T2:::|
+:::T1::: |--------+
|::::::::::::|::::T3:::|
+--------+--------+

T1 obrazek(1,2)
T2 odkaz_1
T3 odkaz_2

if onmouseover(odkaz_1) then (obrazek1)
if onmouseover(odkaz_2) then (obrazek2)
else (_blank)


T1,T2,T3 vyjadruje vyraz <table><td><tr rowspan="2"></tr><tr></tr></td><tr><td></td></tr></table>
:::::::::::::::: sou prazdna mista
+|- sou cary (tj. border="1")
Ignac
Profil *
a jeste k tomu zdrojaku co sem uvedl hned na zacatku..
ten sa da prepsat jako:
+-------+--------+
|:::::::::::T1:::::::::|
+-----------------+
|:::::::::::T2:::::::::|
+-----------------+
|:::::::::::T3:::::::::|
+-----------------+

T1 odkaz_1
T2 odkaz_2
T3 text(1,2) ten se meni dle odkazu

misto textu chci obrazek
kdyz misto "boxdescription" napisu <img src="obrazek1.jpg"> tak to nebere...

ja uz to bohuzel lepe nevysvetlim :-)
JavaScript na hrad, ja du spat.. 03:31 am
Ignac
Fred
Profil
Možná by to šlo i bez js. Tady jsem si hrál http://xy.wz.cz/ a obrázky na pozadí barevné části se posunují pomocí css a to tak že se mění šířka levého okraje
llook
Profil
Aha. Snad by to mohlo být takhle (jde o automatické psaní, neručím za správnost):

<script type="text/javascript">
// <![CDATA[
function zmenObrazek(cislo) {
obrazek = (cislo == 1)
? "obr1.jpg"
: ((cislo == 2) ? "obr2.jpg" : "");

t1 = document.getElementById("T1");
while (t1.hasChild) {
t1.removeChild(t1.firsChild);
}
elObrazek = document.createElement("img");
elObrazek.setAttribute("src", obrazek);
t1.appendChild(elObrazek);
}
// ]]>
</script>
<table>
<tr>
<td rowspan="2" id="T1"></td>
<td><a onmouseover="javascript:zmenObrazek(1);" onmouseout="javascript:zmenObrazek(0);">T2</a></td>
</tr>
<tr>
<td><a onmouseover="javascript:zmenObrazek(2);" onmouseout="javascript:zmenObrazek(0);">T3</a></td>
</tr>
</table>
habendorf
Profil
Ignac: Habendorf to pochopil zcela spravne akurat to ma malu chybu, ze se po najeti mysi na odkaz_1 v T2 (resp. odkaz_2 v T3) nemeni obrazek(_1,_2) v T1 coz je pointa pribehu.

Ale mění, vždyť jsem to testoval. Musíš si tam dosadit nějaké své obrázky. Pri onmouseover na odkaz se mění src obrázku v té buňce vlevo od odkazů. Jen to chce doladit maličkost: dokud nenajedu na žádný odkaz, není ten obrázek v levé buňce definovaný (můžeš tam dát třeba nějaký průhledný gif nebo jeden z těch dvou obrázků a dočasně ho schovat pomocí visibility: hidden)

Fred: pěkné!!!
Ignac
Profil *
to Habendorf no jo, máš pravdu.. ten zdrojak je přesně to co sem chtěl, díky moc.
to Fred fakt čumim :)
v6ak
Profil
Mimochodem, vlastnost
innerHTML

není validní, pokud se nemýlím
llook
Profil
Ono v Javascriptu podle ECMA-262 by snad ani innerHTML nemohlo fungovat, ale v MSIE a Mozille funguje, protože mají JS rozšířený o getter a setter metody.
Toto téma je uzamčeno. Odpověď nelze zaslat.