Autor Zpráva
misa-s
Profil *
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&nbsp; Žďá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
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 *
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
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
Měsíček
Ale je tam. Snad si nepleteš rozdíl mezi visibility:hidden a display:none.
Měsíček
Profil
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&nbsp; Žďá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 *
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
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 *
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&nbsp; Žďá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
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
Reaguji na misu-s:
Takto?
Já radil něco trochu jiného.

Ale budiž. Uprav v CSS toto:
.skryte p { visibility: hidden }
… a v HTML změň počáteční značku <div>u:
<div style="z-index: 1; height:133px" onmouseover="this.className='vrstva2'" class="vrstva2 skryte">
Změna className v JS mění atribut class a když se z class vyhodí „skryte“, přestane působit selektor na zneviditelnění.
misa-s
Profil *
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 *
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
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 }
Horní „visibility: hidden“ zruš, ten totiž skrývá celou vrstvu a jsme kvůli němu pořád tam, kde jsme byli. (Když už budeš umazávat, tak onmouseover="..." se do CSS také nepíše.)
misa-s
Profil *
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 *
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.
Pointik
Profil *
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 :)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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