Autor Zpráva
josef
Profil
potreboval bych poradit,jestli muzu zmenit vzhled popisku-bubliny-,ktery se mi zobrazuje po prejeti mysi na obrazek(odkaz)
Vim,ze se k tomu pouziva title="nejaky popis",ale ja bych chtel tento popisek nejak lepe zatraktivnit,zmenit jeho vzhled.Nebo misto popisku,aby se mi zobrazil obrazek,dekuji za vase rady a tipy,Josef
Dero
Profil
Tak já se vetřu: http://dero.name/weblog/?p=21

A když tak týden počkáš, dočkáš se dost vylepšené verze.
error414
Profil
To mohu jen doporucit, sam to pouzivam na svem blogu a je to parada.
habendorf
Profil
A pro úplnost jen dodám, že se to dá řešit i bez JS, pure CSS. Pokud ovšem nevadí, že bublina nejezdí za myší.
josef
Profil
stouram se ted v te "cotojatce",ale nejak mi to nefunguje,muzete mi trochu vice poradit,co konkretne mi v kodu chybi,nebo co presne prepsat v tom souboru tooltips.js?Tady je kod meho prikladu,jedna se mi ted o popisek,ktery se zobrazi po najeti na ten obrazek(odkaz)

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Nová stránka 1</title>
<script type="text/javascript" src="tooltips.js"></script>
</head>

<body>

<p>
<a title="popisek:nova stranka" href="file:///C:/Documents%20and%20Settings/pepino/Dokumenty/weby/nová _stránka_2.htm">
<img border="0" src="file:///C:/Documents%20and%20Settings/pepino/Dokumenty/weby/foto. jpg" width="60" height="79"></a></p>

</body>

</html>

Ten popisek se normalne zobrazuje,ale stale jen ve stare podobe,byl bych moc rad,kdyby mi nekdo mohl poradit kam co presne do kodu vlozit,mockrat dekuji
habendorf
Profil
A máš ten script uložený ve stejném adresáři jako stránku?
BTW: Odkazovat na disk c: asi není to pravé.
josef
Profil
ve stejnem adresari ho mam,tak jako vsechny slozky se kterymi pracuji pro web
josef
Profil
uz mi to funguje,pracuji v programu frontpage a v nahledu mi to proste nezobrazilo,kdyz to ale zobrazim v prohlizeci,tak uz to jde.Nefunguje mi to ale ve firefoxu,da se to nejak upravit,aby to slo jak pro IE tak pro firefox?
josef
Profil
jeste jeden dotaz,kde tam muzu jeste navic nastavit ramecek pro ten popisek a pozadi ramecku?
Richi
Profil
nečetl jsem o tech cotojátkach ale funguje to i na obrázky?
Dero
Profil
Richi: Ano, pokud do title hodíš tag img (ale bez apostrofů kolem hodnot atributů, je tam chybka, která je opravena až v nové verzi). Jinak do title můžeš vložit libovolný kód, který se pak v tooltipu správně zobrazí.
Richi
Profil
Ok dík mrknu na to, na jednom webu používám načítání obrázků ale mám to nejaký pomalý tak zkusím tohle :-)
rorejs
Profil *
to Habendorf: píšeš že se to dá udělat i bez JS, prosím, poraď jak. Chci jen změnit barvu pozadí bubliny a nechci aby jezdila za kurzorem...
habendorf
Profil
rorejs: na odkazu nebo na něčem jiném?
rorejs
Profil *
na obyčejném kousku textu, který nejspíš odliším jiným řezem, barvou pozadí apod.
WormBoy
Profil *
Hmm, tak jsem vše udělal podle Derova návodu, do <head> jsem si umístil:

<script type="text/javascript" src="../scripts/tooltips.js"></script>

jak mi bylo poraděno z nápovědy, ale ty bubliny nefungují...
Ty css styly mám zapsány v externím souboru css/normal.css (nevím tedy, jestli mi to z něj bere...)
Jinak samotný můj zápis v tooltips.js vypadá takto (jenom pro úplnost, jestli tam nemám náhodou nějakou blbou chybu):

function init() {


tooltip01 = new tooltip("tooltip01", "ELEMENTS=span", "CLASSES=tool01", "CLASSES=help", 100, 200, 85);

}

a zápis v normal.css vypadá takhle:

.tool01 {
background-color: #FFFFFF;
border: solid #3366CC 1px;
color: #3366CC;
font: normal 8pt Verdana, 'Arial CE', Arial, Helvetica;
padding: 5px;
}
span.help {
background-color: transparent;
border-bottom: dashed #C0C0C0 1px;
cursor: help;
}

Vážně nevím, kde může být chyba...
díky za rady.
WormBoy
habendorf
Profil
rorejs: na obyčejném textu (který není odkazem) to nepůjde, protože IE umí hover jen na odkazu. Moje odpověď z 13.1. byla na původní téma, tedy "bublina nad odkazem".
Toto téma je uzamčeno. Odpověď nelze zaslat.

0