import html externe en ligne html

Question

i ont une page html contenant sth.html

<div id="recoverpass"> 
    <h2>Recover Password</h2> 
    <form action="#" method="post" name="recoverpass"> 
     <p><label> Enter E-Mail Address: </label> <input type="text" name="email" id="name" /></p> 
     <input type="submit" value="Recover Password" /> 
    </form> 
</div> 
<div id="registernew"> 
     <h2>Register New User</h2> 
     <form action="#" method="post" name="recoverpass"> 
      <p><label> Enter E-Mail Address: </label> <input type="text" name="email" id="name" /></p> 
      <input type="submit" value="Recover Password" /> 
     </form> 
</div> 

Dans ma page index.html, j'ai un popup qui est chargé lorsque les liens correspondants sont cliqués. Ce que je veux, c'est que quand un popup de mot de passe oublié est chargé, il devrait importer html de sth.html puis le contenu de recoverpass 'div'. et quand registre popup est chargé, il devrait importer html de sth.html puis le contenu de registernew 'div'.

Answer 1

facile à faire avec .load()

$("#popup").load("sth.html #recoverpass"); 
$("#popup").load("sth.html #registernew");