21. září bude sraz! Od 18.00 v restauraci Tradice v Praze u Anděla
Autor Zpráva
opsidiam
Profil
Dobry den mam problem.
chcem aby tu
<link rel="stylesheet" href="mapa/css/map.css" type="text/css" media="screen" />
<script type="text/javascript" SRC="mapa/js/das.js"></script>
<script type="text/javascript" SRC="mapa/js/map.js"></script>
    <div id="map"> 
      <img SRC="http://ww2.e-crafting.eu/mapa/img/transp.gif" id="transparent_map" alt="" usemap="#mapa_europy_map" /> 
      <img SRC="http://ww2.e-crafting.eu/mapa/img/europa1.png" alt="" /><map name="mapa_europy_map" id="mapa_europy_map">
<area id="area_mapas" shape="poly" alt="Slovensko" target="_blank" href="http://sk.wikipedia.org/wiki/Slovensko" />      
<area id="area_mapac" shape="poly" alt="Česká republika" target="_blank" href="#show" onclick="slovensko_show();" />
      </map>  
a tu sa nicitaju map.js a das.js
a ja potrebujem to aby ked kliknem na area napr. na slovensko aby sa mi stmavilo pozadie a aby sa mi zobrazil php subor ked bude obrazok urciteho statu na ktory som klikol.a aby to stmavenie ostalo tak pomaly ako je a aby aj ten php subor zobrazovalo tak pomaly
nasiel som tento script , je to original z jednej stranky a neviem ho editovat tak aby som nepotreboval buttony
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#okno').hide();
});
$(document).ready(function(){
  $("#show").click(function slovensko(){
    $("#container").fadeTo("slow",0.25);
     $('#okno').show();
  });
});
$(document).ready(function slovensko(){
  $("#hide").click(function(){
    $("#container").fadeTo("slow",1);
     $('#okno').hide();
  });
});
</script>
<button id="show">Show
</button>
<button id="hide">Hide
</button>
<div id="container">
  <h1 style="text-align:center">Skusobny obsah</h1>
  <p style="text-indent:50px;">Lorem ipsum dolor sit amet...</p>
</div>

<div style="align:center;width:80%;height:70%;margin:0 auto;z-index:99;background-color:red;position:relative;top:-20%;" id="okno">
<p style="text-indent:50px;">In commodo tempor gravida.... </p>
</div>

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

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

0