Autor Zpráva
človíček
Profil *
Ahoj, není to tak dávno, co jsem tady na diskusi viděl odkaz na nějakou cizí stránku, na které byly různé java scripty a css. Byl tam i script, který bych potřeboval, šlo o to, že se po najetí na určitý text zobrazila "bublinka", ve které byl další text (např. vysvětlení pojmu). Bohužel ale nevím, jak to tady najít, vyhledávat jsem to zkoušel, ale asi jsem zvolil špatné fráze. Předem moc děkuji
svadla
Profil
cotojatko by ti nestacilo?

Odkaz
človíček
Profil *
svadla
je to něco podobného, ale není to přesně ono
Taps
Profil
človíček
co třeba http://boxover.swazz.org/example.html a nebo použij gogle a zadej výraz javascript tooltips
človíček
Profil *
Už jsem našel to co potřebuji - http://www.macdesign.cz/priklady/efektni-title-css/ jen jsem se chtěl zeptat, zda-li by se to dalo nějak upravit tak, aby se ta samá bublinka zobrazovala u více "<div>ů" , ale s jiným textem v ní... Chtěl bych totiž z databáze vytahovat několik dat a ke každému zvlášť bych chtěl přidat tuto bublinku.
Ten script co ty bublinky dělá vypadá takhle:
<!-- druhá reference -->
<div class="obrazek2" onmouseover="javascript:img_hover(2);" onmouseout="javascript:img_hover(2);">
<div id="objekt_2" style="display:none;"><span>KOKOŘÍN 2008</span><br />
<img src="img/ico.jpg" /><br />
Fotografie z výletu...<br />
<a href="http://www.kokorin.cz" onclick="return !window.open(this.href)">www.kokorin.cz</a>
</div>
</div>
<!-- /druhá reference -->
Nox
Profil
Nestačilo by jen vhodně nastylovat cotojátka?
Kalby
Profil
co takhle?

<!-- druhá reference -->
<div class="obrazek2" onmouseover="javascript:img_hover(<?php echo $idclanku ?>,'<?php echo $textclanku?>');" onmouseout="javascript:img_hover(2);">
<div id="objekt_<?php echo $idclanku?>" style="display:none;">
</div>
</div>
<!-- /druhá reference -->



a javascript pak bude takhle

function img_hover(ind,text)
{
s = document.getElementById("objekt_" + ind)
 if (s.style.display == 'none')
 {
  s.innerHTML=text;
   s.style.display = 'block';
 }
 else if (s.style.display == 'block')
 {
   s.style.display = 'none';
 }}
kolemjdoucí
Profil *
Chtěl jsem se zeptat, co v tom scriptu znamená ta 2?
<!-- druhá reference -->
<div class="obrazek2" onmouseover="javascript:img_hover(2);" onmouseout="javascript:img_hover(2);">
<div id="objekt_2" style="display:none;"><span>KOKOŘÍN 2008</span><br />
<img src="img/ico.jpg" /><br />
Fotografie z výletu...<br />
<a href="http://www.kokorin.cz" onclick="return !window.open(this.href)">www.kokorin.cz</a>
</div>
</div>
<!-- /druhá reference -->

Díky
Str4wberry
Profil
Číslo objektu.
kolemjdoucí
Profil *
Str4wberry
Tak to tedy znamená, že pokud tam těch objektů (pokud tedy správně chápu, tak třeba toho textu, po kterém se zobrazí ta bublina) bude víc, tak se musí jednotlivě očíslovat?
Str4wberry
Profil
Ano. Je to tak.
<div class="obrazek2" onmouseover="javascript:img_hover(2);" onmouseout="javascript:img_hover(2);">
<div id="objekt_2" style="display:none;"><span>KOKOŘÍN 2008</span><br />

function img_hover(ind,text)
{
s = document.getElementById("objekt_" + ind)

[…]
}
Musím ještě dodat, že ten kód je celkem nehezky napsaný.
Plaváček
Profil
človíček

Možná by se ti líbílo tohle řešení? http://labs.unitinteractive.com/unitip.php

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0