সাবমিট এবং সিলেক্ট ইভেন্ট (Submit & Select Event) : জে-কোয়েরী -(পর্ব-২৬)

সাবমিট ইভেন্ট : php তে form এর data process করার জন্য data কে কোথাও (কোন page এ) submit করার প্রয়োজন হয় (Asp তে submit ছাড়াই data process করা যায়) আর data যখন submit হয় তখনই submit event সংগঠিত হয় (Occurs when form form is submitted)। এটি শুধু মাত্র form element এর সাথে কাজ করে। তবে ঐ form এর মধ্যে form এর data submit করার জন্য একটি submit type এর button (< input type=”submit” value=”Go” />) থাকতে হবে।

উদাহরন স্বরূপ নিচের HTML Code টুকু দেখুন:

<form id="target" action="destination.html">
  <input type="text" value="Hello there" />
  <input type="submit" value="Go" />
</form>
<div id="other">
  Trigger the handler
</div>

Event hendler কে form এর সাথে যুক্ত করা :

$('#target').submit(function() {
  alert('Handler for .submit() called.');
  return false;
});

এর ফলে যখন form submit হবে, তখনই message টি প্রদর্শিত হবে।

সিলেক্ট ইভেন্ট : যখন কোন text select করা হয় তখন select event সংগঠিত হয়। Text কোন ভাবে highlight হলেই select event সংগঠিত হয়। এটি শুধুমাত্র textbox এবং textarea control এর সাথে কাজ করে।

Example :

<!DOCTYPE html>
<html>
<head>
  <style>
  p { color:blue; }
  div { color:red; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <p>

    Click and drag the mouse to select text in the inputs.
  </p>
  <input type="text" value="Some text" />
  <input type="text" value="to test on" />

  <div></div>
<script>
    $(":input").select( function () { 
      $("div").text("Something was selected").show().fadeOut(1000); 
    });
</script>

</body>
</html>

Click Me to Show Demo

………………………………………………………………………………
আলোকিত একটা সুন্দর সমৃদ্ধ পৃথিবী আমাদের প্রত্যেকেরই স্বপ্ন । আসুন আমাদের মেধা পরিশ্রম কে বিজ্ঞান সম্মতভাবে ব্যবহার করে, আমাদের স্বপ্ন পূরণে অংশ গ্রহণ করি। আজ এখানেই শেষ করলাম। “HAVE A GOOD PROGRAMMING”

জে-কোয়েরী ধারাবাহিক টিউটোরিয়ালঃ

Leave a Comment