form per commenti

**sabba93** · 06-07-2011, 19:24

ciao a tutti ho creato un semplice form per inserire commenti nel mio sito funziona tutto, sia il salvataggio che la visione.
questo è il codice del form

Codice PHP:


<table>

<form method="POST" enctype="multipart/form-data" action=inserisci.php> 

[/b]</td> 

</tr>



<tr> 

<td width=18%>[b]nome[/b]</td> 

<td width=82%><input type=text name=nome size=20></td> 

</tr> 

<tr> 

<td width=18%>[b]e-mail[/b]</td> 

<td width=82%><input type=text name=mail size=20></td> 

</tr> 

<tr> 

<td width=18%>[b]messaggio[/b]</td> 

<td width=82%><TEXTAREA NAME="messaggio" COLS=40 ROWS=6></TEXTAREA></td> 

</tr>

<tr> 

<td width=18%>[b]<input type=submit value=Inserisci nuovi dati>[/b]</td> 

<td width=82%></form></td> 

</tr> 

</table>

lasciando perdere la formattazione con la tabella che è ancora temporaneo, quello che a me non piace è la text area volevo farne una che permettesse di formattare il testo con la sottolineatura, il corsivo ecc e che magari permettesse di inserire della immagini anche se non sono indispensabili.
come si fa? ho cercato molto ma non ho trovato niente. grazie mille

**simo22** · 06-07-2011, 19:46

Devi cercarti un editor wysiwygs come TinyMC (mi pare) che sia compatibile con PHP.

**gasmor** · 06-07-2011, 20:08

Puoi provare questo mio script:

http://www.jaaxo.it/blog/mooeditor.html

se ti serve un aiuto fammi sapere

**sabba93** · 06-07-2011, 20:09

Originariamente inviato da simo22
Devi cercarti un editor wysiwygs come TinyMC (mi pare) che sia compatibile con PHP.

grazie è perfetto. ultima domanda visto che lo voglio usare anche per inserire le pagine del sito in mysql c'è un modo con TinyMCE per caricare le immagini sul server e farle apparire nella textare in modo automatico, non volgio caricare l'immagine nel database ma solo il link nella text area. grazie

**sabba93** · 06-07-2011, 20:15

Originariamente inviato da gasmor
Puoi provare questo mio script:

http://www.jaaxo.it/blog/mooeditor.html

se ti serve un aiuto fammi sapere

come faccio a installarlo?
questo è il mio form

Codice PHP:


<html> 

<head> 

<title>Form dati</title> 



</head> 

<body> 



<TABLE border=0 width=100% cellpadding=3> 

<tr> 

<td width=100% colspan=2> 

<p align=center>[b]inserisci i dati del file per la sezione



 





 

<form method="POST" enctype="multipart/form-data" action=invia.php> 

[/b]</td> 

</tr>



<tr> 

<td width=18%>[b]titolo[/b]</td> 

<td width=82%><input type=text name=nome size=20></td> 

</tr> 

<tr> 

<td width=18%>[b]formato[/b]</td> 

<td width=82%><input type=text name=cognome size=20></td> 

</tr> 

<tr> 

<td width=18%>[b]dimensione[/b]</td> 

<td width=82%><textarea name=reparto ></textarea></td> 

</tr>

  

<tr> 

<td width=18%>[b]anteprima[/b]</td> 

<td width=82%><input type=file name=file2 size=20></td> 

</tr> 

<tr> 

<td width=18%>[b]file[/b]</td> 

<td width=82%><input type=file name=file1 size=20></td> 

</tr>

<tr><td>SEZIONE</td></tr>

<tr><td>



 

 <select name="sezione">

                <option value="1">istituzionale</option>

                <option value="2">promozionale</option>

                <option value="3">store</option>

                <option value="4">office</option>

            </select>

  </td></tr>

<tr> 

<td width=18%>[b]<input type=submit value=Inserisci nuovi dati>[/b]</td> 

<td width=82%></form></td> 

</tr> 

</table> 

</body> 

</html>

grazie

**gasmor** · 07-07-2011, 20:51

Scarica il file da qui: https://github.com/gasmor/MooEditor

Prendi i file dentro la cartella source.

quindi trasforma il tuo codice così:

Codice PHP:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Form dati</title>  



<link href="Source/Assets/editor.css" media="screen" rel="Stylesheet" type="text/css" />



<script src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.5/mootools-yui-compressed.js" type="text/javascript"></script>

<script src="Source/MooEditor.js" type="text/javascript"></script>



<script language="javascript" type="text/javascript">

<!--

window.addEvent('domready', function(){

            var myEdit = new MooEditor('oContent');

    });

    

function Invia(){

 

   document.forms['InputForm'].elements['reparto'].value = document.getElementById('oContent').innerHTML;

   

   document.InputForm.submit();

 

}

-->

</script>

</head>  

<body>  



<form method="POST" enctype="multipart/form-data" action="invia.php" name="InputForm" id="InputForm"> 



<table border="0" width="100%" cellpadding="3">  

<tr>  

  <td width="100%" colspan="2">  

   <p align="center">[b]inserisci i dati del file per la sezione[/b]</p>

 </td>  

</tr> 



<tr>  

<td width="18%">[b]titolo[/b]</td>  

<td width="82%"><input type="text" name="nome" size="20"></td>  

</tr>  

<tr>  

<td width="18%">[b]formato[/b]</td>  

<td width="82%"><input type"text" name="cognome" size="20"></td>  

</tr>  

<tr>  

<td width="18%">[b]dimensione[/b]</td>  

<td width="82%"><input type="hidden" name="reparto" id="reparto" />

      <div id="editor_gest">

        <div id="for_toolbar"></div>

        


        <div id="toolbar2"></div>

        


        <div id="oContent">Testo editabile</div>

      </div>

  </td>  

</tr> 

   

<tr>  

<td width="18%">[b]anteprima[/b]</td>  

<td width="82%"><input type="file" name="file2" size="20"></td>  

</tr>  

<tr>  

<td width="18%">[b]file[/b]</td>  

<td width="82%"><input type="file" name="file1" size="20"></td>  

</tr> 

<tr><td>SEZIONE</td></tr> 

<tr><td> 



  

 <select name="sezione"> 

                <option value="1">istituzionale</option> 

                <option value="2">promozionale</option> 

                <option value="3">store</option> 

                <option value="4">office</option> 

            </select> 

  </td></tr> 

<tr>  

<td width="18%"><input type="button" name="invia" value="Inserisci nuovi dati" onClick="javascript:Invia();"></td>  

<td width="82%"></td>  

</tr>  

</table>  



</form>



</body>  

</html>

A questo punto devi modificare il path delle immagini dell'editor.

Apri il file MooEditor.js e modifica il contenuto della variabile this.path_img con la tua path che probabilmente sarà questa:
this.path_img = "source/Assets/images/";

**Giancarlo91** · 08-07-2011, 00:55

puoi farlo in modo molto semplice creandoti un editor WYSIWYG in javascript con la funzione execcommand.

**sabba93** · 08-07-2011, 08:09

ora funziona, grazie a tutti

Discussione: form per commenti

Strumenti discussione

Ricerca discussione

Visualizza

form per commenti

Permessi di invio