Aggiungere smile in un forum (blocco .gif)

**superpelo** · 19-10-2005, 14:34

Ciao a tutti,
ho creato un piccolo script che permette all'utente di cliccare su una gif che rappresenta una emoticons e inserisce il corrispettivo codice nella text area in cui si sta scrivendo il testo: proprio come accade in questo forum!

Lo script funziona, ma al click sulla gif tutte le gif animate (tipo questa:

) si bloccano!

VVoVe:

Come mai???

Ecco il codice:

codice:

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

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">

<script language="javascript" type="text/javascript">
  <!--
  function addSmile(smile) {
    document.modulo.text.value += smile;
    document.modulo.text.focus;
  }
  //-->
</script>

</HEAD>
<BODY>

<H1>INSERISCI IL TUO MESSAGGIO</H1>

<FORM name="modulo" action="insert.php" method="post">
  Nick:<INPUT type="text" name="mittente" size=50>

  Messaggio:<TEXTAREA name="text" rows=5 cols=38></TEXTAREA>

  <INPUT type="submit" value="Invia il messaggio!">
  <INPUT type="reset" value="Annulla">
<FORM>

<DIV>
[img]immagini/smiles/contento.gif[/img]
 [img]immagini/smiles/dubbioso.gif[/img]
[img]immagini/smiles/devil.gif[/img]
 [img]immagini/smiles/assonnato.gif[/img]
</DIV>

</BODY>
</HTML>

**Mich_** · 19-10-2005, 15:24

In effetti non e` la sintassi migliore. Vedi questa:
[img]immagini/smiles/contento.gif[/img]

**superpelo** · 20-10-2005, 12:16

Ho seguito il tuo consiglio ed ora funziona perfettamente; ho solamente tolto il "return false" che me lo segnalava come errore. Il codice corretto risulta quindi essere questo:

codice:

[img]immagini/smiles/contento.gif[/img]

Ciao e grazie per l'aiuto!

**Mich_** · 20-10-2005, 12:29

Se non metti il return false; hai dei problemi con pagine lunghe.
L'errore e` sicuramente dato da qualcos'altro.

Piuttosto usa i tag correttamente, senza maiuscole e senza attributi deprecati.

**superpelo** · 20-10-2005, 15:20

E se il "return false" lo metto qua?

codice:

<script language="javascript" type="text/javascript">
  <!--
  function addSmile(smile) {
    document.modulo.text.value += smile;
    document.modulo.text.focus;
    return false;
  }
  //-->
</script>

Perchè poi devo mettere return false e non true? Quali problemi possono generarsi nelle pagine lunghe?

**Mich_** · 20-10-2005, 15:49

Stai usando un oggetto per fare una cosa per cui non e` espressamente previsto: Usi un link per far partire un JS.

Se il JS ritorna true o non ritorna nulla, il link viene seguito, il che implica che la pagina viene scrollata all'inizio, nella maggior parte dei browser.

Se il return false lo metti nella funzione, devi applicare il return nella chiamata:
onclick="return addSmile('{:-)}');"

**superpelo** · 20-10-2005, 16:08

ok, ho modificato come mi hai detto tu il link:

codice:

<A href="#" onclick="return addSmile('{:-)}')">

e lo script:

codice:

<script language="javascript" type="text/javascript">
  <!--
  function addSmile(smile) {
    document.modulo.text.value += smile;
    document.modulo.text.focus;
    return false;
  }
  //-->
</script>

Pare tutto in ordine, tranne che non funziona più il focus!
Perchè?

Discussione: Aggiungere smile in un forum (blocco .gif)

Strumenti discussione

Ricerca discussione

Visualizza

Aggiungere smile in un forum (blocco .gif)

Permessi di invio