ফর্ম জমা দেওয়ার ক্ষেত্রে কীভাবে নতুন উইন্ডো খুলবেন

Question

আমার কাছে একটি জমা ফর্ম রয়েছে এবং ব্যবহারকারীরা ফর্মটি জমা দেওয়ার সময় এটি একটি নতুন উইন্ডো খুলতে চাই যাতে আমি এটি বিশ্লেষণে ট্র্যাক করতে পারি।

আমি যে কোডটি ব্যবহার করছি তা এখানে:

<form action="http://URL at mailchimp subscriber URL.com" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" onclick=window.open(google.html,'','scrollbars=no,menubar=no,height=600,width=800,resizable=yes,toolbar=no,status=no');>
    <label for="name">Your Name</label><input type="text" value="" name="FNAME" class="required" id="mce-FNAME">
    <br/>
    <br/>
    <label for="email">Your Email </label><input type="text" value="" name="EMAIL" class="required email" id="mce-EMAIL">
    <br/>
    <br/>
    <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="submit">
</form>
</div>

Answer 1

জাভাস্ক্রিপ্টের দরকার নেই, আপনাকে কেবল target="_blank"আপনার ফর্ম ট্যাগে একটি বৈশিষ্ট্য যুক্ত করতে হবে ।

<form target="_blank" action="http://example.com"
      method="post" id="mc-embedded-subscribe-form"
      name="mc-embedded-subscribe-form" class="validate"
>

Comments

আপনি যদি টার্গেট = _ব্ল্যাঙ্ক যোগ করেন তবে আপনার অনক্লিক ইভেন্টটির দরকার নেই।

— নটহাগো

এই পোস্টে হোঁচট খেয়ে আনন্দিত! ফর্ম ট্যাগটিতে টার্গেট = "_ ফাঁকা" যুক্ত করা আমার নতুন উইন্ডো খোলার প্রয়োজনীয়তার সমস্যাটি সমাধান করেছে!

— ক্যাটলিজানাইন

এটি ঠিকই ওপি-র প্রশ্নের উত্তর দেয় না, তবে এটি target="_blank"জাভাস্ক্রিপ্টের পরিবর্তে সাধারণভাবে ব্যবহারযোগ্য আরও উত্তর

— কিপ

লক্ষ্য = "ফাঁকা" ঠিকঠাক কাজ করে। বিকাশকারী.মোজিলা.আর.ইন-

— এরিক

কমপক্ষে আইই ১১ এ, টার্গেট = "_ ফাঁকা" একটি নতুন ব্রাউজার উইন্ডো তৈরির পরিবর্তে বর্তমান ব্রাউজার উইন্ডোতে একটি নতুন ট্যাব তৈরি করে ..... আইএমএইচও, একটি নতুন ট্যাব একটি নতুন ব্রাউজার উইন্ডোর চেয়ে আলাদা

— মার্সেলো বেজারেরা

Answer 2

ওয়েব-ভিত্তিক ডাটাবেস অ্যাপ্লিকেশনে যা ডেটাবেস ডেটার প্রিন্ট-আউট প্রদর্শন করতে একটি পপ-আপ উইন্ডো ব্যবহার করে, এটি আমাদের প্রয়োজনের জন্য যথেষ্ট পরিমাণে কাজ করেছে (ক্রোম 48 তে পরীক্ষিত):

<form method="post" 
      target="print_popup" 
      action="/myFormProcessorInNewWindow.aspx"
      onsubmit="window.open('about:blank','print_popup','width=1000,height=800');">

কৌশলটি হ্যান্ডলারের কলটিতে দ্বিতীয় যুক্তির সাথে ট্যাগটিতে থাকা targetবৈশিষ্ট্যটির সাথে মেলে ।<form>window.openonsubmit

Comments

এটি উইন্ডো আকার নিয়ন্ত্রণ দেয়। চমৎকার।

— চকী

এই পৃষ্ঠায় সেরা সমাধান, এটি পরীক্ষা করে এবং পরিপূর্ণতায় কাজ করে।

— ম্যানি রামিরেজ

জমা দেওয়ার সময় পৃথক উইন্ডোতে পিডিএফ তৈরি করার সময় আমি ঠিক এটিই খুঁজছিলাম।

— jrob007

Answer 3

onclickএই ক্রিয়াটি সংযুক্ত করার জন্য সেরা ইভেন্ট নাও হতে পারে। যে কোনও সময় যে কেউ ফর্মের যে কোনও জায়গায় ক্লিক করলে এটি উইন্ডোটি খুলবে।

<form action="..." ...
    onsubmit="window.open('google.html', '_blank', 'scrollbars=no,menubar=no,height=600,width=800,resizable=yes,toolbar=no,status=no');return true;">

Answer 4

ফর্মের targetবৈশিষ্ট্যে অনুরূপ প্রভাবের জন্য , আপনি বা এর formtargetবৈশিষ্ট্যটিও ব্যবহার করতে পারেন ।input[type="submit]"button[type="submit"]

এমডিএন থেকে :

... এই বৈশিষ্ট্যটি এমন একটি নাম বা কীওয়ার্ড যা ফর্মটি জমা দেওয়ার পরে প্রাপ্ত প্রতিক্রিয়াটি কোথায় প্রদর্শিত হবে তা নির্দেশ করে। এটি ব্রাউজিং প্রসঙ্গে (উদাহরণস্বরূপ, ট্যাব, উইন্ডো, বা ইনলাইন ফ্রেম) এর বা কীওয়ার্ডের একটি নাম। যদি এই বৈশিষ্ট্যটি নির্দিষ্ট করা থাকে তবে এটি উপাদানগুলির ফর্মের মালিকের টার্গেট অ্যাট্রিবিউটকে ওভাররাইড করে। নিম্নলিখিত কীওয়ার্ডগুলির বিশেষ অর্থ রয়েছে:

• _ নিজে: প্রতিক্রিয়াটিকে বর্তমানের মতো একই ব্রাউজিং প্রসঙ্গে লোড করুন। বৈশিষ্ট্যটি নির্দিষ্ট না করা থাকলে এই মানটি ডিফল্ট।
• _ব্ল্যাঙ্ক: একটি নতুন নামবিহীন ব্রাউজিং প্রসঙ্গে প্রতিক্রিয়াটি লোড করুন।
• _ পিতামাতা: বর্তমানের প্যারেন্ট ব্রাউজিং প্রসঙ্গে প্রতিক্রিয়াটি লোড করুন। যদি কোনও পিতামাতা না থাকে তবে এই বিকল্পটি _ নিজের মতোই আচরণ করে।
• _টপ: শীর্ষ-স্তরের ব্রাউজিং প্রসঙ্গে প্রতিক্রিয়াটি লোড করুন (এটি ব্রাউজিং প্রসঙ্গ যা বর্তমানের পূর্বপুরুষ এবং যার কোনও পিতামাতা নেই)। যদি কোনও পিতামাতা না থাকে তবে এই বিকল্পটি _ নিজের মতোই আচরণ করে।

Comments

একাধিক জমা বোতাম থাকার সময় খুব দরকারী।

— hrvoj3e

দেখে মনে হচ্ছে তারা ইনপুট উপাদান পৃষ্ঠা থেকে সেই সামগ্রীটি সরিয়ে নিয়েছে। ফর্ম্যাটরেট বৈশিষ্ট্য সম্পর্কে অনুরূপ তথ্য বোতামের উপাদান পৃষ্ঠাতে পাওয়া যাবে: developer.mozilla.org/en-US/docs/Web/HTML/Element/…

— পিটার

Answer 5

আপনার দেওয়া কোডটি সংশোধন করা দরকার। ফর্ম ট্যাগে আপনাকে ডাবল উদ্ধৃতিতে অনক্লিক বৈশিষ্ট্য মানটি বন্ধ করতে হবে:

"window.open('google.htm','','scrollbars=no,menubar=no,height=600,width=800,resizable=yes,toolbar=no,status=no');"

আপনারও যত্ন নেওয়া দরকার যে প্রথম পরামিতিটিও window.openউদ্ধৃতি ব্যবহার করে আবদ্ধ করা উচিত।

Answer 6

নতুন ট্যাব / উইন্ডোতে যে কোনও বাহ্যিক লিঙ্কগুলি খোলার জন্য আমি বিশ্বব্যাপী একটি ছোট jQuery স্নিপেট ব্যবহার করি। আমি আমার নিজের সাইটের জন্য একটি ফর্মের জন্য নির্বাচককে যুক্ত করেছি এবং এটি এখন পর্যন্ত দুর্দান্ত কাজ করে:

// URL target
    $('a[href*="//"]:not([href*="'+ location.hostname +'"]),form[action*="//"]:not([href*="'+ location.hostname +'"]').attr('target','_blank');

Answer 7

আমি বিশ্বাস করি আপনার জন্য এই jquery কাজ ভাল দয়া করে নীচের কোডটি চেক করুন।

এটি আপনার জমা দেওয়ার ক্রিয়াটিকে কাজ করে এবং নতুন ট্যাবে একটি লিঙ্ক খুলবে আপনি আবার অ্যাকশন url খুলতে চান বা কোনও নতুন লিঙ্ক

jQuery('form').on('submit',function(e){
setTimeout(function () { window.open('https://www.google.com','_blank');}, 1000);});})

এই কোডটি আমার পক্ষে নিখুঁতভাবে কাজ করে ..

Answer 8

window.open সমস্ত ব্রাউজার জুড়ে কাজ করে না, গুগল করুন এবং আপনি সঠিক ডায়ালগের ধরণ সনাক্ত করার একটি উপায় খুঁজে পাবেন।

এছাড়াও, ব্যবহারকারী যখন জমা দেয় তখন কেবলমাত্র অগ্নিক্লুত কলটিকে ইনপুট বোতামে সরিয়ে ফেলা হয়।

Comments

ইনপুট বোতামে অনক্লিক করা ভুল। তারপরে, ব্যবহারকারী যদি এটি ক্লিক করে, তবে প্রকাশের আগে সরিয়ে নিয়ে যায়, এটি তখনও আগুন ধরিয়ে দেবে।

— ম্যাথু ফ্ল্যাশেন

Answer 9

আমি এর সমাধানও পেয়েছি। এই পৃষ্ঠাটি আজ আমাকে সহায়তা করেছে, আমি এখানেও আবার পোস্ট করছি।

/** 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" ;

উপরের কোডটি একটি বোতামের কোড। আপনি বোতামটি টিপুন এবং এটি বর্তমান পর্দা ক্রয় থেকে প্রাক-অনুমোদনে পুনরায় আঁকবে। একই সাথে এটি একটি নতুন উইন্ডো খোলে এবং সেই নতুন উইন্ডোটি পেপালের হাতে দেয়।

Comments

ওপি জানিয়েছে যে তারা কোডে নতুন - আইএমও পেপাল বোতামগুলির সাথে সম্পর্কিত একটি সম্পূর্ণ লোড (ভয়ঙ্কর ফর্ম্যাটেড) পোস্ট করা তাদের সহায়তা করছে না

— মাইক