Inserimento smiles nella chat

**Downloader** · 16-05-2006, 17:06

Sto finendo di scrivere una chat e come ultimi accorgimenti vorrei inserire alcuni smiles, ho provato diciamo a buttar giu due righe su come dovrei fare e credo di essere riuscito a far visualizzare gli smiles.
Pero ora si viene a creare un fastidioso problemino:
quando vado a cliccare su uno smile nell'area di testo appare tutto il codice relativo alla visualizzazione della faccina (<img scr...>) mentre io vorrei che si visualizzasse solo una cosa del genere ":-)" quando schiaccio sullo smile che sorride.

Ecco il codice della prova che hp fatto:

codice:

<html>
 <head>
  <script language="javascript">
  
   function immagine1()
   {
    alert ("hai schiacciato la focaccina");
    window.document.modulo.input.value=window.document.modulo.input.value + "[img]c:\smile.gif[/img]";
	window.document.modulo.input.focus();
	return false;
   }
  </script>
 </head>
 
 <body>
  <form name="modulo" method="post">
   <input type="text" name="input">
   <INPUT type="image" src="smile.gif" name="smile" onClick="return immagine1()">  
  </form>
 </body>
</html>

Come posso fare?

tnx!

**seed_squall_it** · 16-05-2006, 21:33

Prima di tutto, evita di usare "input" come nome di un campo...potresti "confondere" JavaScript. Poi, ti basta semplicemente usare una funzione che aggiunge (accoda) al valore del campo di testo il segno corrispondente alla faccina.

codice:

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

<form action="" method="post">
<input type="text" name="testo" id="testo" value="" />
</form>

[img]smile/sorriso.gif[/img]

Quindi ti basta passare alla funzione che richiami in ogni link una diversa sequenza di caratteri e questa verrà accodata al testo presente nel campo di input. Se usi un elemento <input /> con type="image", non crei un pulsante qualunque, ma un submit, che ti invia i dati del form una volta cliccato! Devi usare semplici link per le immagini delle faccine.

**Downloader** · 17-05-2006, 16:02

Non sapevo sta cosa che inputy type=image fosse un submit, piu tardi provo a vedere seil tuo suggerimento funziona.

tnx!

**Downloader** · 17-05-2006, 17:08

Pero come mi hai consigliato di fare te nell'area della visualizzazione del testo inserito io non visualizzo l'immagine dello smile ma il corrispettivo in codice ( es: :-) ) ed io invece vorrei che l'immagine si vedesse.

**seed_squall_it** · 17-05-2006, 19:08

Certo...infatti dovresti fare il parsing del testo che viene "inserito" nell'area di visualizzazione e sostituire le combinazioni di caratteri con il corrispondente tag <img />. In JavaScript è abbastanza complesso, mentre usando un linguaggio lato server come PHP potresti semplicemente usare str_replace() per sostituire al volo tutte le combinazioni dei caratteri per le faccine con i vari tag <img />. Ma come funziona questa chat? Fa tutto via JavaScript? Perché di solito si usa Java per le chat...

**Downloader** · 18-05-2006, 15:47

La chat di js non ha quasi nulla, solo i pulsanti per mettere il grassetto, corsivo e sottolineato al testo.

Viene usato php fondamentalmente e i messaggi vengono memorizzati su un file.

**Downloader** · 18-05-2006, 17:29

seed, come mai il tuo codice non va su firefox?

**Downloader** · 18-05-2006, 20:28

Ho risolto l'incompatibilità con firefox cambiando il contenuto della funzione addSmile cosi:

codice:

function addSmile(smile) 
  {
   window.document.modulo.messaggio.value = window.document.modulo.messaggio.value + smile;
  }

Discussione: Inserimento smiles nella chat

Strumenti discussione

Ricerca discussione

Visualizza

Inserimento smiles nella chat

Permessi di invio