nem lille en!

Det fatter jeg ikke en brik af! For det første bruger du ved hver div to tags, hvilket er ganske unødvendigt. For det andet nævner du kun én ting, når du siger "disse"!?

Er problemet at du gerne vil gøre den ene <div> synlig og den anden usynlig når du kalder funktionen?

<div id="forste" style="display: block;">den første</div>

<div id="anden" style="display: none;">den anden</div>

sådan skal dine tags se ud... kan du så se hvordan funktionen skal laves?

function myFunc(){
  if (document.all.forste.display == block){
    document.all.forste.display = none;
    document.all.anden.display = block;
  }
  else{ omvendt af det ovenfor }
}

I skal ikke tænke på hvilken kode de står:

Den kunne se således ud:

<div class="container">
    <div><p><a href="">dette er en knap</a></p></div>
    <div class="floater1">jeg start med at se sådan ud!</div>
</div>

når jeg så klikker på linket skifter den til denne kode.

<div class="container">
    <div><p><a href="">dette er en knap</a></p></div>
    <div class="floater23">Nu ser jeg sgu sådan ud</div>
</div>

got it?

T

<script>
nr = 0;

function skift() {
txt = new Array();
txt[0] = "<div><p><a href="">dette er en knap</a></p></div><div class="floater1">jeg start med at se sådan ud!</div>";
txt[1] = "<div><p><a href="">dette er en knap</a></p></div><div class="floater23">Nu ser jeg sgu sådan ud</div>";
nr = 1 - nr;
if (document.getElementById)
document.getElementById("container").innerHTML = txt[nr];
else if (document.all)
document.all.container.innerHTML = txt[nr];
}
</script>

Virker i IE4+ og NS6+.

Hov, der lavede jeg en dum fejl:

<script>
nr = 0;

function skift() {
txt = new Array();
txt[0] = '<div><p><a href="">dette er en knap</a></p></div><div class="floater1">jeg start med at se sådan ud!</div>';
txt[1] = '<div><p><a href="">dette er en knap</a></p></div><div class="floater23">Nu ser jeg sgu sådan ud</div>';
nr = 1 - nr;
if (document.getElementById)
document.getElementById("container").innerHTML = txt[nr];
else if (document.all)
document.all.container.innerHTML = txt[nr];
}
</script>

Og her er et link, der skifter mellem de to tekster:

<a href="#" onClick="skift(); return false;">Skift</a>

Læg mærke til, at alle apostroffer skal have et backslash foran, fx:

txt[0] = '<div>Dette er Eva\'s og Adam\'s side!</div>';

Er alt det med arrays og tællere ikke at forvirre sagen lidt. Fatter du det tommy?

Understøtter Netscape innerHTML? Det gør Opera ihvertfald ikke! men de understøtter begge write().

Det er dog noget omstændigt:

element = doccument.getElementById('container');
element.open();
element.write(
  <p><a href="">dette er en knap</a></p>
  <div class="floater23">Nu ser jeg sgu sådan ud</div>
);
element.close();

Eller du kan vælge en helt anden tilgang, som den jeg først foreslog. Der har du to <DIV> elementer, som du viser og skjuler. Istedet for at ændre indholdet af et enkelt div element.

<a href="">dette er en knap</a>
<div class="floater1">jeg start med at se sådan ud!</div>
<div class="floater23">Nu ser jeg sgu sådan ud</div>

<script>

function myFunc(){
  if (document.all.floater1.display == block)
  {
    document.all.floater1.display = none;
    document.all.floater23.display = block;
  }
  else{
    document.all.floater1.display = block;
    document.all.floater23.display = none;
  }
}

</script>

jenspo>> NS6 forstår innerHTML; NS4 skal have specialhjælp, så det droppede jeg til at starte med.
Nej, jeg synes ikke det er spor besværligt. Desuden vil ingen af dine scripts virke (prøv selv). Du mangler at starte og slutte alle dine strenge.

nå ja gåseøjen, ups. Det er godt du selv fandt ud af det.