Autor Zpráva
Sirius
Profil
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
Zkus Cotojátka.
Sirius
Profil
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
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
Můj závěr je, že Cotojátka nejsou vhodným řešením.. Neznáte někdo jiný způsob?
Alutom
Profil *
V title zalamovat řádky jdou, ale funguje to myslím jen v IE:

<div title="A
H
O
J">Ahoj</div>
Alutom
Profil *
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
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
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
karelm
Profil
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
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
Jo, cotojátka umí zobrazovat i title u obrázků. Sám to používám.
karelm
Profil
Mohl bys prosím napsat kousek kódu s tím obrázkem ? Děkuju

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: