Un form di input e uno di output con funzione javascript

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
Salve ho creato uno script per sostituire tutti i caratteri accentati e speciali di una stringa in caratteri codificati
( l'ho cercata in rete ma niente... )

ed eccola qua :
HTML:
<html>

<head>


<script language="Javascript">

var miaStringa = new String("stringa di prova");

function rimpiazza() { 
 
miaStringa = miaStringa.replace(/'/g, "& acute");
miaStringa = miaStringa.replace(/¡/g, "& iexcl");
miaStringa = miaStringa.replace(/¢/g, "& cent");
miaStringa = miaStringa.replace(/£/g, "& pound");
miaStringa = miaStringa.replace(/¤/g, "& curren");
miaStringa = miaStringa.replace(/¥/g, "& yen");
miaStringa = miaStringa.replace(/¦/g, "& brvbar");
miaStringa = miaStringa.replace(/§/g, "& sect");
miaStringa = miaStringa.replace(/¨/g, "& uml");
miaStringa = miaStringa.replace(/©/g, "& copy");
miaStringa = miaStringa.replace(/ª/g, "& ordf");
miaStringa = miaStringa.replace(/«/g, "& laquo");
miaStringa = miaStringa.replace(/¬/g, "& not");
miaStringa = miaStringa.replace(/¬/g, "& shy");
miaStringa = miaStringa.replace(/®/g, "& reg");
miaStringa = miaStringa.replace(/¯/g, "& macr");
miaStringa = miaStringa.replace(/°/g, "& deg");
miaStringa = miaStringa.replace(/±/g, "& plusmn");
miaStringa = miaStringa.replace(/²/g, "& sup2");
miaStringa = miaStringa.replace(/³/g, "& sup3");
miaStringa = miaStringa.replace(/´/g, "& acute");
miaStringa = miaStringa.replace(/µ/g, "& micro");
miaStringa = miaStringa.replace(/¶/g, "& para");
miaStringa = miaStringa.replace(/•/g, "& middot");
miaStringa = miaStringa.replace(/¸/g, "& cedil");
miaStringa = miaStringa.replace(/¹/g, "& sup1");
miaStringa = miaStringa.replace(/º/g, "& ordm");
miaStringa = miaStringa.replace(/»/g, "& raquo");
miaStringa = miaStringa.replace(/¼/g, "& frac14");
miaStringa = miaStringa.replace(/½/g, "& frac12");
miaStringa = miaStringa.replace(/¾/g, "& frac34");
miaStringa = miaStringa.replace(/¿/g, "& iquest");
miaStringa = miaStringa.replace(/À/g, "& Agrave");
miaStringa = miaStringa.replace(/Á/g, "& Aacute");
miaStringa = miaStringa.replace(/Â/g, "& Acirc");
miaStringa = miaStringa.replace(/Ã/g, "& Atilde");
miaStringa = miaStringa.replace(/Ä/g, "& Auml");
miaStringa = miaStringa.replace(/Å/g, "& Aring");
miaStringa = miaStringa.replace(/Æ/g, "& AElig");
miaStringa = miaStringa.replace(/Ç/g, "& Ccedil");
miaStringa = miaStringa.replace(/È/g, "& Egrave");
miaStringa = miaStringa.replace(/É/g, "& Eacute");
miaStringa = miaStringa.replace(/Ê/g, "& Ecirc");
miaStringa = miaStringa.replace(/Ë/g, "& Euml");
miaStringa = miaStringa.replace(/Ì/g, "& Igrave");
miaStringa = miaStringa.replace(/Í/g, "& Iacute");
miaStringa = miaStringa.replace(/Î/g, "& Icirc");
miaStringa = miaStringa.replace(/Ï/g, "& Iuml");
miaStringa = miaStringa.replace(/Ð/g, "& ETH");
miaStringa = miaStringa.replace(/Ñ/g, "& Ntilde");
miaStringa = miaStringa.replace(/Ò/g, "& Ograve");
miaStringa = miaStringa.replace(/Ó/g, "& Oacute");
miaStringa = miaStringa.replace(/Ô/g, "& Ocirc");
miaStringa = miaStringa.replace(/Õ/g, "& Otilde");
miaStringa = miaStringa.replace(/Ö/g, "& Ouml");
miaStringa = miaStringa.replace(/×/g, "& times");
miaStringa = miaStringa.replace(/Ø/g, "& Oslash");
miaStringa = miaStringa.replace(/Ù/g, "& Ugrave");
miaStringa = miaStringa.replace(/Ú/g, "& Uacute");
miaStringa = miaStringa.replace(/Û/g, "& Ucirc");
miaStringa = miaStringa.replace(/Ü/g, "& Uuml");
miaStringa = miaStringa.replace(/Ý/g, "& Yacute");
miaStringa = miaStringa.replace(/Þ/g, "& THORN");
miaStringa = miaStringa.replace(/ß/g, "& szlig");
miaStringa = miaStringa.replace(/à/g, "& agrave");
miaStringa = miaStringa.replace(/á/g, "& aacute");
miaStringa = miaStringa.replace(/â/g, "& acirc");
miaStringa = miaStringa.replace(/ã/g, "& atilde");
miaStringa = miaStringa.replace(/ä/g, "& auml");
miaStringa = miaStringa.replace(/å/g, "& aring");
miaStringa = miaStringa.replace(/æ/g, "& aelig");
miaStringa = miaStringa.replace(/ç/g, "& ccedil");
miaStringa = miaStringa.replace(/è/g, "& egrave");
miaStringa = miaStringa.replace(/é/g, "& eacute");
miaStringa = miaStringa.replace(/ê/g, "& ecirc");
miaStringa = miaStringa.replace(/ë/g, "& euml");
miaStringa = miaStringa.replace(/ì/g, "& igrave");
miaStringa = miaStringa.replace(/í/g, "& iacute");
miaStringa = miaStringa.replace(/î/g, "& icirc");
miaStringa = miaStringa.replace(/ï/g, "& iuml");
miaStringa = miaStringa.replace(/ð/g, "& eth");
miaStringa = miaStringa.replace(/ñ/g, "& ntilde");
miaStringa = miaStringa.replace(/ò/g, "& ograve");
miaStringa = miaStringa.replace(/ó/g, "& oacute");
miaStringa = miaStringa.replace(/ô/g, "& ocirc");
miaStringa = miaStringa.replace(/õ/g, "& otilde");
miaStringa = miaStringa.replace(/ö/g, "& ouml");
miaStringa = miaStringa.replace(/÷/g, "& divide");
miaStringa = miaStringa.replace(/ø/g, "& oslash");
miaStringa = miaStringa.replace(/ù/g, "& ugrave");
miaStringa = miaStringa.replace(/ú/g, "& uacute");
miaStringa = miaStringa.replace(/û/g, "& ucirc");
miaStringa = miaStringa.replace(/ü/g, "& uuml");
miaStringa = miaStringa.replace(/ý/g, "& yacute");
miaStringa = miaStringa.replace(/þ/g, "& thorn");
miaStringa = miaStringa.replace(/ÿ/g, "& yuml");   
	
document.write(miaStringa);

}

rimpiazza()
	
</script>

</head>

<body >


</body>

</html>

Scusate la lunghezza ma i caratteri sono parecchi.
Adesso vorrei con il vostro aiuto se possibile creare un form di entrata della stringa da analizzare e poi dopo un button mi comparisse il testo formattato in un form sottostante.
Mi aiutate per cortesia :)
Grazie anticipato.
 

Vale2

Utente Attivo
28 Mag 2006
446
0
0
Livorno
Ciao,

Codice:
<script language="Javascript">

function rimpiazza() { 
var miaStringa = document.mioform.testo.value;

miaStringa = miaStringa.replace......i tuoi replace

document.mioform.risultato.value=miaStringa;
}
</script>

Form

Codice:
<form name="mioform">
<textarea name="testo" cols="35" rows="15"></textarea><br><br>
<textarea name="risultato" cols="35" rows="15"></textarea><br><br>
<input type="button" value="Clicca" onclick="rimpiazza()">
</form>

chiudi i caratteri con ; &acute;

Valeria.
 

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
Ciao Vale ringraziandoti purtroppo devo dire che non funziona :(

ti riposto lo script cosi puoi fare prove anche te se ti va ...

HTML:
<html>

<head>


<script language="Javascript">

var miaStringa = document.mioform.testo.value;

function rimpiazza() { 
 
miaStringa = miaStringa.replace(/'/g,; "& acute";);
miaStringa = miaStringa.replace(/¡/g,; "& iexcl";);
miaStringa = miaStringa.replace(/¢/g,; "& cent";);
miaStringa = miaStringa.replace(/£/g,; "& pound";);
miaStringa = miaStringa.replace(/¤/g,; "& curren";);
miaStringa = miaStringa.replace(/¥/g,; "& yen";);
miaStringa = miaStringa.replace(/¦/g,; "& brvbar";);
miaStringa = miaStringa.replace(/§/g,; "& sect";);
miaStringa = miaStringa.replace(/¨/g,; "& uml";);
miaStringa = miaStringa.replace(/©/g,; "& copy";);
miaStringa = miaStringa.replace(/ª/g,; "& ordf";);
miaStringa = miaStringa.replace(/«/g,; "& laquo";);
miaStringa = miaStringa.replace(/¬/g,; "& not";);
miaStringa = miaStringa.replace(/¬/g,; "& shy";);
miaStringa = miaStringa.replace(/®/g,; "& reg";);
miaStringa = miaStringa.replace(/¯/g,; "& macr";);
miaStringa = miaStringa.replace(/°/g,; "& deg";);
miaStringa = miaStringa.replace(/±/g,; "& plusmn";);
miaStringa = miaStringa.replace(/²/g,; "& sup2";);
miaStringa = miaStringa.replace(/³/g,; "& sup3";);
miaStringa = miaStringa.replace(/´/g,; "& acute";);
miaStringa = miaStringa.replace(/µ/g,; "& micro";);
miaStringa = miaStringa.replace(/¶/g,; "& para";);
miaStringa = miaStringa.replace(/•/g,; "& middot";);
miaStringa = miaStringa.replace(/¸/g,; "& cedil";);
miaStringa = miaStringa.replace(/¹/g,; "& sup1";);
miaStringa = miaStringa.replace(/º/g,; "& ordm";);
miaStringa = miaStringa.replace(/»/g,; "& raquo";);
miaStringa = miaStringa.replace(/¼/g,; "& frac14";);
miaStringa = miaStringa.replace(/½/g,; "& frac12";);
miaStringa = miaStringa.replace(/¾/g,; "& frac34";);
miaStringa = miaStringa.replace(/¿/g,; "& iquest";);
miaStringa = miaStringa.replace(/À/g,; "& Agrave";);
miaStringa = miaStringa.replace(/Á/g,; "& Aacute";);
miaStringa = miaStringa.replace(/Â/g,; "& Acirc";);
miaStringa = miaStringa.replace(/Ã/g,; "& Atilde";);
miaStringa = miaStringa.replace(/Ä/g,; "& Auml";);
miaStringa = miaStringa.replace(/Å/g,; "& Aring";);
miaStringa = miaStringa.replace(/Æ/g,; "& AElig";);
miaStringa = miaStringa.replace(/Ç/g,; "& Ccedil";);
miaStringa = miaStringa.replace(/È/g,; "& Egrave";);
miaStringa = miaStringa.replace(/É/g,; "& Eacute";);
miaStringa = miaStringa.replace(/Ê/g,; "& Ecirc";);
miaStringa = miaStringa.replace(/Ë/g,; "& Euml";);
miaStringa = miaStringa.replace(/Ì/g,; "& Igrave";);
miaStringa = miaStringa.replace(/Í/g,; "& Iacute";);
miaStringa = miaStringa.replace(/Î/g,; "& Icirc";);
miaStringa = miaStringa.replace(/Ï/g,; "& Iuml";);
miaStringa = miaStringa.replace(/Ð/g,; "& ETH";);
miaStringa = miaStringa.replace(/Ñ/g,; "& Ntilde";);
miaStringa = miaStringa.replace(/Ò/g,; "& Ograve";);
miaStringa = miaStringa.replace(/Ó/g,; "& Oacute";);
miaStringa = miaStringa.replace(/Ô/g,; "& Ocirc";);
miaStringa = miaStringa.replace(/Õ/g,; "& Otilde";);
miaStringa = miaStringa.replace(/Ö/g,; "& Ouml";);
miaStringa = miaStringa.replace(/×/g,; "& times";);
miaStringa = miaStringa.replace(/Ø/g,; "& Oslash";);
miaStringa = miaStringa.replace(/Ù/g,; "& Ugrave";);
miaStringa = miaStringa.replace(/Ú/g,; "& Uacute";);
miaStringa = miaStringa.replace(/Û/g,; "& Ucirc";);
miaStringa = miaStringa.replace(/Ü/g,; "& Uuml";);
miaStringa = miaStringa.replace(/Ý/g,; "& Yacute";);
miaStringa = miaStringa.replace(/Þ/g,; "& THORN";);
miaStringa = miaStringa.replace(/ß/g,; "& szlig";);
miaStringa = miaStringa.replace(/à/g,; "& agrave";);
miaStringa = miaStringa.replace(/á/g,; "& aacute";);
miaStringa = miaStringa.replace(/â/g,; "& acirc";);
miaStringa = miaStringa.replace(/ã/g,; "& atilde";);
miaStringa = miaStringa.replace(/ä/g,; "& auml";);
miaStringa = miaStringa.replace(/å/g,; "& aring";);
miaStringa = miaStringa.replace(/æ/g,; "& aelig";);
miaStringa = miaStringa.replace(/ç/g,; "& ccedil";);
miaStringa = miaStringa.replace(/è/g,; "& egrave";);
miaStringa = miaStringa.replace(/é/g,; "& eacute";);
miaStringa = miaStringa.replace(/ê/g,; "& ecirc";);
miaStringa = miaStringa.replace(/ë/g,; "& euml";);
miaStringa = miaStringa.replace(/ì/g,; "& igrave";);
miaStringa = miaStringa.replace(/í/g,; "& iacute";);
miaStringa = miaStringa.replace(/î/g,; "& icirc";);
miaStringa = miaStringa.replace(/ï/g,; "& iuml";);
miaStringa = miaStringa.replace(/ð/g,; "& eth";);
miaStringa = miaStringa.replace(/ñ/g,; "& ntilde";);
miaStringa = miaStringa.replace(/ò/g,; "& ograve";);
miaStringa = miaStringa.replace(/ó/g,; "& oacute";);
miaStringa = miaStringa.replace(/ô/g,; "& ocirc";);
miaStringa = miaStringa.replace(/õ/g,; "& otilde";);
miaStringa = miaStringa.replace(/ö/g,; "& ouml";);
miaStringa = miaStringa.replace(/÷/g,; "& divide";);
miaStringa = miaStringa.replace(/ø/g,; "& oslash";);
miaStringa = miaStringa.replace(/ù/g,; "& ugrave";);
miaStringa = miaStringa.replace(/ú/g,; "& uacute";);
miaStringa = miaStringa.replace(/û/g,; "& ucirc";);
miaStringa = miaStringa.replace(/ü/g,; "& uuml";);
miaStringa = miaStringa.replace(/ý/g,; "& yacute";);
miaStringa = miaStringa.replace(/þ/g,; "& thorn";);
miaStringa = miaStringa.replace(/ÿ/g,; "& yuml";);   
	
document.mioform.risultato.value=miaStringa;

}
	
</script>

</head>

<body >

<form name="mioform">
<textarea name="testo" cols="35" rows="15"></textarea><br><br>
<textarea name="risultato" cols="35" rows="15"></textarea><br><br>
<input type="button" value="Clicca" onclick="rimpiazza()">
</form>

</body>

</html>
 

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
E giacchè ti troverai... come avrai notato ho dovuto scrivere : "& acute";
con lo spazio tra la & e acute, altrimenti mi riuscirebbe di nuovo il carattere " ' ",
e poi devo togliere lo spazio... faccio velocemente con l'opzione sostituisci ma non è possibile evitare lo spazio ?? cosi mi esce subito ad esempio da " l'unico " ----> " l&acuteunico " ....
Gentilissima come sempre . Ciao Domenico.
 

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
Scusami il codice del ritorno a capo in javascript come lo definisco ?
ho trovato il codice : nl2br

devo mettere cosi ma non mi funziona :

HTML:
miaStringa = miaStringa.replace(/nl2br/g, "<br>");
 

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
ok ho scritto una cavolata... quello nl2br, è una funzione del php... :(

ma non riesco a trovare il codice del ritorno a capo....
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
ciao, la sintassi in javascript è questa
Codice:
\n
 

Vale2

Utente Attivo
28 Mag 2006
446
0
0
Livorno
Ciao,

\n per a capo, ogni volta che viene premuto il tasto invio ti mette un <br>


miaStringa = miaStringa.replace(/\n/g, "<br>");

Valeria.
 

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
ciao, quindi devo scrivere cosi ?

HTML:
miaStringa = miaStringa.replace(/\n/g, "<br/>");

mi sembra un pò strano...
 

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
Ok altra domanda stupida... che centrano i browser... vabbè... scusate :)

forse è la troppo contentezza di avere finalmente un programma che mi codifica velocemente il tutto ...

grazie :))))
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao criric, abbiamo risposto con pochi secondi di ritardo
Ciao Vale, non ti vedevo online cosi ho risposto io, senza immaginare che stavi rispondendo anche tu
le tue risposte cmq sono sempre molto piu complete delle mie :fonzie:
 

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
Non voglio essere in alcun modo il ruffiano di turno... ma fidatevi che siete entrambi bravissimi e solerti...
a volte solo non comprendo perchè a delle mie domande subito mi rispondete, altre rimangono ignorate... non è polemica.. ma solo per capire... cosi evito di postare argomenti inutili... :)
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
altre rimangono ignorate...
dipende dalla complessità di cio che chiedi e dal tempo che ognuno ha da dedicare
ricorda che siamo tutti qui per imparare quindi probabilmente ad alcune domande non sappiamo rispondere,
altre magari non le capiamo ed altre richiederebbero troppo tempo
Non c'è un motivo preciso ( parlo per me ovviamente anche se ho usato il plurale :))
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
M Come recuperare molteplici input form PHP 1
B form gestione input PHP 2
S [PHP] Recupero nome immagine da Form con input file PHP 3
M [HTML] form con multipli input type image HTML e CSS 1
N [PHP] filtrare input form di tipo array PHP 0
Alex1990000 [Javascript] autocompila campi input form Javascript 5
V campi di input in form Ajax 2
I Form/aree di testo con input da lista di nomi!Chiedo aiuto!! HTML e CSS 3
elpirata Richiamare un campo input in una form Javascript 2
N Spostarsi tra gli input di un form con le frecce PHP 0
M Ordinare visualizzazione record tramite form con input "text" PHP 2
xone Form con campi input text e upload file PHP 4
braccobaldo Ottenere l'elemento form da un suo input Javascript 3
I aggiungere input a form php PHP 30
M FORM input e LOCK TABLES PHP 0
V problema con form in input/output PHP 3
L problema con form ed input PHP 6
asevenx form con input select con valori diversi tra loro PHP 13
A Un input di tipo button deve per forza essere contenuto in un Form ?? HTML e CSS 6
A @$_POST non riceve la variabile input contenuta in un Form PHP 6
A select input form e variabili Javascript 2
M Validare un input text di una form Classic ASP 15
S passare un valore da un form a un file .php con metodo post PHP 4
K Form che manda dati doppi PHP 1
K Problema form update PHP 2
Elisacau [Contact form 7] Inserire Numero auto incrementante WordPress 1
K form Inserimento record mysql PHP 2
I Form con selettore HTML e CSS 0
K [php]form invio dati PHP 0
G form invio multiplo con checkbox PHP 12
nivaria.achinet Intercettare form solo dopo invio Javascript 1
D Form contatti non funzionante HTML e CSS 0
A Stampare dati da form PHP 8
M Unire 2 funzioni per l'invio di un form e con l'apertura di un div Javascript 0
I Form HTML e CSS 17
otto9due $_FILE non passa i dati dal form PHP 1
M Form: come tornare ai campi già compilati dopo invio PHP 1
G Invio form con PHP PHP 3
felino Form action costum e parametri in queryString WordPress 1
M Collegamento tra form html e script php PHP 4
L form immagini per il database PHP 0
A form PHP prenotazione tramite query PHP 2
A Form php prenotazione di un azienda sanitaria locale presso studio medico PHP 1
L inserimento form dati multipli ? PHP 0
L Problemi form Pagina php HTML e CSS 3
Cosina Creare bottone delete in form upload PHP 5
Cosina Creare bottone delete in form upload PHP 1
D Devo far funzionare un form di contatti PHP 4
V PHP form intersecate PHP 0
8 Javascript - PDF Form Javascript 0

Discussioni simili