Inserimento dati su immagine (era: script html)

[mario97]

Ciao a tutti, mi servirebbe uno script html dove io scelgo un nome e un numero e questi mi vengano scritti su un immagine da me scelta. Inoltre vorrei che il nome fosse messo liberamente, mentre per il numero vorrei ci fosse un elenco da 1 a 99. Chi di voi può aiutarmi?? Grazie!!

 

[lotus]

Ti conviene creare una form con un campo textbox dove inserire il nome ed un menu select per scegliere il numero compreso tra 0 e 99.


La realizzazione dell'immagine deve essere fatta da un linguaggio lato server, ad esempio java o php e non HTML!
Per cui una volta realizzato il form invii i parametri tramite post ad una pagina php che realizza l'immagine richiesta.

Ciao, Ciro

 

[alessandro1997]

Dovrai utilizzare le librerie GD di PHP, dai un'occhiata a questo articolo (proprio su Mr. Webmaster, tra l'altro!): https://www.mrw.it/php/articoli/gd-library-fare-grafica-php_572.html.

 

[mario97]

Allora, ho creato una tabella con la scelta del numero e del nome:

<table border="1">
    <tr>
       <td><center><p><b>Nome:</b></p></center><input name="mioTesto" type="text" value="" size="15" maxlength="200" /><hr>
<center><p><b>Numero:</b></p></center>
<center><form name="doublecombo">
<select name="example" size="1" 
onchange="redirect(this.options.selectedindex)"> <option>Seleziona</option>
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
<option>32</option>
<option>33</option>
<option>34</option>
<option>35</option>
<option>36</option>
<option>37</option>
<option>38</option>
<option>39</option>
<option>40</option>
<option>41</option>
<option>42</option>
<option>43</option>
<option>44</option>
<option>45</option>
<option>46</option>
<option>47</option>
<option>48</option>
<option>49</option>
<option>50</option>
<option>51</option>
<option>52</option>
<option>53</option>
<option>54</option>
<option>55</option>
<option>56</option>
<option>57</option>
<option>58</option>
<option>59</option>
<option>60</option>
<option>61</option>
<option>62</option>
<option>63</option>
<option>64</option>
<option>65</option>
<option>66</option>
<option>67</option>
<option>68</option>
<option>69</option>
<option>70</option>
<option>71</option>
<option>72</option>
<option>73</option>
<option>74</option>
<option>75</option>
<option>76</option>
<option>77</option>
<option>78</option>
<option>79</option>
<option>80</option>
<option>81</option>
<option>82</option>
<option>83</option>
<option>84</option>
<option>85</option>
<option>86</option>
<option>87</option>
<option>88</option>
<option>89</option>
<option>90</option>
<option>91</option>
<option>92</option>
<option>93</option>
<option>94</option>
<option>95</option>
<option>96</option>
<option>97</option>
<option>98</option>
<option>99</option>
</select>
</form></center></td>
   </tr>
</table>

Poi ho trovato su internet un codice php che effettua una funzione di stampa del testo e dell'immagine su un'immagine da noi scelta però li il testo lo si inserisce nello script e non si sceglie... Come è possibile modificare questo script per farlo coincidere con quello precedente di nome e numero?? Inoltre vorrei che il nome fosse scritto con delle immagini dove ad esempio C corrisponde a un'immagine, A corrisponde a un'altra immagine.... Possibile??

< ?php
 
/*** settiamo l'header ***/
header("Content-type: images/jpeg");
 
/*** specifichiamo l'immagine e il testo ***/
$im = writeToImage('images/img.jpg', 'Ciao a Tutti!');
 
/*** spit the image out the other end ***/
imagejpeg($im);
 

function writeToImage($imagefile, $text){
/*** controlla se l'immagine esiste ***/
if(file_exists($imagefile))
    {
    /*** crea l'immagine ***/
    $im = @imagecreatefromjpeg($imagefile);
 
    /*** ccolore dle testo ***/
    $text_color = imagecolorallocate($im, 233, 14, 91);
 
    /***  stampa l'immagine e il testo seguendo le coordinate date ***/
    imagestring($im, 6, 25, 150,  "$text", $text_color);
    }
else
    {
    /*** se  l'immagine impostata non esiste restituisce un'immagine di default ***/
    /*** crea un'immagine nera ***/
    $im  = imagecreatetruecolor(150, 30); /* Create a black image */
 
    /*** colore di sfondo ***/
    $bgc = imagecolorallocate($im, 255, 255, 255);
 
    /*** colore del testo***/
    $tc  = imagecolorallocate($im, 0, 0, 0);
 
    /*** crea un piccolo rettangolo ***/
    imagefilledrectangle($im, 0, 0, 150, 30, $bgc);
 
    /***Stampa Testo sull'immagine seguendo le coordinate date ***/
    imagestring($im, 1, 5, 5, "Error loading $imagefile", $tc);
    }
return $im;
}

 

[alessandro1997]

Dunque, per quanto riguarda la trasformazione delle lettere in immagini, non capisco cosa intendi. Cioè, se tu scrivi del testo su un'immagine, esso fa parte dell'immagine stessa, e quindi è come se fosse già composto da un insieme di immagini. Se invece intendi che il testo deve avere un determinato font puoi dare un'occhiata alla funzione delle librerie GD chiamata imagettftext, che praticamente ti consente di scrivere del testo con un determinato font TTF (True Type Font).

Invece per scrivere il testo del form sull'immagine non devi far altro che recuperare l'input (sappi che in PHP se un campo del form si chiama prova il valore relativo sarà $_POST['prova'], in caso il form sia inviato via POST, oppure $_GET['prova'] in caso sia inviato via GET) e poi passarlo come parametro alla funzione che hai specificato tu nel tuo post.

 

[mario97]

Scusami ma non sono molto esperto... Nel mio caso l'input quale sarebbe??
Comunque io volevo dire che per ogni lettere corrisponde un'immagine tipo io scrivo Mario e c'è un'immagine per ogni lettera.... Spero di essermi spiegato.....

 

[alessandro1997]

Nel tuo caso il numero è $_POST['example'], mentre il testo è $_POST['mioTesto'].

 

[mario97]

Ah ok grazie mille.... Quindi io dove c'è scritto Ciao a tutti!! devo metterci $_POST['mioTesto']?? E poi come faccio a collegare il campo di testo fatto in html con la pagina in php??

 

[lotus]

si, poi modifichi il campo form html
in modo che abbia i parametri action e method, method post o get a seconda e action ci metti il nome del file .php da richiamare.

Il file php poi deve richiamare la funzione di creazione immagine.

Ciao, Ciro

 

[Eliox]

su mrwebmaster trovi un articolo apposito per l'aggiunta dei watermark

 

[mario97]

Va bene questo per richiamare la pagina.php??

function GetUrl($url, $description)
{
#------------------------------------------------------
# Restituisce una stringa per la stampa completa di un tag <a href>
#------------------------------------------------------
$pippo="<a href=\"http://" . $url . "\" title=\"" . $url . "\">" . $description ."</a>";
return $pippo;
}

Se si, potreste modificarmi i codici per poi inserirci anche questo per far funzionare il tutto?? Grazie mille a chi mi sta aiutando....0

P.S. Nel codice sopra riportato, dovrei modificare solo dove c'è scritto http:// e inserirci l'url della pagina??