Obrazok pred javascriptom

Programovacie jazyky, rady, poradňa...
Rech25
Light Expert
Light Expert
Príspevky: 71
Registrovaný: 13 feb 2010, 22:32

Obrazok pred javascriptom

Príspevok od používateľa Rech25 »

Ako umiestním hociaký obrázok pred Javascriptom. Vždy totiž Javascript prekryje obrázok.
Príklad: chcem obrázok na zavretie scriptu umiestniť nad daný script. Aký argument treba upraviť?
Script je nasledovný:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jq ... "></script>
<script>
function closeCommercial()
{
$('#navigation').addClass('none');
}
</script>

<style>
html, body {
height: 100%;
}

body {
position: relative;
}

#container, #navigation {
position: relative;
}

#container {
min-height: 100%;
font: normal 1em/1.5em arial, helvetica, sans-serif;
}
* html #container {
height: 100%;
}

#navigation {
width: 0px;;
background-color: #fffff;
border-top: 0px solid #fff;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
padding: 0px 0px 0px 0px;
}

* html #navigation {
position: absolute;
width: 2px;/*IE5.5*/
bottom: 2;
left: 2;
padding: 2px 2px 2px 2px;
overflow: visible;
top: expression(eval(document.compatMode document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}
* html .close
{
left: 0px;
}

.close
{
position: absolute;
left: 710px;
border: none;
}


.none
{
display: none;
}
</style>


<body>
<div id="navigation">
<a href="javascript:void(0);" onclick='closeCommercial()'><img src='crosss.JPG' alt='zavriet' class='close' ></a>

<script type='text/javascript' src='http://ad.sitelement.sk/www/delivery/sp ... '></script>
<script type='text/javascript'><!--// <![CDATA[
OA_show(XXX);
// ]]> --></script><noscript><a target='_blank' href='http://ad.sitelement.sk/www/delivery/ck ... 80ef'><img border='0' alt='' src='http://ad.sitelement.sk/www/delivery/av ... &n=bbf80ef' /></a></noscript>
</div>
Prílohy
1.PNG
1.PNG (22.24 KiB) 159 zobrazení
Mmartin
Guru
Guru
Používateľov profilový obrázok
Príspevky: 2786
Registrovaný: 07 feb 2009, 12:49
Bydlisko: Bratislava

Re: Obrazok pred javascriptom

Príspevok od používateľa Mmartin »

Hod si to do , je to neprehladne...
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: Obrazok pred javascriptom

Príspevok od používateľa audiotrack »

skús ten odkaz dať až za javascript, alebo mu do class skús pridať z-index. Ak ani jedno nebude fungovať, pozrem poriadnejšie ale keď to nemáš v code je to neprehladné a nechce sa mi to lúštiť
Rech25
Light Expert
Light Expert
Príspevky: 71
Registrovaný: 13 feb 2010, 22:32

Re: Obrazok pred javascriptom

Príspevok od používateľa Rech25 »

Nedal som to schvalne do kodu aby bolo vidno, čo z toho je prave ten krizik na zavretie, ktory prekryje javascript.
Ale ako chcete:

Kód: Vybrať všetko

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script>
function closeCommercial()
{
$('#navigation').addClass('none');
}
</script>

<style>
html, body {
height: 100%;
}

body {
position: relative;
}

#container, #navigation {
position: relative;
}

#container {
min-height: 100%;
font: normal 1em/1.5em arial, helvetica, sans-serif;
}
* html #container {
height: 100%;
}

#navigation {
width: 0px;;
background-color: #fffff;
border-top: 0px solid #fff;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
padding: 0px 0px 0px 0px;
}

* html #navigation {
position: absolute;
width: 2px;/*IE5.5*/
bottom: 2;
left: 2;
padding: 2px 2px 2px 2px;
overflow: visible;
top: expression(eval(document.compatMode document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}
* html .close
{
left: 0px;
}

.close
{
position: absolute;
left: 710px;
border: none;
}

.none
{
display: none;
}
</style>


<body>
<div id="navigation">
<a href="javascript:void(0);" onclick='closeCommercial()'><img src='crosss.JPG' alt='zavriet' class='close' ></a>
<script type='text/javascript' src='http://ad.sitelement.sk/www/delivery/spcjs.php?id=239'></script>
<script type='text/javascript'><!--// <![CDATA[
OA_show(XXX);
// ]]> --></script><noscript><a target='_blank' href='http://ad.sitelement.sk/www/delivery/ck.php?n=bbf80ef'><img border='0' alt='' src='http://ad.sitelement.sk/www/delivery/avw.php?zoneid=XXX&n=bbf80ef' /></a></noscript>
</div>
Napísať odpoveď