Tjena!
Ska enkelt göra ett lager som är placerat på ett visst ställe, och visa en bild i det, och lite text under. När sidan laddas så ska det första lagret laddas, sen när man klickar på nästa länk så visas den tillhörande bilden etc... men man ska också kunna klicka tillbaka till det man visade innan. Ni förstår nog! Men jag hittade ett förslag genom någon här på wF, men det funkar inte som det ska. Lagret visas med bild&text som det ska vid laddning, men klickar man på samma länk så försvinner det, eller klickar man på en länk under så försvinner det också. Enda sättet att få det att visas är genom uppdatering av sidan. Skumt?
Kolla koden:
(Inom head)
<script type="text/javascript">
function toogleDiv(divElm)
{
var divNums = 3;
var objDivToToggle = document.getElementById(divElm);
for (i=1; i<divNums+1; i++)
{
document.getElementById('div'+ i).style.display = 'none';
}
objDivToToggle.style.display = '';
}
</script>
Sen i css-filen:
.div-content {
width:457px;
height:373px;
position: absolute;
top:200px;
left: 507px;
margin-bottom: 0;
margin-top: 0;
margin-left: 0;
margin-right: 0;
z-index:99;
padding-left: 3px;
}
Länken:
<a href="javascript:void(toogleDiv('div1'));">Four Columns Inn</a><br>
sen utskrivning av lagret:
<div id="div1" class="div-content">
<img src="fourcolumnsinn.gif"><br>
<div class="brod"><b>Four Columns Inn</b> - Bed & breakfast hotell i USA som jag gjorde<br> en hemsida åt 2003.</div>
HEEELP! :x