জাভাস্ক্রিপ্ট - একটি বোতামে ক্লিক করে একটি নতুন ট্যাবে প্রদত্ত URL টি খুলুন

Question

আমি একটি বাটন রাখতে চাই যা প্রদত্ত ইউআরএলে পুনঃনির্দেশ করে এবং একটি নতুন ট্যাবে খোলে। কিভাবে এই কাজ করা যেতে পারে?

Answer 1

এটা ব্যবহার কর:

<input type="button" value="button name" onclick="window.open('http://www.website.com/page')" />

আমার জন্য কাজ করেছে এবং এটি কোনও নতুন সম্পূর্ণ ব্রাউজার বা ট্যাবটির পরিবর্তে একটি আসল নতুন 'পপআপ' উইন্ডোটি খুলবে। নির্দিষ্ট ব্রাউজারের বৈশিষ্ট্যগুলি নিম্নরূপে প্রদর্শন করা থেকে বিরত রাখতে আপনি এতে ভেরিয়েবলগুলি যুক্ত করতে পারেন:

onclick="window.open(this.href,'popUpWindow','height=400,width=600,left=10,top=10,,scrollbars=yes,menubar=no'); return false;"

Comments

@ wong2 এইটির উত্তর পরিবর্তন করতে পারে। বর্তমানে নির্বাচিত একজন দক্ষ হওয়ার পক্ষে যথেষ্ট কথা নয়।

— সিএসএস

Answer 2

জাভাস্ক্রিপ্ট আপনি করতে পারেন:

window.open(url, "_blank");

Answer 3

লক্ষ্য যোগ করা = "_ ফাঁকা" এটি করা উচিত:

<a id="myLink" href="www.google.com" target="_blank">google</a>

Comments

আমি দেখছি, দুঃখিত আমি এটা মিস করেছি। ঠিক আছে, আপনি বোতামটির মতো দেখতে এবং অনুভব করতে লিঙ্কটি স্টাইল করতে পারেন। আপনি যদি jQuery UI ব্যবহার করেন তবে এটি করতে কেবল বোতামটি ব্যবহার করুন ।

— টিম বাথ

কেবলমাত্র ওয়েব ডিজাইনে ছড়িয়ে ছিটিয়ে থাকা আমাদের বেশিরভাগের জন্য দুর্দান্ত সমাধান! ধন্যবাদ!

— এসএমবিগস

+1 কারণ আপনি যদি একটি নতুন "নতুন ট্যাবে খোলা লিঙ্ক" উত্তর সন্ধান করছেন তাদের ভাল সমাধান দিয়েছেন, যদি তারা বোতাম ব্যবহার না করে থাকে।

— ব্যবহারকারী 295583058

ঠিক আমি যা চাই ধন্যবাদ

— শাহরুখ আনোয়ার

+1, যদি কোনও নতুন ট্যাবে কোনও পৃষ্ঠা খোলে তবে এটি যুক্তিযুক্তভাবে একটি লিঙ্ক, তাই <a>ট্যাগটি উপযুক্ত। এটিকে বোতামের মতো দেখতে স্টাইলগুলি ব্যবহার করা উচিত।

— কোস

Answer 4

আপনি জাভাস্ক্রিপ্ট ব্যবহার সম্পর্কে ভুলে যেতে পারেন কারণ ব্রাউজারটি এটি একটি নতুন ট্যাবে খোলে কিনা তা নিয়ন্ত্রণ করে। আপনার সর্বোত্তম বিকল্পটি পরিবর্তে নিম্নলিখিতগুলির মতো কিছু করা:

<form action="http://www.yoursite.com/dosomething" method="get" target="_blank">
    <input name="dynamicParam1" type="text"/>
    <input name="dynamicParam2" type="text" />
    <input type="submit" value="submit" />
</form>

কোনও ক্লায়েন্ট target="_blank"বৈশিষ্ট্যের কারণে কোন ব্রাউজার ব্যবহার করে তা নির্বিশেষে এটি সর্বদা নতুন ট্যাবে খোলা থাকবে ।

আপনার কেবলমাত্র কোনও গতিশীল প্যারামিটারের সাথে পুনঃনির্দেশ করা যদি আপনি target="_blank"টিম বাথের পরামর্শ অনুসারে বৈশিষ্ট্যের সাথে একটি লিঙ্ক ব্যবহার করতে পারেন ।

Comments

প্রয়োজনীয় হিসাবে কাজ করে (ক্রোম, ফায়ারফক্স, আই 10 তে পরীক্ষা করা হয়েছে) :)

— জিশান

Answer 5

ব্যবহার করুন window.openপরিবর্তে window.locationএকটি নতুন উইন্ডোতে বা ট্যাবে (ব্রাউজার সেটিংস উপর নির্ভর করে) খুলুন।

আপনার ফিডাল কাজ করে না কারণ buttonনির্বাচনের কোনও উপাদান নেই । চেষ্টা করুন input[type=button]বা বোতামটি একটি দিন idএবং ব্যবহার করুন #buttonId।

Answer 6

আমার পছন্দসই পদ্ধতিতে আপনার মার্কআপটিতে এম্বেড থাকা কোনও জাভাস্ক্রিপ্টের সুবিধা নেই:

সিএসএস

a {
  color: inherit;
  text-decoration: none;
}

এইচটিএমএল

<a href="http://example.com" target="_blank"><input type="button" value="Link-button"></a>

Comments

ঠিক আছে, আমার ধারণা আমার একটি নতুন পছন্দসই পদ্ধতি রয়েছে।

— হাল্টার

আমি মনে করি এটির উত্তরটি সঠিকভাবে দেওয়া হয়েছে। +1 :)

— প্রমেশ বাজরাচার্য

Answer 7

জাভাস্ক্রিপ্ট ব্যবহার করে নতুন ট্যাবে খুলুন

 <button onclick="window.open('https://www.our-url.com')" id="myButton" 
 class="btn request-callback" >Explore More  </button>

Answer 8

আমি ফর্ম ট্যাগের অধীনে কেবলমাত্র টার্গেট = "_ ফাঁকা" ব্যবহার করেছি এবং এটি এফএফ এবং ক্রোমের সাথে দুর্দান্ত কাজ করেছে যেখানে এটি একটি নতুন ট্যাগে খোলে তবে আইই সহ এটি একটি নতুন উইন্ডোতে খোলে।

Comments

কোনও ট্যাব বা উইন্ডো খোলে কিনা তা ব্যবহারকারীর ব্রাউজার বিকল্প দ্বারা নির্ধারিত হয়। আমি IE সম্পর্কে জানি না, তবে বেশিরভাগ ব্রাউজারগুলিতে ওয়েবপৃষ্ঠাটি ট্যাব বা উইন্ডোতে লিঙ্কটি খোলে কিনা তা চয়ন করতে পারে না, তবে ব্যবহারকারী এটি কনফিগার করতে পারে।

— জোয়েটউইডেল

Answer 9

এটা চেষ্টা কর

<a id="link" href="www.gmail.com" target="_blank" >gmail</a>

Answer 10

এইচটিএমএল চেষ্টা করুন:

<input type="button" value="Button_name" onclick="window.open('LINKADDRESS')"/>

Answer 11

আপনি পারবেন না। এই আচরণটি কেবলমাত্র প্লাগইনগুলির জন্য উপলব্ধ এবং কেবলমাত্র ব্যবহারকারী দ্বারা কনফিগার করা যায়।

Answer 12

<BUTTON NAME='my_button' VALUE=sequence_no TYPE='SUBMIT' style="background-color:transparent ; border:none; color:blue;" onclick="this.form.target='_blank';return true;"><u>open new page</u></BUTTON>

এই বোতামটি URL টির মতো দেখাবে এবং একটি নতুন ট্যাবে খোলা যেতে পারে।

Comments

আপনাকে "ফর্ম" যুক্ত করতে হবে

— নারকন

কোনও লিঙ্কের মতো আচরণ করার জন্য একটি বোতাম রাখা ভাল ধারণা (শব্দার্থভাবে বলতে) নয়। পরিবর্তে, aট্যাগ ব্যবহার করুন ।

— হেনরিক স্ক্রিনার

Answer 13

এই কোডটি ব্যবহার করুন

function openBackWindow(url,popName){
        var popupWindow = window.open(url,popName,'scrollbars=1,height=650,width=1050');
          if($.browser.msie){
            popupWindow.blur();
            window.focus();
        }else{
           blurPopunder();
        }
      };

    function blurPopunder() {
            var winBlankPopup = window.open("about:blank");
            if (winBlankPopup) {
                winBlankPopup.focus();
                winBlankPopup.close()
            }
    };

আইটি মোজিলা, আইআই এবং ক্রোম অন এবং কম 22 সংস্করণে সূক্ষ্মভাবে কাজ করে; তবে অপেরা এবং সাফারি তে কাজ করে না।

Comments

এটি সেরা উত্তর না! সলিড -১।

— শোগো মাকিশিমা

এই কোডটি ব্যবহার করুন সত্যই কোনও উত্তর নয় এবং এর পিছনে আপনার কোনও প্রেরণা নেই।

— এডিফ