Při události onmouseover zobraz div – JavaScript, AJAX, jQuery – Fórum – Programujte.com

TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Trvalé přihlášení

Zapomněl jsi heslo?

Při události onmouseover zobraz div – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Rozšířené hledání ›

Nejnovější témata ve fóru

16:45, HTML / XHTML Anti-kukíkový zákon

16:26, Assembler šachový program

22:06, Startupy Megastroj.cz – Vše na jednom místě: půjčovna, bazar a inze…

21:17, Inzerce FPGA vývojová deska XILINX VIRTEX 5 ML507

20:59, OS - GNU / Linux Ubuntu a OpenSuse

21:47, Offtopic Digitalizace v Česku

Stavba Laser Arény
Laser Game Brno

Fórum › JavaScript, AJAX, jQuery

Při události onmouseover zobraz div

Figa 0

Super člen

9. 2. 2008 #1

Ahoj, jak v JS udělat aby po najetí myší na div A zobrazil zaroveň s divem A i div B, který bude nastylovaný.Předem děkujii za odpovědi.

Nahlásit jako SPAM

IP: 87.249.133.–

pawlik0

Grafoman

Kultivátor příspěvků ve starém fóru – 1.87 % z celku

9. 2. 2008 #2

Myslíš něco na způsob http://www.kosek.cz/html/src/249-1.html?

Nahlásit jako SPAM

IP: 84.42.152.–

Sa Nata A Na. Howgh

Figa 0

Super člen

9. 2. 2008 #3

Přesně to myslím, akorát, že to není odkaz, ale div.

Nahlásit jako SPAM

IP: 87.249.133.–

pawlik0

Grafoman

9. 2. 2008 #4

Tamto není odkaz, je to DIV -> nakoukni do zdrojáku. i kdyby to byl odkaz, co ti brání to změnit na DIV?

Nahlásit jako SPAM

IP: 84.42.152.–

Sa Nata A Na. Howgh

Figa 0

Super člen

9. 2. 2008 #5

To pawlik : Jo jasně díky, ale jak by to vypadalo, kdyby základní div byl tenhle..
pocitadlo {
border: 1px solid #000000;
background: #b4dcf8;
height: 40px;
width: 120px;
position: absolute;
left: -1px;
bottom: -1px;
z-index: 2000;
}

a po najetí na něj se má zobrazit tohle
.onpocitadlo {
position: relative;
height: 120px;
width: 120px;
border: 1px solid #000;
background: #b4dcf8;
z-index: 5555;
left: 150px;
bottom: 150px;
display: block;
}

Nahlásit jako SPAM

IP: 87.249.133.–

pawlik0

Grafoman

9. 2. 2008 #6

Jen otázka: má se div A změnit na div B, nebo vedle divu A se má vytvořit div B?

Nahlásit jako SPAM

IP: 84.42.152.–

Sa Nata A Na. Howgh

Figa 0

Super člen

9. 2. 2008 #7

Vedle divu A div B.

Nahlásit jako SPAM

IP: 87.249.133.–

pawlik0

Grafoman

9. 2. 2008 #8

Vyzkoušej něco na způsob tohodle, kdyby sis nevěděl rady, napiš:

<!-- Nastylovaný div A -->

<div onMouseOver="document.getElementByID['B'].style.display=''"

 	   onMouseOut="document.getElementByID['B'].style.display='none'">Bla</div>

<!-- div B, taky nastylovaný, v CSS musí mít display:none -->

<div class="onpocitadlo" id="B">Bla</div>

Na to potřebuješ znalost:
getElementByID: http://www.tvorba-webu.cz/dom/getelementbyid.php
CSS vlastnost dispay: http://www.jakpsatweb.cz/css/display.html
Pokud budu mít čas, zkusím hotové řešení ;-)

Nahlásit jako SPAM

IP: 84.42.152.–

Sa Nata A Na. Howgh

Figa 0

Super člen

9. 2. 2008 #9

Nemůžu přijít na to proč to nefunguje.

<div class="pocitadlo"  onMouseOver="document.getElementByID['B'].style.display=''" onMouseOut="document.getElementByID['B'].style.display='none'">   

    <div class="pocitadlo2"><?php obrazkoveDatum($zob); ?></div>

    <div id="B">Ahoj</div>

   </div>

.pocitadlo {
border: 1px solid #000000;
background: #b4dcf8;
height: 40px;
width: 120px;
position: absolute;
left: -1px;
bottom: -1px;
z-index: 2000;
}
Prvek A
/**************************/
.pocitadlo2 {
background: #b4dcf8;
position: relative;
overflow: hidden; /* bez tohoto spadne IE7 */
left: 0px;
bottom: -8px;
text-align: center;
display: block;
}
vložený prvek v prvku A
/******************************/
#B {
position: relative;
height: 400px;
width: 400px;
border: 1px solid #000;
background: #b4dcf8;
z-index: 5555;
display: none;
}
prvek B ten se má zobrazit při najetí na prvek A

Nahlásit jako SPAM

IP: 87.249.133.–

pawlik0

Grafoman

9. 2. 2008 #10

Sorry, nekontroloval sem si to a dal sem tam blbě ty závorky ;-)
přibližne jak to má vypadat(doufam jestli to je to co chces ..)

Nahlásit jako SPAM

IP: 84.42.152.–

Sa Nata A Na. Howgh

Figa 0

Super člen

9. 2. 2008 #11