Autor | Zpráva | ||
---|---|---|---|
Paulí Profil |
#1 · Zasláno: 29. 5. 2007, 17:54:03
Dobrý den,
prosím vás o radu. Chtěl bych abych když najedu na text se objevila nad ním bublina, do který si můžu dát obrázky a odkazy. Díky za rady. s pozdravem Paulí. |
||
Akacko Profil |
#2 · Zasláno: 29. 5. 2007, 18:08:28
1) vubec netušim oč se ma jednat
2) to spiš vypada na JS |
||
Paulí Profil |
#3 · Zasláno: 29. 5. 2007, 18:11:41
no má to vypadat něco jako tato funkce :
<p id="pokus"><a href="index.php">Nad tímto pokusným textem se objeví bublina.</a></p> <script> document.getElementById("pokus").title="<img src="1.gif>" </script> ale tak aby se neobjevil NÁPIS "<img src="1.gif>" ale aby se objevil OBRÁZEK "1.gif" |
||
Paulí Profil |
#4 · Zasláno: 29. 5. 2007, 18:14:38 · Upravil/a: Paulí
ale pokud někdo ví, jak na to přes css nebo script, tak klidně může poradit
|
||
K. Profil * |
#5 · Zasláno: 29. 5. 2007, 18:22:02
Tohle ti takhle nepujde. Do titlu se dava uz jen text nikoliv tagy. Budes to muset udelat nejakym skriptem u uzivatele. Neco jako si udelat nekde normalne neviditelny <span> a po najeti na odkaz ho zobrazit a presunout k odkazu.
|
||
koudi Profil |
#6 · Zasláno: 29. 5. 2007, 18:22:22
ale pokud někdo ví, jak na to přes css nebo script, tak klidně může poradit
To vypadá jako kdyby jsi to chtěl dělat přeš php... |
||
Akacko Profil |
#7 · Zasláno: 29. 5. 2007, 18:32:54
no možna by to šlo pomoci cotojatek. Ale nezkoušel jsem tam davat obrazky, tak nevim jestli to pojede.
|
||
Paulí Profil |
#8 · Zasláno: 29. 5. 2007, 21:28:54
no to cotojatek je ideální, až na to, že když popohnu myší po textu, tak ten rámeček jde za myškou, nešlo by to udělat tak, aby tam ten rámeček zůstal, protože v tom rámečku chci mít odkazy ??
|
||
Paulí Profil |
#9 · Zasláno: 30. 5. 2007, 14:43:55
nechci otravovat, ale nějak mi zatím nikdo neodpověděl ...
|
||
Pavel Strejček Profil |
#10 · Zasláno: 30. 5. 2007, 16:37:22
to bude tím, že jsi ve špatné fóru
|
||
Pavel Prochazka.zde.cz Profil * |
#11 · Zasláno: 30. 5. 2007, 19:46:08
Paulí sice nejak neumim javascript ale zvladnuljsem to:
radky: if (X + objTooltip.offsetWidth < document.body.offsetWidth-10) { objTooltip.style.left = eval(X + 8) + "px"; } else { objTooltip.style.left = eval(X - 8 - objTooltip.offsetWidth) + "px"; } if (Y - objTooltip.offsetHeight > 10) { objTooltip.style.top = eval(Y - objTooltip.offsetHeight) - 8 + "px"; } else { objTooltip.style.top = Y + "px"; } nahrad temato: objTooltip.style.left = minX + 30 + "px"; objTooltip.style.top = minY - 30 + "px"; |
||
Pavel Prochazka.zde.cz Profil * |
#12 · Zasláno: 30. 5. 2007, 19:47:27
Paulí sice nejak neumim javascript ale zvladnuljsem to:
radky: if (X + objTooltip.offsetWidth < document.body.offsetWidth-10) { objTooltip.style.left = eval(X + 8) + "px"; } else { objTooltip.style.left = eval(X - 8 - objTooltip.offsetWidth) + "px"; } if (Y - objTooltip.offsetHeight > 10) { objTooltip.style.top = eval(Y - objTooltip.offsetHeight) - 8 + "px"; } else { objTooltip.style.top = Y + "px"; } nahrad temato: objTooltip.style.left = minX + 30 + "px"; objTooltip.style.top = minY - 30 + "px"; |
||
Časová prodleva: 4 dny
|
|||
Paulí Profil |
#13 · Zasláno: 3. 6. 2007, 16:16:34
eh ..... nějak to nefunguje ..... mám IE7 a když to upravím, jak jsi říkal, tak když najedu na odkaz, tak se nestane nic ....
|
||
Paulí Profil |
#14 · Zasláno: 3. 6. 2007, 16:24:35
jo promiň .... jde to ..... ale ten rámeček zmizí, když na něj chci najet ..... já tam potřebuji mít odkazy ....
|
||
Pavel Prochazka.zde.cz Profil * |
#15 · Zasláno: 3. 6. 2007, 16:28:50
Paulí to je jasne ze to zmizi, jedna se totoz jen o napovedu a ne kontextovou nabytku....
script uprav takto: najdi si misto kde se testuje zda je mys uz mimo odkaz a nachazi se nad napovedi, tam neprovadej zruseni nabytky. Otazkou je zda to vybec pujde... Nejak jsem nestudoval ten script. |
||
habendorf Profil |
#16 · Zasláno: 3. 6. 2007, 16:30:52
kontextovou nabytku....
OMG |
||
djlj Profil |
#17 · Zasláno: 3. 6. 2007, 16:39:59
habendorf
Copak? Já dělám běžně kupuju nábytek napsanej v javascriptu ;). |
||
mav Profil * |
#18 · Zasláno: 4. 6. 2007, 22:12:07
CSS:
.thumbnail{position: relative;} .thumbnail:hover{ background-color: transparent;padding: 0px; } .thumbnail span{ position:absolute; z-index:2;background-color: lightyellow; padding: 0px; border: 1px dashed gray; visibility: hidden; } .thumbnail span img{ padding: 3px;} .thumbnail:hover span{ visibility: visible; position: absolute;left:0px;top:-120px; } A.thumbnail:link {font-family:arial;font-size:12px;COLOR: #000000; cursor: hand; TEXT-DECORATION: none;} A.thumbnail:active {font-family:arial;font-size:12px;COLOR: #000000; cursor: hand; TEXT-DECORATION: none;} A.thumbnail:hover {font-family:arial;font-size:12px;COLOR: #000000; cursor: hand; TEXT-DECORATION: none;} A.thumbnail:visited {font-family:arial;font-size:12px;COLOR: #000000; cursor: hand; TEXT-DECORATION: none;} vlastní code: <a class="thumbnail" href="#"> <img src="#" border="0" alt="#"> <span> <strong>text blalbalba</strong> <p > blabalblalblalblabl</p> <img src="#" border="0" > </span></a> Místo křížků napiš cestu. V css muzes zmenit barvu pozadi atd, ve vlastím kodu potom usporadani obrazku i textu je taky libovolne... |
||
Časová prodleva: 17 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0