Behöver Hjälp Med Css ( Div Boxar )

[Median]

Testade och det funkade inte ._.

[Chainsawkitten]

Fungerade <div>en innan du lade till AJAX-koden?

[Median]

Ja.

[Chainsawkitten]

Vad, mer exakt är det du ändrat då?

[Median]

Inget mer.. Jag ändrade bara style="position:absolute; till style="display:none;

[epaaj]

Tänkte jag kunde bjuda på lite färdig kod bara för att jag är snäll =)

Den är kopierad direkt från en sida jag håller på med, men det är bara att ändra som man vill.

 

Javascriptet:

var ShowLoginId = '1';
function ShowLogin()
{
    if (ShowLoginId == '1')
    {
        document.getElementById('loginfield').style.display = 'block';
        ShowLoginId = '2';
    }
    else if (ShowLoginId == '2')
    {
        document.getElementById('loginfield').style.display = 'none';
        ShowLoginId = '1';
    }
}

 

CSS:

#loginfield {
    position: relative;
    width: 100px;
    height: 30px;
    top: 0px;
    display: none;
    z-index: 6;

 

XHTML:

<div id=\"loginfield\"></div>

[Median]

Skulle man kunna fråga efter vad man ska skriva vid länken? ^^ Men annars, tack. Just vad jag behövde ^^ Märkte just att det scriptet jag hade gömde inte ._. Bara visade.

[epaaj]

<a href="java script:ShowLogin();">Visa/Dölj</a> funkar antagligen.

[Median]

Jag får inte det att funka ._.

 

Vad jag har förstått det så är det

document.getElementById('layer1').style.display = 'none';

som gömmer diven .. Och att

document.getElementById('text').style.display = 'block';

tar fram diven.

 

Koden är för mig:

 

<script language="javascript" type="text/javascript"

var ShowLoginId = '1';

function ShowLogin()

{

if (ShowLoginId == '1')

{

document.getElementById('text').style.display = 'block';

ShowLoginId = '2';

}

else if (ShowLoginId == '2')

{

document.getElementById('layer1').style.display = 'none';

ShowLoginId = '1';

}

}

</script>

[Chainsawkitten]

borde inte id:t vara samma på båda?