In una textarea sostituire il carattere \n in

cavaliere123 · 4 Ott 2012

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 
ma adesso dovendo inserirlo in un'altra textarea non va bene, infatti se scrivo :

stringa = " ciao come 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 ( / /g, "\n") ma non mi funziona.... dove erro ??

Grazie per vostre eventuali risposte

Saluti . Domenico.

cavaliere123 · 4 Ott 2012

provato a fare anche cosi :

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

ma niente....

cavaliere123 · 4 Ott 2012

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 · 4 Ott 2012

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....

f107 · 4 Ott 2012

cavaliere123 ha scritto:
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....

credo intendi questo:
http://bit.ly/QuluiY

Vale2 · 4 Ott 2012

cavaliere123 ha scritto:
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 è 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 · 4 Ott 2012

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 · 4 Ott 2012

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 · 4 Ott 2012

cavaliere123 ha scritto:
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 · 4 Ott 2012

in effetti tramite la variabile "o" passa i parametri alla funzione ... wow... ok.. altra figuraccia...

Grazie della pazienza ....

cavaliere123 · 4 Ott 2012

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 · 4 Ott 2012

f107 ha scritto:
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.

cavaliere123 · 4 Ott 2012

Ok chiarissimi.... come sempre grazie della spiegazione chiarissima

))

Vale2 · 4 Ott 2012

cavaliere123 ha scritto:
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 scrivi non funziona, caretteri obbligati 

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

funziona con 

Valeria.

cavaliere123 · 4 Ott 2012

Capito... per questo uso dei caratteri jolly... per gli spazi negli altri tipi di

Cerca

Cerca

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

cavaliere123

Utente Attivo

cavaliere123

Utente Attivo

cavaliere123

Utente Attivo

cavaliere123

Utente Attivo

f107

Utente Attivo

Vale2

Utente Attivo

cavaliere123

Utente Attivo

cavaliere123

Utente Attivo

f107

Utente Attivo

cavaliere123

Utente Attivo

cavaliere123

Utente Attivo

Vale2

Utente Attivo

cavaliere123

Utente Attivo

Vale2

Utente Attivo

cavaliere123

Utente Attivo

Discussioni simili