font face in Jscript

**yusizu** · 18-07-2005, 14:29

Salve, vi espongo il problema:

ho un
<input type=text name="nome">
poi ho un
<select size="char" name="char">
<option selected value="Arial">Arial</option>
<option value="Arial Black">Arial Black</option>
<option value="Comic Sans MS">Comic Sans MS</option>

..ora, vorrei che inserito del testo nel primo form, e selezionando successivamente il tipo di testo dal menù, questo (con qualche funzione in jscript) cambi e, anzicchè essere arial come credo sia di default, cambi il tipo di carattere al volo così da poter vedere subito il risultato.
P.S. se è troppo complicato...il testo col nuovo carattere anzicchè in un input type, potrei visualizzarlo anche a schermo.

Spero di essere stato abbastanza chiaro, grazie mille per eventuali risposte, a prestissimo!

**br1** · 18-07-2005, 15:05

<form>
<input type=text name="nome">
poi ho un
<select size="char" name="char"
onchange="this.form.nome.style.fontFamily=this.opt ions[this.selectedIndex].value">
<option selected value="Arial">Arial</option>
<option value="Arial Black">Arial Black</option>
<option value="Comic Sans MS">Comic Sans MS</option>
</select>
</form>

ciao

**yusizu** · 19-07-2005, 23:07

ma se avessi <input type=text name="nome"> e <input type=text name="cognome">

come devo cambiare lo script?
onchange="this.form.nome .style.fontFamily=this.options[this.selectedIndex].value">

Grazie ancora!

**yusizu** · 20-07-2005, 12:25

up...e scusate x l'altro post, non riesco a cancellarlo!

**cavicchiandrea** · 20-07-2005, 12:54

Originariamente inviato da yusizu
ma se avessi <input type=text name="nome"> e <input type=text name="cognome">

come devo cambiare lo script?
onchange="this.form.nome .style.fontFamily=this.options[this.selectedIndex].value">

Grazie ancora!

cosi:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<script type="text/javascript" language="javascript">
function Carattere(SFont){
\\di seguito puoi aggiungere tutti i campi text che vuoi
document.nome_tuo_form.nome.style.fontFamily=SFont 
document.nome_tuo_form.cognome.style.fontFamily=SFont
}
</script>
<title>PROVA</title>
</head>
<body>
<form name="form1" method="post" action="">
  


    <input name="nome" type="text" id="nome">
    <select name="FontFamily" id="FontFamily" onChange="if(this.value!=0){Carattere(this.options[this.selectedIndex].value)}">
      <option value="0" selected>Seleziona</option>
      <option value="Arial">Arial</option>
      <option value="Verdana">Verdana</option>
    </select>
  </p>
  


    <input name="cognome" type="text" id="cognome">
</p>
   </form>
</body>
</html>

**yusizu** · 20-07-2005, 13:05

ho provato così:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<script type="text/javascript" language="javascript">
function Carattere(SFont){
\\di seguito puoi aggiungere tutti i campi text che vuoi
document.form1.nome.style.fontFamily=SFont
document.form1.cognome.style.fontFamily=SFont
}
</script>
<title>PROVA</title>
</head>
<body>
<form name="form1" method="post" action="">

<input name="nome" type="text" id="nome">
<select name="FontFamily" id="FontFamily" onChange="if(this.value!=0){Carattere(this.options[this.selectedIndex].value)}">
<option value="0" selected>Seleziona</option>
<option value="Arial">Arial</option>
<option value="Verdana">Verdana</option>
</select>
</p>

<input name="cognome" type="text" id="cognome">
</p>
</form>
</body>
</html>

ma mi da errore(previsto oggetto)!

**yusizu** · 20-07-2005, 14:12

up...nessuno può aiutarmi?
pls!

**br1** · 20-07-2005, 14:17

I commenti in javascript sono identificati con due barre dritte, non rovescie

// di seguito puoi aggiungere tutti i campi text che vuoi

ciao

Discussione: font face in Jscript

Strumenti discussione

Ricerca discussione

Visualizza

font face in Jscript

Grazie mille ma..

up

Re: Grazie mille ma..

re error!

up

Permessi di invio