Diskuse JPW: text vs. obrazek

	Autor	Zpráva
	Ignac Profil *	#1 · Zasláno: 5. 11. 2004, 20:02:16 · Upravil/a: Moderátor (editace znemožněna) Odpovědět Citovat 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 *	#2 · Zasláno: 6. 11. 2004, 00:08:44 Odpovědět Citovat 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	#3 · Zasláno: 6. 11. 2004, 00:45:49 Odpovědět Citovat 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	#4 · Zasláno: 6. 11. 2004, 01:00:10 · Upravil/a: habendorf Odpovědět Citovat 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 *	#5 · Zasláno: 6. 11. 2004, 03:16:16 Odpovědět Citovat 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 *	#6 · Zasláno: 6. 11. 2004, 03:31:01 Odpovědět Citovat 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	#7 · Zasláno: 6. 11. 2004, 09:13:23 · Upravil/a: Fred Odpovědět Citovat 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	#8 · Zasláno: 6. 11. 2004, 10:03:45 Odpovědět Citovat 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	#9 · Zasláno: 6. 11. 2004, 13:27:30 · Upravil/a: habendorf Odpovědět Citovat 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 *	#10 · Zasláno: 6. 11. 2004, 13:48:47 Odpovědět Citovat to Habendorf no jo, máš pravdu.. ten zdrojak je přesně to co sem chtěl, díky moc. to Fred fakt čumim :)
		Časová prodleva: 2 měsíce
	v6ak Profil	#11 · Zasláno: 23. 12. 2004, 13:41:03 Odpovědět Citovat Mimochodem, vlastnost innerHTML není validní, pokud se nemýlím
	llook Profil	#12 · Zasláno: 24. 12. 2004, 02:27:31 Odpovědět Citovat 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.
		Časová prodleva: 15 let

Toto téma je uzamčeno. Odpověď nelze zaslat.