jQuery পাঠ্য পাঠ্য পেতে

Question

সম্প্রতি আমি jQuery এর সাথে খেলতে শুরু করেছি এবং কয়েকটি টিউটোরিয়াল অনুসরণ করেছি। এখন এটি ব্যবহার করে আমি কিছুটা দক্ষ বোধ করছি (এটি বেশ সহজ), এবং আমি ভেবেছিলাম যে আমি যদি আমার ওয়েবপৃষ্ঠায় একটি 'কনসোল' তৈরি করতে সক্ষম হয়ে থাকি তবে এটি শীতল হবে (যেমন আপনি এফপিএস গেমসে আপনার মতো `কী টিপেন , ইত্যাদি), এবং তারপরে এজ্যাক্স নিজেই আবার সার্ভারে করে জিনিসগুলি করার জন্য করুন।

আমি মূলত ভেবেছিলাম সবচেয়ে ভাল উপায় হ'ল টেক্সারিয়ার ভিতরে টেক্সটটি পাওয়া যাবে এবং তারপরে এটি বিভক্ত করা উচিত, বা কী কীড ইভেন্টটি ব্যবহার করা উচিত, কীকোডকে একটি এসসিআইআই অক্ষরে ফিরিয়ে দেওয়া উচিত, অক্ষরে একটি স্ট্রিং যুক্ত করে স্ট্রিংটি প্রেরণ করা হত সার্ভার (তারপরে স্ট্রিংটি খালি করুন)।

আমি টেক্সেরিয়া থেকে পাঠ্য পাওয়ার কোনও তথ্য খুঁজে পাইনি, যা পেয়েছিলাম তা কীআপের তথ্য key এছাড়াও, কী কী কোডটি ASCII চরিত্রে ফিরে আসবে তা আমি রূপান্তর করতে পারি?

Answer 1

আপনি কী স্ট্রোককে পাঠ্যে রূপান্তর করতে চান? ক্লিক করা অবস্থায় সার্ভারে টেক্সারিয়ার ভিতরে পাঠ্য প্রেরণ করে এমন একটি বোতাম যুক্ত করুন। আপনি পোস্টার হিসাবে মান বৈশিষ্ট্য ব্যবহার করে টেক্সটটি আগে পোস্টার হিসাবে উল্লেখ করেছেন বা jQuery এর এপিআই ব্যবহার করে পেতে পারেন:

$('input#mybutton').click(function() {
    var text = $('textarea#mytextarea').val();
    //send to server and process response
});

Comments

কারণ টেক্সারিয়ায় কেবলমাত্র পাঠ্যের প্রয়োজন ছিল। (এটি কনসোল, কমান্ড প্রম্পট ভিজ্যুয়ালাইজ করুন)। ভাল ফাংশন সম্পর্কিত তথ্যের জন্য ধন্যবাদ। :)

— রজারবিবি

আপনি জাভাস্ক্রিপ্ট ব্যবহার করে পাঠ্য প্রক্রিয়া করতে পারেন। কী স্ট্রোক কোডগুলি ফিরিয়ে দেওয়ার কী লাভ?

— ইরান গালপারিন

মূল কথাটি হ'ল, ইমো, কী স্ট্রোক কোডটি পাওয়া আরও কার্যকর হবে তবে পাঠ্যকে একটি বিস্মৃতকরক দ্বারা বিভক্ত করা (সম্ভবত কোনও পাঠ্যের বড় আকারের চিত্র)।

— রজারবিবি

দুঃখিত, আমি যে দৃশ্যটি সত্য হবে তা কল্পনা করতে ব্যর্থ হচ্ছি ... সম্ভবত আপনি যদি নিজের মূল পোস্টটি সম্পাদনা করে একটি উদাহরণ যুক্ত করেন তবে লোকেরা উত্তর দেওয়ার চেষ্টা করতে সহায়তা করবে

— ইরান গাল্পেরিন

আমি এইচটিএমএল ট্যাগ আইডির '

— টেক্সারিয়া

Answer 2

যেখানে এটি প্রায়শই আপনি ব্যবহার করেন এমন টেক্সট ফাংশন (যেমন ডিভিড ইত্যাদিতে) তারপরে পাঠ্য ক্ষেত্রের জন্য এটি ভাল হয়

পাওয়া:

$('#myTextBox').val();

সেট:

$('#myTextBox').val('new value');

Answer 3

আপনার একটি ডিভ থাকা উচিত যা কেবল কনসোল বার্তাগুলি ধারণ করে, এটি হ'ল পূর্ববর্তী কমান্ড এবং তাদের আউটপুট। এবং নীচে একটি ইনপুট বা টেক্সারিয়া রাখুন যা সুনির্দিষ্টভাবে আপনার টাইপ করা কমান্ডটি ধারণ করে।

-------------------------------
| consle output ...           |
| more output                 |
| prevous commands and data   |
-------------------------------
> This is an input box.

এইভাবে আপনি কেবল প্রক্রিয়াকরণের জন্য সার্ভারে ইনপুট বাক্সটির মান প্রেরণ করুন, এবং ফলাফলটি কনসোল বার্তাগুলির মধ্যে ডিভিডে যুক্ত করুন।

Comments

হ্যাঁ, আমি ঠিক কী ভাবছিলাম। এটিই একমাত্র পরিষ্কার সমাধান যা আউটপুট থেকে ইনপুটটি পার্সিংয়ের সাথে জড়িত না (চেষ্টা করার জন্য বোকামি - ব্যবহারকারী যদি কিছু "আউটপুট" টাইপ করেন তবে কী কী স্ট্রোক ইভেন্টগুলি থেকে স্ট্রিং তৈরি করার চেষ্টা করা হয় না) - ব্যাকস্পেস ইত্যাদি কী?)।

— নিক পারকিনস

এসও-তে আরও একটি এক্সওয়াই সমস্যা। এটি স্পষ্টতই তাঁর সমস্যার 'এক্স' এর সেরা সমাধান।

— রিমিয়াস

Answer 4

সাধারণত, এটি মান সম্পত্তি

testArea.value

বা আপনার যা প্রয়োজন আমি অনুপস্থিত কিছু আছে?

Comments

আমি আসলে একটি পাঠ্য পরিবর্তিত ইভেন্ট বা লাইন বরাবর কিছু আহ্বান করা হবে আশা করছি (যাইহোক আমি কীপ ইভেন্টটি দিয়ে খুব সহজেই এটি করতে পারি)। আমি মনে করি আমি কীআপ ইভেন্টটি ব্যবহার করে যাব, তবে কী কী কোডটি ASCII চরে রূপান্তর করার কোনও উপায় আপনি জানেন? ধন্যবাদ। :)

— রোজারবি

Answer 5

আমি বুঝতে পেরেছি যে আমি নীচের ফাংশনটি ব্যবহার করে ইভেন্টের কী কোডটি একটি চরিত্রে রূপান্তর করতে পারি:

var char = String.fromCharCode(v_code);

সেখান থেকে আমি তারপরে অক্ষরে একটি স্ট্রিং যুক্ত করব এবং এন্টার কী চাপলে সার্ভারে স্ট্রিংটি প্রেরণ করুন। আমি দুঃখিত যদি আমার প্রশ্নটি কিছুটা রহস্যজনক মনে হয় এবং শিরোনামটির অর্থ প্রায় পুরোপুরি অফ-টপিক, এটি খুব ভোরে এবং আমি এখনও প্রাতঃরাশ করিনি;)।

আপনাদের সাহায্যের জন্য ধন্যবাদ।

Answer 6

"কনসোল" শব্দটি বোঝায় বিভ্রান্তি ঘটছে।

আপনি যদি কোনও পুরানো শৈলীর পূর্ণ / অর্ধেক ডুপ্লেক্স কনসোল অনুকরণ করতে চান তবে আপনি এই জাতীয় কিছু ব্যবহার করতে চাই:

$('console').keyup(function(event){
    $.get("url", { keyCode: event.which }, ... );
    return true;
});

ইভেন্ট.এটিতে কী চাপানো হয়েছিল। ব্যাকস্পেস হ্যান্ডলিংয়ের জন্য, ইভেন্ট। যা === 8।

Answer 7

সর্বোত্তম উপায়: $ ('# মাই টেক্সটবক্স')। ভাল ('নতুন মান') tri ট্রিম ();

Answer 8

পাঠ্যমূল্যের মান এবং কোড-চর রূপান্তরটি পড়ুন:

function keys(e) {
  msg.innerHTML = `last key: ${String.fromCharCode(e.keyCode)}`
  
  if(e.key == 'Enter') {
    console.log('send: ', mycon.value);
    mycon.value='';
    e.preventDefault();
  }
}

Push enter to 'send'<br>
<textarea id='mycon' onkeydown="keys(event)"></textarea>

<div id="msg"></div>

এবং কেবল ডিভ-এস-তে কনসোলের মতো দুর্দান্ত ভূমিকম্পের নীচে :)

document.addEventListener('keyup', keys);

let conShow = false

function keys(e) {
  if (e.code == 'Backquote') {
    conShow = !conShow;
    mycon.classList.toggle("showcon");
  } else {
    if (conShow) {
      if (e.code == "Enter") {
        conTextOld.innerHTML+= '<br>' + conText.innerHTML;
        let command=conText.innerHTML.replace(/&nbsp;/g,' ');
        conText.innerHTML='';
        console.log('Send to server:', command); 
      } 
      else if (e.code == "Backspace") {
        conText.innerHTML = conText.innerText.slice(0, -1);
      } else if (e.code == "Space") {
        conText.innerHTML = conText.innerText + '&nbsp;'
      } else {
        conText.innerHTML = conText.innerText + e.key;
      }

    }
  }
}

body {
  margin: 0
}

.con {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 90px;
  background: rgba(255, 0, 0, 0.4);
  position: fixed;
  top: -90px;
  transition: top 0.5s ease-out 0.2s;
  font-family: monospace;
}

.showcon {
  top: 0px;
}

.conTextOld {
  color: white;
}

.line {
  display: flex;
  flex-direction: row;
}

.conText{   color: yellow; }

.carret {
  height: 20px;
  width: 10px;
  background: red;
  margin-left: 1px;
}

.start { color: red; margin-right: 2px}

Click here and Press tilde ` (and Enter for "send")

<div id="mycon" class="con">
  <div id='conTextOld' class='conTextOld'>Hello!</div>
  <div class="line">
    <div class='start'> > </div>
    <div id='conText' class="conText"></div>
    <div class='carret'></div>
  </div>
</div>

Answer 9

নাম এবং আইডির মাধ্যমে আপনি টেক্সারিয়া ডেটা পেতে পারেন

// by name
<textarea name="comment"></textarea>
let text_area_data = $('textarea[name="comment"]').val();

// by id
<textarea id="comment" name="comment"></textarea>
let text_area_data = $('textarea#comment').val();