le réglage de l'objectif _blank pour juste un formulaire de soumission de l'action

Je suis la soumission d'un formulaire pour mon application rails, avec deux boutons submit. Ils vont tous les deux à la même action de contrôleur, et d'utiliser la même forme, mais sur une action soumettre je veux faire de la forme target=_blank de sorte que la forme de présentation des résultats de l'ouvrir dans une nouvelle fenêtre.

Est-il un moyen facile de faire cela?

Faire ce qui fonctionne pour les deux actions:

<%= simple_form_for @thingy, :target => '_blank' do |f| %>

J'ai sali autour avec l'aide de jQuery pour définir la cible sur la forme onclick, mais avec pas de chance.

  • Cela devrait être faisable par "nettoyage autour avec l'aide de jQuery". Qu'est-ce exactement avez-vous essayé?
  • je vais modifier la question avec le javascript quand je reçois une chance. Essentiellement, je l'ai été: saisir l'action du clic sur le bouton, puis l'obtention de la forme et de la définition de la propriété cible, c'est à dire $(this).parent().prop('target', '_blank')
  • Comment au sujet de l'envoi via le clavier? quelle action voulez-vous alors?
  • Qui devrait fonctionner en supposant $(this).parent était en fait $(this).parent() où le parent est de la forme.
InformationsquelleAutor ipd | 2012-11-21
  1. 10

    Sur l'un des boutons, ajouter une classe dire popup. Puis ajouter un peu de jQuery comme ceci:

    $('.popup').click(function(e) {
    e.preventDefault(); //prevents the default submit action
    $(this).closest('form').attr('target', '_blank').submit();
});

    Démo: http://jsfiddle.net/HxrzD/

    Noter qu'il existe d'autres moyens de soumettre un formulaire que vous pourriez avoir besoin de considérer, f.ex le enter clé. Vous pourriez aussi avoir besoin de réinitialiser la forme de l'attribut cible dans le cas où l'utilisateur va retourner à la fenêtre parent et soumet de nouveau à l'aide du bouton. Dans ce cas, vous pouvez simplement effacer la cible à la fin:

    $(this).closest('form').attr('target', '_blank').submit().removeAttr('target');

    Ou enregistrer l'état précédent:

    var $form = $(this).closest('form'),
    target = $form.attr('target');
$form.attr('target', '_blank').submit().attr('target', target);

    http://jsfiddle.net/HxrzD/2/

    • Les travaux de cette. Vous pouvez probablement laisser les e.preventDefault() et .submit() parties, bien que.
    • oui, peut-être. Mais en théorie, vous risquez d'avoir des conditions de course, et il se sent plus sûr de contrôler par programmation le soumettre (j'avoue que je n'ai pas testé dans beaucoup de navigateurs).
    • voir ma réponse, vous avez raté un truc, à propos de reusage de la forme.
    • Je crois que je l'ai mentionné qu'en texte brut (pas sûr si c'est un problème). Vous pouvez simplement ajouter un .removeAttr('target') à la fin de la chaîne.
    • que si le formulaire n'avait pas de défaut target, maintenant, je pense que clone() est mieux 🙂
    • Pour être vraiment en sécurité avec .clone() vous avez probablement besoin de donner à double vrai .clone(true, true) (évidemment en fonction de combien de bananes de la Fpo DOM/événements sont vraiment).
    • Je ne suis pas sûr de ce que tu veux dire, il semble que vous êtes juste d'en construire de nouvelles "what-if" des problèmes. L'OP spécifiquement mentionné l'attribut cible.
    • Merci, @David, cela fonctionne parfaitement. Un caviat: j'ai été en s'appuyant sur la valeur de mon bouton submit dans mon contrôleur de l'action, mais c'est se perdre maintenant. J'ai travaillé autour de ce par la définition d'un attribut caché dans le formulaire dans mon javascript, puis le retirer. Maintenant je me demande si il existe un moyen de conserver cette information. Mais, peut-être une autre question, merci encore.

    InformationsquelleAutor David Hellsing
  2. 1

    vous pouvez intercepter cliquez sur le bouton lire de données et de changer de forme, avant de soumettre:

    Donc, HTML:

    <form id='double' method="GET" action="http://google.com/search">
   <input name="q" type="text">
   <button class="Submit" data-target=""> Submmit here</button>
   <button class="Submit" data-target="_blank"> Open new</button>
</form>​

    JS

    $('button.Submit').click( function() {
    var t=$(this);
    var form=t.parents('form');
    form.attr('target',t.data('target'));
    form.submit();
    return false;
});

    de cette façon, vous pouvez contrôler l'option cible dans votre balisage html.

    http://jsfiddle.net/oceog/gArdk/

    dans le cas où si vous désactivez pas target de la forme, vous obtiendrez le scénario suivant:

    • de l'utilisateur cliquez sur le bouton popup,
    • soumis le formulaire,
    • fermé la fenêtre,
    • cliquez sur la non-popup

    et qui sera également popup lui forme cible.

    donc, à mon snipplet j'ai effacer la cible dans le cas de data-target="

    si vous souhaitez marquer comme popup à un seul élément, vous aurez besoin de cloner votre formulaire:
    http://jsfiddle.net/oceog/gArdk/2/

    JS:

    $('button.Submit.popup').click( function() {
    var t=$(this);
    var form=t.parents('form').clone(true).attr('target','_blank');
    
    form.submit();
    return false;
});

    HTML:

    <form id='double' method="GET" action="http://google.com/search">
   <input name="q" type="text">
   <button class="Submit"> Submmit here</button>
   <button class="Submit popup"> Open new</button>
</form>​
    InformationsquelleAutor zb'
  3. 0

    Afin de traiter toutes les submit cas (et pas seulement des clics) je voudrais faire quelque chose comme ce qui suit:

    $("form").submit(function(e) {
  if($(e.srcElement).is(".popup")){
    $(this).attr("target", "_blank");
  }
});
    • En fait, ce ne sera probablement pas travailler.
    InformationsquelleAutor Andrew Hubbs