To divs, kan ikke få det til at virke

Prøv med:

- id i stedet for name til dine divs.
- document.getElementById('div1').style.display i stedet for div1.display (eller måske bare document.getElementById('div1').display )

div er et block-level-element, så du skal normalt bruge 'block' som display-property, det er nok ikke fejlen, men jeg ville:

<div name="div1">
  <input type="submit" name="Submit" value="Create Account" onclick="this.style.display='none';document.getElementById('div2').style.display='block';">
</div>
<div name="div2" style="display: none;">
  <img src="img/create_account_off.jpg">
</div>

roenving; Den fjernede knappen, men erstattede den ikke med "create_account_off.jpg". Prøvede at erstatte billede med tekst, men fik samme resultat.

Sandbox; Prøver lige dit forslag.

Sandbox; Samme problem som ved roenving.
Den fjerner knappen, men viser ikke div2

Det skal selvfølgelig laves om, som sandbox gør opmærksom på, og så har du en submit-knap, som jo vil reloade formen, så i stedet:

<div id="div1">
  <input type="button" name="Submit" value="Create Account" onclick="this.style.display='none';document.getElementById('div2').style.display='block';return false;">
</div>
<div id="div2" style="display: none;">
  <img src="img/create_account_off.jpg">
</div>

Nu viser den billedet, når jeg har klikket submit, men den loader ikke den næste side.

Ved en submit reloader du formen, og så ved den jo ikke, at den skal vise den ...

Vil det sige, at det ikke kan lade sig gøre?

Tjoeh, men så skal man over i noget cookie-væsen, eller en speciel tilføjelse til urlen, som man kan læse onload ...

Hvis man tilføjer en lille tilføjelse på urlen, hvordan vil det så se ud?

og hvordan til onload se ud?

Urlen kan f.eks. tilføjes:

dinUrl?create=true

-- og hvis den i forvejen indeholder parametre (altså et spørgsmålstegn !-) skal du tilføje: &create=true

Et script tilføjes:

<script type="text/javascript">
function checkUrl(){
  var q = location.search,t;
  if(q.indexOf("create=")>0){
    t = q.split("create=")[1];
    t = t.split("&")[0];
    document.getElementById('div1').style.display=(t=='true')?'none':'block';
    document.getElementById('div2').style.display=(t=='true')?'block':'none';
  }
}
window.onload = checkUrl;
</script>

Har fået det til at virke.
Ligger du et svar roenving?

- er vist på tide vi får dette spørgsmål lukket.

Oki '-)

Tak for point ;~}