javascript soumettre le formulaire ne fonctionne pas dans chrome

J'ai le code html suivant:

<body>
<form action="site1">
    <input type="image" name="submit" border="0" src="images/front/search_travel.png" alt=""  onclick="provider_popup();"/>
</form>

<form  name="frmRight1"  action="site2" target="_blank" >
    <input type="hidden" name="sector_id" id="sector_id" value="90" />
    <input type="submit" style="visibility:hidden;" />
 </form>

 <script type="text/javascript">
 function provider_popup (){
        document.frmRight1.submit();
        return false;
  } 
</script>
</body>

Et alors que je soumettre le bouton avec le nom submit, je reçois un autre onglet et il se charge de "site2'

Mais ce processus ne fonctionne pas sur chrome.

Laissez-moi savoir la raison

OriginalL'auteur Linto | 2011-07-19

  1. 4

    D'accord, vous avez également nécessaires pour éviter que le bouton image de la soumission de sa forme. Votre fonction retourné false, mais vous avez besoin de revenir que pour le onclick, d'où le problème. De faire comme ceci:

    onclick="return provider_popup();"

    Je vous recommande d'abandonner le <input type="image"> approche de toute façon, et l'utilisation d'un élément pur avec un onclick attribut. Rend votre HTML beaucoup plus simple, c'est à dire

    <body>
    <img src="images/front/search_travel.png" alt="Submit" onclick="provider_popup();" />

    <form  name="frmRight1"  action="site2" target="_blank" >
        <input type="hidden" name="sector_id" id="sector_id" value="90" />
        <input type="submit" style="visibility:hidden;" />
    </form>

     <script type="text/javascript">
     function provider_popup () {
            document.forms['frmRight1'].submit();
      } 
    </script>
</body>

    Une autre alternative consiste à placer l'image dans un point d'ancrage <a href... et d'appliquer les onclick.

    Non,actuallly j'ai besoin de soumettre les deux formes ie premier et nom="frmRight1"
    Ok, voir mon 3e finale de réponse!
    Eu le problème, de soumettre le formulaire avec Firefox et Chrome. Mais après en spécifiant la forme spécifique par nom, tout fonctionne bien. Thx

    OriginalL'auteur James McCormack

  2. 1

    J'ai eu le même problème. M'a pris toute la journée. Dans mon cas, le problème avec google Chrome a été que Chrome a été le blocage de mes actions et indiquant que Chrome a été le blocage des popups. Voici le code que j'ai utilisé pour résoudre ce problème:

    /** This is the script that will redraw current screen and submit to paypal. */
echo '<script>'."\n" ;
echo 'function serverNotifySelected()'."\n" ;
echo '{'."\n" ;
echo '    window.open(\'\', \'PayPalPayment\');'."\n" ;
echo '    document.forms[\'paypal_form\'].submit();'."\n" ;
echo '    document.forms[\'server_responder\'].submit();'."\n" ;
echo '}'."\n" ;
echo '</script>'."\n" ;
/** This form will be opened in a new window called PayPalPayment. */
echo '<form action="https://www.sandbox.paypal.com/cgi-bin/webscr" name="paypal_form" method="post" target="PayPalPayment">'."\n" ;
echo '<input type="hidden" name="cmd" value="_s-xclick">'."\n" ;
echo '<input type="hidden" name="custom" value="'.$transaction_start.'">'."\n" ;
echo '<input type="hidden" name="hosted_button_id" value="'.$single_product->hosted_button_id.'">'."\n" ;
echo '<table>'."\n" ;
echo '    <tr>'."\n";
echo '        <td><input type="hidden" name="'.$single_product->hide_name_a.'" value="'.$single_product->hide_value_a.'">Local</td>'."\n" ;
echo '    </tr>'."\n" ;
echo '    <tr>'."\n" ;
echo '        <td>'."\n" ;
echo '        <input type="hidden" name="'.$single_product->hide_name_b.'" value="'.$single_product->hide_value_b.'" />'.$single_product->short_desc.' $'.$adj_price.' USD'."\n" ;
//<select name="os0">
//    <option value="1 Day">1 Day $1.55 USD</option>
//    <option value="All Day">All Day $7.50 USD</option>
//    <option value="3 Day">3 Day $23.00 USD</option>
//    <option value="31 Day">31 Day $107.00 USD</option>
//</select>
echo '        </td>'."\n" ;
echo '    </tr>'."\n" ;
echo '</table>'."\n" ;
echo '<input type="hidden" name="currency_code" value="USD">'."\n" ;
echo '</form>'."\n" ;
/** This form will redraw the current page for approval. */
echo '<form action="ProductApprove.php" name="server_responder" method="post" target="_top">'."\n" ;
echo '<input type="hidden" name="trans" value="'.$transaction_start.'">'."\n" ;
echo '<input type="hidden" name="prod_id" value="'.$this->product_id.'">'."\n" ;
echo '</form>'."\n" ;
/** No form here just an input and a button.  onClick will handle all the forms */
echo '<input type="image" src="https://www.sandbox.paypal.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" alt="PayPal - The safer, easier way to pay online!" onclick="serverNotifySelected()">'."\n" ;
echo '<img alt="" border="0" src="https://www.sandbox.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">'."\n" ;

    Ce code n'apparaît pas comme un popup de Chrome. C'est le code pour un bouton. Lorsque le bouton est enfoncé, il change l'écran en cours de pré-approbation ET ouvre une nouvelle page de PayPal à remplir.

    Ce que j'ai découvert, c'est que si la nouvelle fenêtre s'ouvre AVEC un bouton-poussoir, puis Chrome ne pas le traiter comme un popup. Si vous essayez d'ouvrir une nouvelle fenêtre avec une minuterie, puis Chrome traite de la temporisation de l'ouverture de la fenêtre dans une fenêtre contextuelle.

    OriginalL'auteur user2737761

  3. 0

    Remplacer

    document.frmRight1.submit();

    avec 

    document.forms["frmRight1"].submit();
    pourtant, il ne fonctionne pas

    OriginalL'auteur AlienWebguy

  4. 0

    document.frmRight1 ne fonctionne que dans certains navigateurs.

    essayer

    document.forms['frmRight1'] à la place.

    Sinon donner la forme d'un id comme <form id="frmRight1" name... et de la consulter via document.getElementById('frmRight1').

    Voir ce pour plus d'info sur les propriétés de la document: http://www.w3schools.com/jsref/dom_obj_document.asp

    pourtant, il ne fonctionne pas
    Voir mon autre réponse.

    OriginalL'auteur James McCormack

  5. 0

    Bien, votre besoin de présenter simultanément les deux formes n'était pas claire. Cela a été difficile. Le seul moyen que j'ai trouvé à faire c'était d'introduire un petit temps d'attente:

    <script type="text/javascript">
function provider_popup (){
document.forms['frmRight1'].submit();
setTimeout("doPost()", 10);
return false;
}
function doPost()
{
document.forms[0].submit();
}  
</script>

    OriginalL'auteur James McCormack