Autor | Zpráva | ||
---|---|---|---|
Sirius Profil |
#1 · Zasláno: 16. 7. 2007, 20:18:07 · Upravil/a: Sirius
Potřebuji udělat, aby po najetí na určitý element na webu se zobrazili bližší informace o dané věci.
Chtěl bych aby to vypadalo nějak takhle: Zkoušel jsem hodně věcí, ale nikdy se nepovedlo. Vím, že to nějak jde vyřešit přes onmouseover="ddrivetip()", ale jak to už přesnš nevím. Prosím poradtě, jsem opravdu v koncích.. Předem děkuji EDIT: Tento obrázek je z http://www.wow-europe.com/en/info/basics/events/childrensweek/index.ht ml |
||
djlj Profil |
#2 · Zasláno: 16. 7. 2007, 20:26:49
Zkus Cotojátka.
|
||
Sirius Profil |
#3 · Zasláno: 16. 7. 2007, 20:32:37 · Upravil/a: Sirius
Cotojátka sem už jednou využil a teď jsem si na ně vzpoměl, ale že by to fungovalo? Já bych to chtěl stejně jak je to na tom webu,a le kzusím to a díky za radu. Pokud by někdo měl další nápad rád si ho poslechnu :)
Vypadá to hodně slibně.. Akorát bude docela těžký pohrát si s tím ccs, protože já už vyšel ze cviku :) Ještě bych k tomu přidla po najetí nějaký kurzor hezký a mohlo by to být dost působivé.. |
||
Sirius Profil |
#4 · Zasláno: 16. 7. 2007, 20:35:48 · Upravil/a: Sirius
Jeden problém jsem objevil a to ten, že mi nejdou v tom title=" " zalamovat řádky.. pak celý ten script přestane fungovat a jediný výsledek je, že ten text je podtržený..
|
||
Sirius Profil |
#5 · Zasláno: 16. 7. 2007, 21:04:51
Můj závěr je, že Cotojátka nejsou vhodným řešením.. Neznáte někdo jiný způsob?
|
||
Alutom Profil * |
#6 · Zasláno: 18. 7. 2007, 17:11:32
V title zalamovat řádky jdou, ale funguje to myslím jen v IE:
<div title="A H O J">Ahoj</div> |
||
Alutom Profil * |
#7 · Zasláno: 18. 7. 2007, 17:52:00
Zkus tohle:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta http-equiv="content-language" content="cs"> <meta http-equiv="content-style-type" content="text/css"> <meta http-equiv="content-script-type" content="text/javascript"> <meta name="author" content="Alutom"> <style type="text/css"> <!-- #info {position: absolute; color: #fff; background: #000; border: 1px solid #000; width: 200px;} --> </style> <script type="text/javascript"> <!-- info_showed=false; function on(t,x,y) { info_showed=true; info=document.getElementById("info"); if(!info) { info=document.createElement("div"); info.id="info"; document.getElementsByTagName("body")[0].appendChild(info); if(!document.all) info.style.display="fixed"; } info.style.visibility="visible"; info.style.top=y+10+"px"; info.style.left=x+10+"px"; info.innerHTML=t; } function off() { if(info_showed) { info_showed=false; document.getElementById("info").style.visibility="hidden"; } } //--> </script> </head> <body> <div onmousemove="on('Ahoj',event.x,event.y);" onmouseout="off();">Ahoj</div> <p><a href="x" onmousemove="on('Ahoj<br>Tenhle popis je<br>trochu delší',event.x,event.y);" onmouseout="off();">Ahoj2</a><p> <br><img onmousemove="on('Toto je <del>oblázek</del> obrázek',event.x,event.y);" onmouseout="off();"></img> </body> </html> |
||
Tomáš Hanus Profil |
#8 · Zasláno: 18. 7. 2007, 19:13:30
Sirius
nevim v čem to píšeš, ale v html slo udelat delení pomocí |, prostě: neco|neco|neco| a bylo to na tři řádky, tuším :) |
||
Sirius Profil |
#9 · Zasláno: 18. 7. 2007, 20:29:42
Díky, nakonec jsem si stáhl již publikovaný kód, udělaný úplně přesně k tomu účelu, co jsem potřeboval, bohužel, ale funguje jen při najetí na obrázek, ale ne na text, takže asi použiji Alutomovo řešení.. Ještě jednou díky
|
||
Časová prodleva: 2 měsíce
|
|||
karelm Profil |
#10 · Zasláno: 5. 9. 2007, 20:11:12
Zkusil jsem ten kód zde uvedený také, ale nefunguje mi správně ve FireFoxu (chybná pozice popisku). V IE7 je to o.k. Funguje to někomu bezchybně (stejně) v obou prohlížečích ? Případně jiný tip ?
|
||
karelm Profil |
#11 · Zasláno: 5. 9. 2007, 22:01:18
ještě bych se chtěl zeptat, jestli cotojátka umí i obrázky (nejen odkazy a nadpisy) . V IE7 se popisek obrázku zobrazí a ve FF ne.
|
||
Fantomasmag Profil |
#12 · Zasláno: 6. 9. 2007, 11:25:51
Jo, cotojátka umí zobrazovat i title u obrázků. Sám to používám.
|
||
karelm Profil |
#13 · Zasláno: 6. 9. 2007, 19:37:04
Mohl bys prosím napsat kousek kódu s tím obrázkem ? Děkuju
|
||
Časová prodleva: 17 let
|
0