Inserimento <tag> in più textarea

**fabiodj** · 31-10-2003, 14:37

Ragazzi,

Se cliccate su questo link: Modulo Annunci noterete che ci sono tre select:

SIZE - FONT - COLOR

Io vorrei che l'utente possa personalizzare il testo utilizzando le dimensioni (SIZE) il carattere (FONT) e il coloro (COLOR) purtroppo non riesco a trovare il sistema per manipolare il codice javascript in modo da consentire l'aggiunta di queste opzioni.

Qualcuno sarebbe disposto ad aiutarmi ?

**mrcanoa** · 31-10-2003, 14:47

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>editablepageexample</title>
<script>
function b(){
document.execCommand("Bold", false, null);
}
function i(){
document.execCommand("Italic", false, null);
}
function r(){
document.execCommand("ForeColor", false, "red");
}
</script>
</head>
<body>

<div CONTENTEDITABLE="true">The text in this page is editable.
</div>
bold
red
italic

</body>
</html>

Nella rete ho trovato questo.

Può interessarti o esserti utile???

Ciao David

**fabiodj** · 31-10-2003, 16:04

Purtroppo il codice che mi hai dato non sono in grado di adattarllo; avrei necessità che qualche "buon anima esperta" mi desse un aiuto nell'integrare il codice già presente nel link precedentemente postato.

**Mich_** · 31-10-2003, 17:21

Una cosa tipo questa?

<select name="color" onChange="document.getElementById('pippo').style.c olor = this.options[this.selectedIndex].value;">
<option value="red">rosso</option>
<option value="blue">azzurro</option>
<option value="green">verde</option>
</select>

<select name="size" onChange="document.getElementById('pippo').style.f ontSize = this.options[this.selectedIndex].value;">
<option value="10">10</option>
<option value="12">12</option>
<option value="14">14</option>
</select>

per i font e` uguale, con ... style.fontFamily ...

Nota: le modifiche avverranno sull'oggetto individuato dall'id pippo, ad esempio:
<div id="pippo">testo di prova</div>

Ciao
Michele

**fabiodj** · 31-10-2003, 17:51

Ragazzi le vostre proposte sono utili ma il problema rimane nell'adattare il codice che mi date in quanto tutti i bottoni richiamano questa funzione:

codice:

ES:Il bottone Grassetto al click richiana la funzione InsertHtml(TagNum) 

<input type="button" width="130" style="width: 130" value="Grassetto" name="B1" onclick="InsertHtml('1');">

function InsertHtml(TagNum) {
  var HtmTag1     = "";
  var HtmTag2     = "";

  if ( LastFocus != "" ) {
    SavePreviousTextInput();
    switch ( TagNum ) {
    case "1" :
      HtmTag1 = "";
      HtmTag2 = "";
      break;
    case "2" :
      HtmTag1 = "";
      HtmTag2 = "";
      break;
    case "3" :
      HtmTag1 = "

 ";
      HtmTag2 = "</p>";
      break;
    case "4" :
      HtmTag1 = "<ul>\n[*]";
      HtmTag2 = "\n[/list]";
      break;
    case "5" :
      HtmTag1 = "
";
      HtmTag2 = "";
      break;
    case "6" :
      HtmTag1 = "<centerpar>";
      HtmTag2 = "</centerpar>";
      break;
    case "7" :
      HtmTag1 = "<justifiedpar>";
      HtmTag2 = "</justifiedpar>";
      break;
    case "8" :
      HtmTag1 = "<rightpar>";
      HtmTag2 = "</rightpar>";
      break;
    case "9" :
      HtmTag1 = "<wwwlink>";
      HtmTag2 = "</wwwlink>";
      break;
    case "10" :
      HtmTag1 = "<mailto>";
      HtmTag2 = "</mailto>";
      break;
    default :
      HtmTag = "";
    } 
La select quindi dovrebbe fare la medesima cosa solo che essendo una select non ho idea come fare ?

Discussione: Inserimento <tag> in più textarea

Strumenti discussione

Ricerca discussione

Visualizza

Inserimento <tag> in più textarea

Permessi di invio