2012-10-16 21 views
8

Sto trovando difficile anche solo concettualizzare. Il modo più semplice sarebbe avere un grande elemento textarea occupando la maggior parte dello schermo, con un piccolo elemento di testo input sotto di esso. Il lettore digiterà i comandi e l'output verrà visualizzato nello textarea.Qual è il modo migliore per simulare uno schermo DOS o Terminal in una pagina Web?

Il problema è che voglio che l'input sia completamente integrato. Pensa a uno schermo DOS. C'è il prompt della parentesi, >, dopo il quale si digita un comando. Premere Invio per visualizzare l'output sotto di esso, seguito da un altro prompt > per il comando successivo. L'input non è separato, visivamente, dall'output. Un esempio di ciò che mi piacerebbe realizzare può essere visto qui: http://www.youtube.com/watch?v=UC_FrikiZdE (eccetto che usare il mouse per scegliere i comandi, possono essere inseriti in).

Come farei per farlo in HTML (utilizzando JavaScript/jQuery per gestire input/output)? Sto pensando che forse tutto è fatto in un modificabile textarea, ma il pulsante Backspace non può cancellare nulla dal prompt > e oltre, solo il testo che è stato inserito.

Qual è il modo più semplice per farlo? Non sono stato in grado di trovare alcuna dimostrazione o tutorial online. Qualcuno può indicarmi qualcosa che possa essermi perso? Grazie.

+1

Un div modificabile dal contenuto per il comando corrente, con comandi precedenti (e risultati) aggiunti a un div non modificabile sopra? – nnnnnn

+3

Ecco un grande esempio scritto per provare MongoDB: http://try.mongodb.org/ – Laurence

+0

Brillante! Questo è esattamente quello che stavo cercando, Laurence! Ho dimenticato di usare "shell" nelle mie ricerche. Rendilo una risposta con una spiegazione, e posso impostarla come risposta alla domanda, e può aiutare gli altri nella stessa situazione. – TerranRich

risposta

Problemi correlati