fenêtre parent Rechargement avec un bouton dans l'iframe

Question

j'ai un iframe dans une page comme

<iframe src="something.html"></iframe> 

et dans la something.html page, j'avoir une forme et un bouton.

<form action="anywhere.html"> 
<input type="button" name="submit" value="submit"> 
</form> 

Lorsque je clique sur le bouton d'envoi, il recharge la page anywhere.html (à l'intérieur du iframe). Mais je veux anywhere.html de charger dans la même fenêtre principale (pas dans un nouvel onglet ou une fenêtre ou pas dans l'iframe). Comment cela peut-il être fait?

Answer 1

Utilisez l'attribut target pour la balise form. Réglez-le sur _parent pour que le formulaire soit soumis à la fenêtre parente (en dehors du cadre).

• _parent: Charger la réponse dans le parent frameset HTML 4 de la trame courante, ou HTML5 contexte de navigation parent de celui en cours. S'il n'y a pas de parent, cette option se comporte de la même manière que _self. ¹

<form action="anywhere.html" target="_parent"> 
<input type="button" name="submit" value="submit"> 
</form> 

Voir qu'il a démontré dans this plunker.

---

_{https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form#attr-target}