HTML Textfeld oder Bereich mit Bildlaufleisten, mit Ajax Antwort

Question

Ich muss eine feste Größe (height and width) Textbereich oder Box in einer HTML-Seite erstellen. Dieser Bereich wird mit Antworten von Ajax-Anfragen gefüllt. Einige dieser Antworten sind zu groß, um in diesen Bereich zu passen. Daher sollten einige Bildlaufleisten angezeigt werden. Schön zu haben (muss aber nicht sein), Nutzer sollten den Inhalt der Box auswählen.

Wie erreichen Sie dies am besten in HTML? Es scheint wie textarea könnte eine Lösung sein, aber wie arbeite ich mit height and width eher col and rows? Wenn möglich, möchte ich vermeiden, ein Formular nur für diese textarea verwenden zu müssen. Soll ich stattdessen eine separate Javascript/Jquery-Bibliothek verwenden?

Ich suche nach Codebeispielen, um diese Box zu entwerfen/zu implementieren. Vielen Dank.

Answer 1

Sie könnten

<textarea class="myTextarea"></textarea> 

tun und einige CSS-Stil

.myTextarea { 
width: 300px; 
height: 200px; 
} 

haben Sie bereits den Code fügen Sie den Textbereich mit der Ajax-Antwort zu füllen?

Answer 2

Die CSS:

.className { 
width: 500px; 
height: 400px; 
overflow: scroll; /*This is not required, if it's a text area*/ 
} 

Die HTML:

<div class="className"> </div> 

ODER

<textarea class=".className"> </textarea> 

Die JQuery:

var ajax_control = jQuery.ajax({ 
    url: "target.php", 
    type: "POST", 
    data: {variable_name: variable_value} 
}); 
ajax_control.always(function(){ 
    $('.className').append(ajax_control.responseText); 
     //$('.className').html(ajax_control.responseText); 
     //$('.className').val(ajax_control.responseText); // if this is a textarea 
});