In una textarea sostituire il carattere \n in <br/>

cavaliere123

Utente Attivo
31 Lug 2012
415
0
0
Salve, non volevo di nuovo scocciarvi con almeno credevo una sciocchezza...

ma purtroppo non ci riesco :(

ho una textarea in cui vanno in automatico con un elemento Dom i valori di un array.

E questi valori di array io li preparo con uno script a parte con un form per evitare di mettermi a inserire magari in un elemento array molto lungo a mano il carattere di " a capo "

sino adesso inserendo i valori in tabelle o div bastava che facessi un replace da \n a <br/>
ma adesso dovendo inserirlo in un'altra textarea non va bene, infatti se scrivo :

stringa = " ciao <br/> come <br/> stai ? ";

nella textarea non mi va daccapo, me lo riporta cosi come lo vedete....

quindi avrei bisogno del replace all'incontrario prima di inserirlo nella textarea, cioè :

stringa = stringa.replace ( /<br/> /g, "\n") ma non mi funziona.... dove erro ??

Grazie per vostre eventuali risposte :)
Saluti . Domenico.
 

cavaliere123

Utente Attivo
31 Lug 2012
415
0
0
Risoltoooo , con aiuto della rete chiaramente , trovato sito straniero e ho visto cosi :

stemtn = stemtn.replace(/<br\s*[\/]?>/gi, "\n");

e funziona..... ma sincero... stavolta proprio non riesco a capire il perchè di tutta sta sintassi.... :(
 

cavaliere123

Utente Attivo
31 Lug 2012
415
0
0
E sono anche indispettito perchè non sono riuscito a trovare un sito di dove me parla di questi simboli... :(

se ne conoscete uno per cortesia....
 

Vale2

Utente Attivo
28 Mag 2006
446
0
0
Livorno
E sono anche indispettito perchè non sono riuscito a trovare un sito di dove me parla di questi simboli... :(

se ne conoscete uno per cortesia....



Ciao,

quando si usano caratteri speciali devi antecederli dal back-slash \

se è <br/> hai un carattere speciale / il replace basta;


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


(/<br\s*[\/]?>/gi, "\n");


\s Corrisponde a un carattere singolo spazio vuoto, compreso lo spazio, tabulazione, avanzamento, avanzamento riga.

* Corrisponde al carattere precedente 0 o più volte.

[] Indicano un blocco di tipo stringa.

? Corrisponde al carattere precedente 0 o 1 volta.

g Indica un abbinamento globale (ovvero verranno abbinate tutte le istanze che corrispondono all'espressione regolare e non solo la prima).

i Indica di non distinguere tra maiuscole e minuscole.


Prova questo anche riferito alla textarea a capo senza barra


Codice:
<!DOCTYPE html>
<html>
<head>
<title>Ridimensiona Textarea</title>
<style type="text/css">
textarea {
    border: 1px solid red;
    overflow: hidden;
    padding: 0;
    outline: none;
    resize: none;
}
</style>
<script type="text/javascript">

var stemmak = []
               
stemmak[0]="";
stemmak[1]="Altavilla";
stemmak[2]="Asburgo Impero";
stemmak[3]="Asburgo Lorena";
stemmak[4]="Baden";
stemmak[5]="Baviera";
stemmak[6]="Sassonia <br/> Coburgo <br/> Gotha";

function scrivistemma() {  
                                   
var stemtn ="";
  
          for(var y = 1; y < stemmak.length; y++) {
        
	  stemtn = stemmak[y]; 

          stemtn = stemtn.replace(/<br\/>/g, "\n");
      
	  document.getElementById("text").value += stemtn;

       } 
}
var o;
if (window.attachEvent) {
    o = function (element, event, handler) {
    element.attachEvent('on'+event, handler);
    };
}
else {
    o = function (element, event, handler) {
    element.addEventListener(event, handler, false);
    };
}
function inizia() {
	
	var text = document.getElementById('text');
    function ridimensiona() {
        text.style.height = 'auto';
        text.style.height = text.scrollHeight+'px';
    }
	
    function ritardo() {
        window.setTimeout(ridimensiona, 0);
    }
    o(text, 'change',  ridimensiona);
    o(text, 'cut',     ritardo);
    o(text, 'paste',   ritardo);
    o(text, 'drop',    ritardo);
    o(text, 'keydown', ritardo);

    text.focus();
    text.select();
    ridimensiona();
  }
</script>
</head>
<body>
<a href="javascript:void(0)" onclick="scrivistemma();inizia()">Clicca</a><br><br>
<textarea rows="10" id="text" cols="33"></textarea>

</body>
</html>



Valeria.
 

cavaliere123

Utente Attivo
31 Lug 2012
415
0
0
Buongiorno, si F107, intendevo un sito del genere , merci.

Valeria ti ringrazio ma adesso me lo devo studiare.... per te è immediato ... io spero di comprenderlo e cosi imparo altro.... è la prima volta che vedo impostato una cosa del genere .... aspettatemi che tornerò :)
 

cavaliere123

Utente Attivo
31 Lug 2012
415
0
0
Si ok, il funzionamento logico mi è chiaro perfettamente ma una cosa non conosco... questo tipo di codice che hai usato :

HTML:
 o(text, 'change',  ridimensiona);
    o(text, 'cut',     ritardo);
    o(text, 'paste',   ritardo);
    o(text, 'drop',    ritardo);
    o(text, 'keydown', ritardo);

si avvicina al concetto delle jquery ??? mai visto... :(
 

f107

Utente Attivo
7 Ago 2012
203
6
18
Roma
Si ok, il funzionamento logico mi è chiaro perfettamente ma una cosa non conosco... questo tipo di codice che hai usato :

HTML:
 o(text, 'change',  ridimensiona);
    o(text, 'cut',     ritardo);
    o(text, 'paste',   ritardo);
    o(text, 'drop',    ritardo);
    o(text, 'keydown', ritardo);

si avvicina al concetto delle jquery ??? mai visto... :(

il trucco è qui:
Codice:
 o = function (element, event, handler) {
    element.addEventListener(event, handler, false);
    };
 

cavaliere123

Utente Attivo
31 Lug 2012
415
0
0
in effetti tramite la variabile "o" passa i parametri alla funzione ... wow... ok.. altra figuraccia... :)
Grazie della pazienza .... :)
 

cavaliere123

Utente Attivo
31 Lug 2012
415
0
0
Quindi " * " e " ? " sono i classici caratteri definiti : jolly....
e \s il codice dello spazio e via dicendo....
Abituato ad usarli in word o nelle ricerche sul pc .... mai qua :)
 

Vale2

Utente Attivo
28 Mag 2006
446
0
0
Livorno
il trucco è qui:
Codice:
 o = function (element, event, handler) {
    element.addEventListener(event, handler, false);
    };


Ciao,

quello script è stato fatto per altri scopi,

Codice:
<!DOCTYPE html>
<html>
<head>
<title>Ridimensiona Textarea</title>
<style type="text/css">
textarea {
    border: 1px solid red;
    overflow: hidden;
    padding: 0;
    outline: none;
    resize: none;
}
</style>

<script type="text/javascript">
var o;
if (window.attachEvent) {
    o = function (element, event, handler) {
    element.attachEvent('on'+event, handler);
    };
}
else {
    o = function (element, event, handler) {
    element.addEventListener(event, handler, false);
    };
}
window.onload=function inizia() {
	
	var text = document.getElementById('text');
    function ridimensiona() {
        text.style.height = 'auto';
        text.style.height = text.scrollHeight+'px';
    }
	
    function ritardo() {
        window.setTimeout(ridimensiona, 0);
    }
    o(text, 'change',  ridimensiona);
    o(text, 'cut',     ritardo);
    o(text, 'paste',   ritardo);
    o(text, 'drop',    ritardo);
    o(text, 'keydown', ritardo);

    text.focus();
    text.select();
    ridimensiona();
  }
</script>
</head>
<body>
<br>
<textarea rows="10" id="text" cols="33"></textarea>

</body>
</html>

se togli da:

Codice:
o(text, 'change',  ridimensiona);
    o(text, 'cut',     ritardo);
    o(text, 'paste',   ritardo);
    o(text, 'drop',    ritardo);
    o(text, 'keydown', ritardo);

keydown

non ridimensiona la textarea se scrivi

paste se incolli


ecc....


Valeria.
 

Vale2

Utente Attivo
28 Mag 2006
446
0
0
Livorno
Quindi " * " e " ? " sono i classici caratteri definiti : jolly....
e \s il codice dello spazio e via dicendo....
Abituato ad usarli in word o nelle ricerche sul pc .... mai qua :)

Ciao,

diciamo di si

\s

(/<br\/>/g, "\n");

se invece di <br/> scrivi <br /> non funziona, caretteri obbligati <br/>

(/<br\s*[\/]?>/gi, "\n")

funziona con <br> <BR> <br/> <br /> <BR />


Valeria.
 
Discussioni simili
Autore Titolo Forum Risposte Data
C [HTML] Stampo contenuto di una variabile in TEXTAREA allineamento HTML e CSS 1
zorro Inserire emoticons in una textarea HTML e CSS 1
zorro Inserire emoticons in una textarea PHP 1
L preview di una textarea con layout del sito PHP 2
V [risolto] Contatore caratteri stile SMS da una textarea Javascript 6
V [risolto] Aggiungere righe dinamicamente ad una textarea Javascript 4
M Visualizzare record in una textarea è possibile? PHP 2
S Dividere una textarea PHP 1
C Visualizzare i caratteri accentati e speciali in una textarea Javascript 16
C Aumentare le dimensioni di una textarea in funzione delle righe presenti. Javascript 13
R select dinamiche che riportano valori in una textarea. Javascript 8
T ridefinire una textarea HTML e CSS 0
M Importare testo e foto in una textarea Flash 21
Z Far apparire una textarea cliccando su submit Javascript 2
Z Recuperare in un prompt il valore selezionato in una textarea Javascript 0
A Gestione del ritorno a capo in una textarea Classic ASP 3
U inserire faccine con un click in una textarea Javascript 39
E Come ricavare il valore di una textarea ? Classic ASP 5
E Scrivere una data corrente in un pdf PHP 1
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
I Assegnare dati fetch request ad una variabile globale Javascript 0
Shyson Puntare ad una sotto directory WordPress 3
Stex1967 Salvare una immagine che si trova su porta TCP 8080 di altro sito PHP 6
S Selezionare ultimo record di una sotto query MySQL 26
V Query per una somma PHP 2
L Mysql: Nascondere le pagine dopo una ricerca PHP 1
L salvare una immagine elaborata in canvas Javascript 1
L salvare una immagine elaborata in canvas Javascript 1
W visualizzare solo file html e sottocartelle di una cartella PHP 1
W Elenco dei link del file presenti in una cartella PHP 2
R Mettere in sicurezza una comunicazione .NET Framework 0
L Creare una forma geometrica Photoshop 1
G Casella combinata in una query MS Access 4
voldemort Cos'è una SCRL? Che tipo di società è?? Leggi, Normative e Fisco 1
F Funzione Glob - ricerca file contenente una parola PHP 1
felino [EXCEL] Conteggio ore all'interno di una settimana Windows e Software 7
Y cambiare sfondo di una pagina Javascript 1
Y Vorrei selezionare un colore di sfondo per una pagina web Javascript 0
S Apertura in una nuova pagina PHP 6
S impostare un testo e una img nella stessa riga con jsPDF Javascript 0
F Prendere contenuti da una tabella PHP 4
B Stampare una porzione della pagina PHP 0
D assegnare risultato di una jquery ad una text Javascript 2
Cosina Cancellare una specifica email da un elenco in un file txt PHP 3
A Dare l'accesso ad una pagina solo ad un utente specifico PHP 0
G Inserire una scritta Java 1
Samuele Ronzani Sposta dati in una tabella eliminandolo MySQL 6
Cosina Mostrare immagini da una cartella, ma solo un numero definito PHP 12
Alex_70 Cerca testo all'interno di una stringa PHP 5
F Andare a capo all'interno di una tabella WordPress 4

Discussioni simili