Form Interattivo

08-04-2006, 15.35.13

Salve, vorrei proporvi un quesito. Vorrei, qualora fosse possibile, realizzare un bizzarro esperimento: in una pagina vi deve essere un FORM TESTO modificabile dall'utente e ciò che viene scritto al suo interno deve essere anche visualizzato come testo in un'altro <div>.

Esempio pratico:

FORM: [CIAO! ] Ecco cosa hai scritto: CIAO!

**funcool** · 08-04-2006, 15.48.27

Va bene così?

08-04-2006, 15.50.37

Perfetto!!! Grande!!!! =)

09-04-2006, 11.07.32

Funcool un'ultima domanda... se volessi far comparire il testo che ho digitato nella textarea in due punti diversi, come faccio? se provo a mettere due <SPAN id=NOME></SPAN> mi funziona solo uno (il primo). Come mai?

**funcool** · 09-04-2006, 15.12.07

Puoi vedere la nuova versione qui.
Ho aggiunto un nuovo span e gli ho dato un nome diverso, inoltre nel codice in Javascript ho dovuto aggiungere il comando per scrivere anche nel secondo span.

P.S.: Non fare UP, usa il tasto Edita.

09-04-2006, 16.35.09

ok grazie e scusa per l'UP! Scusa ancora, un altra richiesta. E se volessi creare un bottone e cliccandoci su mi inserisca un testo prestabilito nella textarea? si può?

**funcool** · 09-04-2006, 16.38.31

Codice HTML:

<textarea id="testo"></textarea>
<input type="button" value="Premi" onclick="document.getElementById('testo').value='ciao';">

09-04-2006, 16.42.26

bene però questo quando clicco mi cancella quello che avevo già scritto... è possibile evitare ciò (scusa se ti rompo!!!)

**funcool** · 09-04-2006, 16.44.32

Codice HTML:

<textarea id="testo"></textarea> <input type="button" value="Premi" onclick="document.getElementById('testo').value+='ciao';">

10-04-2006, 14.50.57

funcool ho un'altra domanda da farti. Procedo con un esempio, per semplificare il concetto:

BOTTONE [COME TI CHIAMI?] ---> cliccando sopra compare una finestrella dove mi chiede "Qual'è il tuo nome?" e c'è un campo per rispondere ---> dando OK, si crea una frase in una TEXTAREA o anche volendo in uno semplice spam composta da: "IL TUO NOME E' +RISPOSTA DATA NELLA FINESTRELLA".

è possibile ciò?

Ospite · 10-04-2006, 15.04.53

Codice HTML:


<SCRIPT type="text/javascript"> <input type="button" value="Come ti chiami?" OnClick="nome = prompt('Qual è il tuo nome?','Qual è il tuo nome?'); document.write('Il tuo nome è' + nome);"></script>

10-04-2006, 15.14.10

non va! =?

Ospite · 10-04-2006, 16.16.32

Codice HTML:

<input type="button" value="Come ti chiami?" onClick="nome()">
<script language="javascript">
function nome(){
nome = prompt("Qual è il tuo nome?","");
document.write('Il tuo nome è' + nome);
}
</script>

L'ho provato e funzia...

**funcool** · 10-04-2006, 19.02.34

Piuttosto che usare un write() che dovrebbe scrivere in una pagina già creato penso che sia meglio, come appunto hai chiesto tu, scrivere dentro a uno span o dentro a una textarea.

Codice HTML:

<textarea id="testo"></textarea>
<input type="button" value="Come ti chiami?" onClick="nome()">
<script language="Javascript" type="text/javascript">
function nome(){
nome = prompt("Qual è il tuo nome?","");
document.getElementById("testo").value="Il tuo nome è " + nome;
}
</script>

Codice HTML:

<span id="testo"></span>
<input type="button" value="Come ti chiami?" onClick="nome()">
<script language="Javascript" type="text/javascript">
function nome(){
nome = prompt("Qual è il tuo nome?","");
document.getElementById("testo").innerHTML="Il tuo nome è " + nome;
}
</script>

11-04-2006, 14.53.11

grandioso quest'ultimo funcool!!! Una sola domanda, come mai permette di cliccare sopra solo una volta? non si può far ripetere l'operazione più volte?

tipo...

[BOTTONE] ---> CLIC SOPRA: CHE ORE SONO? Ris: 5.05 --> NELLO SPAN:
SONO LE 5.05

dopo un minuto..

[BOTTONE] ---> CLIC SOPRA: CHE ORE SONO? Ris: 5.06 --> NELLO SPAN:
SONO LE 5.05
SONO LE 5.06

e così via..

**funcool** · 12-04-2006, 18.23.10

Bisogna aggiungere var davanti alla variabile.

Codice HTML:

<textarea id="testo"></textarea>
<input type="button" value="Come ti chiami?" onClick="nome()">
<script language="Javascript" type="text/javascript">
function nome(){
var nome = prompt("Qual è il tuo nome?","");
document.getElementById("testo").value="Il tuo nome è " + nome;
}
</script>

Codice HTML:

<span id="testo"></span>
<input type="button" value="Come ti chiami?" onClick="nome()">
<script language="Javascript" type="text/javascript">
function nome(){
var nome = prompt("Qual è il tuo nome?","");
document.getElementById("testo").innerHTML="Il tuo nome è " + nome;
}
</script>

12-04-2006, 18.53.05

Scusate, ma come potrei fare in modo che se il visitatore non ha compilato il campo appaia un errore o qualcosa del genere?

**funcool** · 12-04-2006, 18.54.44

Originalmente inviato da tryphpnuke

Scusate, ma come potrei fare in modo che se il visitatore non ha compilato il campo appaia un errore o qualcosa del genere?

Prova così:

Codice HTML:

<textarea id="testo"></textarea>
<input type="button" value="Come ti chiami?" onClick="nome()">
<script language="Javascript" type="text/javascript">
function nome(){
var nome = prompt("Qual è il tuo nome?","");
if (nome=="")
  nome="Errore";
document.getElementById("testo").value="Il tuo nome è " + nome;
}
</script>

Codice HTML:

<span id="testo"></span>
<input type="button" value="Come ti chiami?" onClick="nome()">
<script language="Javascript" type="text/javascript">
function nome(){
var nome = prompt("Qual è il tuo nome?","");
if (nome=="")
  nome="Errore";
document.getElementById("testo").innerHTML="Il tuo nome è " + nome;
}
</script>

12-04-2006, 19.12.22

Continuo a rompere... se ho due variabili da compilare (nome e cognome, per esempio), come posso controllare che entrambe siano complete? Ho provato a farlo come in php con 'OR', ma non funziona.

**funcool** · 12-04-2006, 19.14.28

Originalmente inviato da tryphpnuke

Continuo a rompere... se ho due variabili da compilare (nome e cognome, per esempio), come posso controllare che entrambe siano complete? Ho provato a farlo come in php con 'OR', ma non funziona.

Prova così:

Codice HTML:

<textarea id="testo"></textarea>
<input type="button" value="Come ti chiami?" onClick="nome()">
<script language="Javascript" type="text/javascript">
function nome(){
var nome = prompt("Qual è il tuo nome?","");
var cognome = prompt("Qual è il tuo cognome?","");
if (nome=="" || cognome=="")
  nome="Errore";
document.getElementById("testo").value="Il tuo nome è " + nome + "<br>Il tuo cognome è " + cognome;
}
</script>

Codice HTML:

<span id="testo"></span>
<input type="button" value="Come ti chiami?" onClick="nome()">
<script language="Javascript" type="text/javascript">
function nome(){
var nome = prompt("Qual è il tuo nome?","");
var cognome = prompt("Qual è il tuo cognome?","");
if (nome=="" || cognome=="")
  nome="Errore";
document.getElementById("testo").innerHTML="Il tuo nome è " + nome + "<br>Il tuo cognome è " + cognome;
}
</script>

12-04-2006, 19.20.13

Mille grazie! Suppongo che con questo metodo si possano controllare infinite variabili...

**funcool** · 12-04-2006, 19.20.57

Originalmente inviato da tryphpnuke

Mille grazie! Suppongo che con questo metodo si possano controllare infinite variabili...

Infinite non so... Però un numero alto sì...

14-04-2006, 10.15.38

EDIT: ho fatto tutto da me!

ora però ho un'altra domanda, come posso scrivere un codice html facendo si che non venga eseguito ma solo visualizzato?

**funcool** · 14-04-2006, 11.16.07

Puoi sostituire tutti i < con < e i > con > oppure potresti usare i tag <code> o <pre>.

14-04-2006, 11.31.05

allora ho fatto tutto ma ora mi chiedo: se volessi far si che con un bottone si copi una parte di testo così come compare sulla pagina?

**funcool** · 14-04-2006, 11.33.18

Originalmente inviato da brattoliart

allora ho fatto tutto ma ora mi chiedo: se volessi far si che con un bottone si copi una parte di testo così come compare sulla pagina?

Non ho capito molto cosa intendi. Dove si trova il testo?

14-04-2006, 11.34.38

forse è meglio se in privato ti passo il link e ti spiego tutto!

**funcool** · 14-04-2006, 11.35.31

Originalmente inviato da brattoliart

forse è meglio se in privato ti passo il link e ti spiego tutto!

No, scrivi qui il link e spiega per tutti. In tanti è più facile aiutare.

14-04-2006, 11.40.00

http://brattoliart.altervista.org/hitech/merlino.html

è una chicca per creare il proprio Merlino!

Si scelgono le azioni, si sceglie dove farlo spostare, cosa fargli dire e il gioco è fatto. Grazie a te sono riuscito a far comparire direttamente sotto il codice, ora xò vorrei poter (sempre se possibile!)

1: creare un bottone del tipo "COPIA IL TUO CODICE" che permetta di fare un copia-incolla anzi solo il copia del codice facendo attenzione che copi il codice così come compare sulla pagina xke se copia il codice originale in html copierà solo stringhe!

2: poter fare un anteprima, vale a dire riusciere a creare un link con scritto "ANTEPRIMA" che una volta cliccato esegua quel codice, sempre così come viene visualizzato!

si può fare secndo te?

**funcool** · 14-04-2006, 11.49.45

Per copiare intendi che dopo uno potrebbe incollare il codice? Dovrebbe avere la stessa funzionalità del CTRL+C? Se è così si potrebbe fare, ma funzionerebbe solo con Internet Explorer.

Discussione: Form Interattivo

LinkBack

Strumenti discussione

Display

Form Interattivo

Regole di scrittura