Autor Zpráva
Colek
Profil
Ahoj, mám menší problém... po najetí myši se zobrazí obsah, ale když na stránku vložim ten script víckrát tak už nefunguje... respektive po najetí na ten druhej se zobrazí obsah toho prvního.
Napadlo mě, že ten script je špatně ukončenej, ale podle mě je vše OK
<style type="text/css">#info {display: none; position: relative; top: 0px; left: 0px;}#info_box {position: absolute; top: 0px; left: 10px; background-color: #BBBBBB; padding: 2px 8px 2px 8px; border: 1px solid black; color: black;}</style></head><body><button title="asdf" onMouseOver="document.getElementById('info').style.display = 'block'; return false;" onMouseOut="document.getElementById('info').style.display = 'none'; return false;">asdf</button><div id="info"><div id="info_box"><p style="font-size: 8px;">Náhled</p><table><tr><td>Položka</td><td>hodnota</td></tr><tr><td>Položka</td><td>hodnota</td></tr></table></div></div>
mimochodec
Profil
Nechtěl bys to přepsat do přehlednější formy?
margin
Profil *
Příčinou takového chování je, že máš na stránce více stejných ID, ale ID slouží k jednoznačnému určení.
peta
Profil
id je jedinecne. Pokud toto zkopirujes 10x, pak javascript najde prvni id ve strance od zacatku odpovidajici nazvu v document.getElementById('info'). takze je to logicke chovani. Si cely script zabal do funkce a predavej ji parametr id, ktery bude na kazdem radku jiny. css zmen na class. Pak nemusis nic kopirovat navic.
<button title="asdf" onMouseOver="document.getElementById('info').style.display = 'block'; return false;" onMouseOut="document.getElementById('info').style.display = 'none'; return false;">
<button title="asdf" onMouseOver="aaa('info1'); return false;" onMouseOut="bbb('info1'); return false;">
<button title="asdf" onMouseOver="aaa('info2'); return false;" onMouseOut="bbb('info2'); return false;">
<button title="asdf" onMouseOver="aaa('info3'); return false;" onMouseOut="bbb('info3'); return false;">
<div id="info1" class="info"><div class="info_box"><p style="font-size: 8px;">Náhled</p><table><tr><td>Položka</td><td>hodnota</td></tr><tr><td>Položka</td><td>hodnota</td></tr></table></div></div>

mimochodec: pspad, ctrl+c/v, html preformatovat, pak css preformatovat a obe casti spojim...
<style type="text/css">#info {
    display: none;
    position: relative;
    top: 0px;
    left: 0px;
}
#info_box {
    position: absolute;
    top: 0px;
    left: 10px;
    background-color: #BBBBBB;
    padding: 2px 8px 2px 8px;
    border: 1px solid black;
    color: black;
}
    </style>
</head>
<body>
  <button title="asdf" onMouseOver="document.getElementById('info').style.display = 'block'; return false;" onMouseOut="document.getElementById('info').style.display = 'none'; return false;">asdf
  </button>
  <div id="info">
    <div id="info_box">
      <p style="font-size: 8px;">Náhled
      </p>
      <table>
        <tr><td>Položka</td><td>hodnota</td>
        </tr>
        <tr><td>Položka</td><td>hodnota</td>
        </tr>
      </table>
    </div>
  </div>
Colek
Profil
peta:
Aha... taky mě to mohlo napadnout :)
Díky moc za vyřešení problému :)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0