| Autor | Zpráva | ||
|---|---|---|---|
| misa-s Profil * |
#1 · Zasláno: 13. 3. 2008, 14:12:19
Na Jakpsátweb jsem si našla použití visibily a chtěla jsem ho použít na dopňující info o firmě a vůbec mi to nefuguje. Nevíte prosím někdo v čem je chyba?
<div style="z-index: 1; visibility: hidden; position:absolute; left:522px; top:315px; height:133px" onmouseover="this.style.visibility='visible'" id="vrstva2"> <p style="margin-left: 15px; margin-top: 15px; margin-bottom: 0; margin-right:15px"> <font face="Tahoma" style="font-size: 11pt; font-weight: 700">Lubomír Rek, s.r.o.</font></p> <p style="margin:0 15px; "> <font face="Tahoma" style="font-size: 9pt">Brněnská č. 1146/30</font></p> <p style="margin-left: 15px; margin-top: 0; margin-bottom: 5px; margin-right:15px"> <font face="Tahoma" style="font-size: 9pt">591 01 Žďár nad Sázavou</font></p> <p style="margin:0 15px; "> <font face="Tahoma" style="font-size: 9pt">Tel.: <b>+420 566 629 566</b></font></p> <p style="margin:0 15px; "> <font face="Tahoma" style="font-size: 9pt">Mobil: <b>+420 603 525 040</b></font></p> <p style="margin:0 15px; "> <font face="Tahoma" style="font-size: 9pt">Email: <b>obchod@lubomir-rek.cz</b></font></div> |
||
| Manq Profil |
#2 · Zasláno: 13. 3. 2008, 14:16:00
Zkus
<div style="z-index: 1; visibility: hidden; position:absolute; left:522px; top:315px; height:133px" onmouseover="this.style='visibility:visible'" id="vrstva2"> |
||
| misa-s Profil * |
#3 · Zasláno: 13. 3. 2008, 14:35:48
Nic. Nejde to. Nemůže být problém, že je pod ním jinej div? Ten je z-index: 0
|
||
| Měsíček Profil |
#4 · Zasláno: 13. 3. 2008, 14:38:19
Nechápu tu logiku jak můžeš ukazovat jako "this" když prvek skryješ = není tam kdyby jsi to udělal obráceně, že dříve tam je a po najetí zmizí tak to půjde protože říkáš ať zmizí "tohle", ale když něco zmizí už na to nemůžeš ukázat.
|
||
| Railbot Profil |
#5 · Zasláno: 13. 3. 2008, 14:39:58
Měsíček
Ale je tam. Snad si nepleteš rozdíl mezi visibility:hidden a display:none. |
||
| Měsíček Profil |
#6 · Zasláno: 13. 3. 2008, 14:41:18
Nepletu, ale v tom případě proč funguje opak (z viditelného = zneviditelnit)
<div style="z-index: 1; visibility: visible; position:absolute; left:522px; top:315px; height:133px;" onMouseOver='this.style.visibility="hidden"' id="vrstva2"> <p style="margin-left: 15px; margin-top: 15px; margin-bottom: 0; margin-right:15px"> <font face="Tahoma" style="font-size: 11pt; font-weight: 700">Lubomír Rek, s.r.o.</font></p> <p style="margin:0 15px; "> <font face="Tahoma" style="font-size: 9pt">Brněnská č. 1146/30</font></p> <p style="margin-left: 15px; margin-top: 0; margin-bottom: 5px; margin-right:15px"> <font face="Tahoma" style="font-size: 9pt">591 01 Žďár nad Sázavou</font></p> <p style="margin:0 15px; "> <font face="Tahoma" style="font-size: 9pt">Tel.: <b>+420 566 629 566</b></font></p> <p style="margin:0 15px; "> <font face="Tahoma" style="font-size: 9pt">Mobil: <b>+420 603 525 040</b></font></p> <p style="margin:0 15px; "> <font face="Tahoma" style="font-size: 9pt">Email: <b>obchod@lubomir-rek.cz</b></font></div> ? |
||
| misa-s Profil * |
#7 · Zasláno: 13. 3. 2008, 14:45:23
takhle je to napsáno na jakpsatweb:
Budu mít skrytý text, u něhož chci, aby se při přejetí myší (onmouseover) zviditelnil: <div style="visibility: hidden" onmouseover="this.style.visibility='visible'">skrytý text</div> takže sem to pochopila, že jde odkrýt neviditelný |
||
| Chamurappi Profil |
#8 · Zasláno: 13. 3. 2008, 15:07:57
Reaguji na Railbota a Měsíčka:
Objekt „this“ v událostech funguje vždy, nehledě na hodnoty display/visibility. Reaguji na misu-s: Ten Yuhůův příklad také nefunguje. Prvky s „visibility: hidden“ nevykonávají událost onmouseover. Zkus to jinak: dej tomu obalujícímu <div>u nějakou třídu, pak skryj přes stylopis všechny jeho potomky (tedy „.třída * { visibility: hidden}“) a při onmouseover nastav this.className = "". |
||
| misa-s Profil * |
#9 · Zasláno: 14. 3. 2008, 09:30:36
Takto? Mám to asi blbě, protože mi to nefunguje
CSS .vrstva2 {
position:absolute;
visibility: hidden;
background-color: #cccccc;
top: 250px;
left: 450px;
border: 5px double #FFFFFF;
}
.vrstva2 p {visibility: hidden;}
html <div style="z-index: 1; height:133px" onmouseover="this.style='visibility:visible'" class="vrstva2"> <p style="margin-left: 15px; margin-top: 15px; margin-bottom: 0; margin-right:15px"> <font face="Tahoma" style="font-size: 11pt; font-weight: 700">Lubomír Rek, s.r.o.</font></p> <p style="margin:0 15px; "> <font face="Tahoma" style="font-size: 9pt">Brněnská č. 1146/30</font></p> <p style="margin-left: 15px; margin-top: 0; margin-bottom: 5px; margin-right:15px"> <font face="Tahoma" style="font-size: 9pt">591 01 Žďár nad Sázavou</font></p> <p style="margin:0 15px; "> <font face="Tahoma" style="font-size: 9pt">Tel.: <b>+420 566 629 566</b></font></p> <p style="margin:0 15px; "> <font face="Tahoma" style="font-size: 9pt">Mobil: <b>+420 603 525 040</b></font></p> <p style="margin:0 15px; "> <font face="Tahoma" style="font-size: 9pt">Email: <b>obchod@lubomir-rek.cz</b></font></div> |
||
| Měsíček Profil |
#10 · Zasláno: 14. 3. 2008, 10:57:19
ee .. zkus si přečíst ještě jednou to co ti napsal Chamurappi.
"Zkus to jinak: dej tomu obalujícímu <div>u nějakou třídu, pak skryj přes stylopis všechny jeho potomky (tedy „.třída * { visibility: hidden}“) a při onmouseover nastav this.className = ""." |
||
| Chamurappi Profil |
#11 · Zasláno: 14. 3. 2008, 11:02:26
Reaguji na misu-s:
„Takto?“ Já radil něco trochu jiného. Ale budiž. Uprav v CSS toto: .skryte p { visibility: hidden }<div style="z-index: 1; height:133px" onmouseover="this.className='vrstva2'" class="vrstva2 skryte"> |
||
|
Časová prodleva: 3 dny
|
|||
| misa-s Profil * |
#12 · Zasláno: 17. 3. 2008, 08:47:14
JS fakt neumím, takže sem to nepochopila, protože neznám použití this.className
Omlouvám se, ale jsem fakt natvrdlá. Udělala jsem to přesně jak si napsal a nefunguje mi to. Měl by si tu sílu mi to polopaticky vysvětlit, případně opravit prosím? Chamurappi CSS .vrstva2 {
position:absolute;
visibility: hidden;
background-color: #cccccc;
top: 250px;
left: 450px;
border: 5px double #FFFFFF;
onmouseover="this.style='visibility:visible'"}
.skryte p { visibility: hidden }HTML <div style="z-index: 1; height:133px" onmouseover="this.className='vrstva2'" class="vrstva2 skryte"> |
||
| misa-s Profil * |
#13 · Zasláno: 17. 3. 2008, 08:58:01
Nebo mě napadlo to úplně obejít a zadat obrázku alt, co je v tom divu pod tím, ale bohužel nevím jak se dá naformátovat do řádků, když je to adresa.
|
||
| Chamurappi Profil |
#14 · Zasláno: 17. 3. 2008, 09:31:39
Reaguji na misu-s:
„Omlouvám se, ale jsem fakt natvrdlá.“ Ne víc než jiní začátečníci. Já jsem zase nepozorný, máš v CSS: .vrstva2 {
position:absolute;
visibility: hidden;
background-color: #cccccc;
top: 250px;
left: 450px;
border: 5px double #FFFFFF;
onmouseover="this.style='visibility:visible'"}
.skryte p { visibility: hidden } |
||
| misa-s Profil * |
#15 · Zasláno: 17. 3. 2008, 09:55:59
Chamurappi sláva tak žu mi to konečně funguje, ale není to úplně to co jsem chtěla. Mám div s pozadím a rámečkem, takže tam zaclání, myslela jsem spíš skrýt celý div včetně textu=adresy. v Divu o úroveň níž mám totiž logo a přes něj sem dala ten "neviditelný" div s adresou, a po přejetí "jakože" přes logo by se objevila adresa. Druhá věc je ta, že když odjedu s myší tak to nezmizí. Vím, že jsem před tím dostatečně nepopsala co bych chtěla aby to dělalo.....
|
||
| misa-s Profil * |
#16 · Zasláno: 18. 3. 2008, 12:57:57
Chamurappi
tak jsem hledala, hledala až jsem našla co potřebuji. Jakpsatweb nikdy nezklame, jen dá trochu fušku najít co potřebuju. Zrušila jsem ten nadřazený div s adresou a udělala si adresu jako obrázek a vyřešila jsem to tímto řádkem. <img id="rektl" src="obrazy/rektl.gif" onmouseover="this.src = 'adresa.gif';" onmouseout="this.src = 'obrazy/rektl.gif';"width="265" height="211" alt="Lubomír Rek s.r.o." /> Samozřejmě se mi to nezobrazuje ještě ideálně, ten druhý obrázek mám totiž menší a on se mi roztahuje na rozměr toho prvního. Jak to mám udělat aby mu zůstala jeho velikost? Poradíš mi prosím. Jinak bych ti chtěla moc poděkovat za ty předchozí rady, aspoň se pomalu dostavám do CSS. Pro mě je nejlepší škola pokus omyl. |
||
|
Časová prodleva: 3 měsíce
|
|||
| Pointik Profil * |
#17 · Zasláno: 11. 6. 2008, 02:13:14
Mno sice se už asi misa-s neozve, ale objevil jsem lepší způsob, který by zřejmě dělal vše potřebné, ale jestli sis již poradila obrázky, tak se nic neděje :)
|
||
|
Časová prodleva: 16 let
|
|||
0