Back to top

Autore Topic: Scrivere da form su un'immagine  (Letto 5910 volte)

Offline virgus

  • Nuovo arrivato
  • *
  • Post: 39
    • Mostra profilo
Scrivere da form su un'immagine
« il: 09 Nov 2010, 12:44:07 »
Salve a tutti!

In pratica volevo associare i dati inseriti in un form (io uso fabrik) ed inviati ad un'immagine tipo pergamena che stampi, inseriti in un testo, i dati. Inoltre vorrei che sia visibile solo per la durata della visita dell'utente.

Vi faccio un esempio:

il form ha queste opzioni di dati: nome, cognome, città, data di nascita, etc

una volta che l'utente ha compilato le opzioni e ha inviato al refresh della pagina (o in una pagina nuova) vorrei che quei dati finissero in una immagine con sfondo pergamena che riporti ad esempio:

Il membro Mario Rossi, nato a New York, il 2/10/1492 etc etc

come si può fare?

Offline virgus

  • Nuovo arrivato
  • *
  • Post: 39
    • Mostra profilo
Re:Scrivere da form su un'immagine
« Risposta #1 il: 10 Nov 2010, 16:06:04 »
Anche se nessuno mi ha aiutato sono riuscito a scrivere una stringa php che in parte soddisfa ciò che voglio.

Vorrei però che adesso qualcuno mi aiuti sul serio perchè le mie conoscenze sono arrivate ad un punto morti :P

allora sono riuscito a scrivere un codice php che dopo l'invio dei dati me li stampa in un testo nella stessa pagina.

potete vedere la demo qui:

http://virgus87.altervista.org/inde...&Itemid=241

questo è il codice che ho scritto:

Codice: [Seleziona]
<?php
$nome 
$_POST["nome"];
$grado $_POST["grado"];
$officiante $_POST["officiante"];
$arcibat $_POST["arcibat"];
$diobat $_POST["diobat"];
$giorno $_POST["giorno"];
$mese $_POST["mese"];
$anno $_POST["anno"];
if (!isset(
$_POST['submit'])) { // if page is not submitted to itself echo the form
?>

<html>
<head>
<title>Certificato Battesimo</title>
</head>
<body>
<form method="post" action="<?php echo $PHP_SELF;?>">
Nome Battezzato:<br />
<input type="text" size="12" maxlength="12" name="nome"><br />
Officiante Battesimo:<br />
<input type="text" size="12" maxlength="12" name="officiante"><br />
Grado Ecclesiale:<br />
<select name="grado">
<option value="Suddiacono">Suddiacono</option>
<option value="Diacono">Diacono</option>
<option value="Cappellano Nobiliare">College Nobiliare</option>
<option value="Vicario">Vicario</option>
<option value="Sacrestano">Sacrestano</option>
<option value="Parroco">Parroco</option>
<option value="Vicario Diocesano">Vicario Diocesano</option>
<option value="Vicario Generale">Vicario Generale</option>
<option value="Vescovo">Vescovo</option>
<option value="Arcivescovo">Arcivescovo</option>
<option value="Vice Primate">Vice Primate</option>
<option value="Primate">Primate</option>
<option value="Patriarca">Patriarca</option
<option value="Cadinale">Cardinale</option></select><br />
Arcidiocesi Battesimo:<br />
<select name="arcibat">
<option value="Aquileia">Aquileia</option>
<option value="Genova">Genova</option>
<option value="Milano">Milano</option>
<option value="Firenze">Firenze</option>
<option value="Pisa">Pisa</option>
<option value="Siena">Siena</option>
<option value="Ravenna">Ravenna</option>
<option value="Roma">Roma</option>
<option value="Capua">Capua</option></select><br />
Diocesi Battesimo:<br />
<select name="diobat">
<option value="Venezia">Venezia</option>
<option value="Padova">Padova</option>
<option value="Parenzo">Parenzo</option>
<option value="Pola">Pola</option>
<option value="Portogruaro">Portogruaro</option>
<option value="Treviso">Treviso</option>
<option value="Mantua">Mantua</option>
<option value="Udine">Udine</option>
<option value="Genova">Genova</option>
<option value="Chiavari">Chiavari</option>
<option value="La Spezia">La Spezia</option>
<option value="Albenga">Albenga</option>
<option value="Ventimiglia">Ventimiglia</option>
<option value="Milano">Milano</option>
<option value="Como">Como</option>
<option value="Lodi">Lodi</option>
<option value="Alessandria">Alessandria</option>
<option value="Novara">Novara</option>
<option value="Savona">Savona</option>
<option value="Pavia">Pavia</option>
<option value="Firenze">Firenze</option>
<option value="Pistoia">Pistoia</option>
<option value="Montevarchi">Montevarchi</option>
<option value="Pisa">Pisa</option>
<option value="Volterra">Volterra</option>
<option value="Livorno">Livorno</option>
<option value="San Miniato">San Miniato</option>
<option value="Massa">Massa</option>
<option value="Siena">Siena</option>
<option value="Orbetello">Orbetello</option>
<option value="Grosseto">Grosseto</option>
<option value="Santa Fiora">Santa Fiora</option>
<option value="Piombino">Piombino</option>
<option value="Modena">Modena</option>
<option value="Mirandola">Mirandola</option>
<option value="Guestalla">Guestalla</option>
<option value="Parma">Parma</option>
<option value="Fornovo">Fornovo</option>
<option value="Piacenza">Piacenza</option>
<option value="L'Aquila">L'Aquila</option>
<option value="Arezzo">Arezzo</option>
<option value="Montepulciano">Montepulciano</option>
<option value="Teramo">Teramo</option>
<option value="Silvi">Silvi</option>
<option value="Chieti">Chieti</option>
<option value="Sulmona">Sulmona</option>
<option value="Avezzano">Avezzano</option>
<option value="Tagliacozzo">Tagliacozzo</option>
<option value="Terracina">Terracina</option>
<option value="Pontecorvo">Pontecorvo</option>
<option value="Capua">Capua</option>
<option value="Sessa Aurunca">Sessa Aurunca</option>
<option value="Gaeta">Gaeta</option></select><br />
<input type="submit" value="submit" name="submit">
</form>
<?
} else {
echo "Il nuovo fedele dell'Altissimo chiamato ".$nome.",<br />";
echo "dal ".$grado." <i>".$officiante."</i><br />";
echo "nella diocesi di ".$diobat.", facente parte dell'arcidiocesi di ".$arcibat.",<br />";
echo "il giorno ".$giorno." nel mese di ".$mese." dell'Anno di grazia ".$anno.".<br />";
}
?>

potete notare che ho inserito già $giorno $mese ed $anno perchè ho necessità che l'utente scelga la data desiderata.

ora mi serve la vostra saggezza perchè non so più dove mettere mani.

In pratica vorrei inserire nel form un campo di scelta data tipo menu a tendina o calendario cliccabile.

mi date una mano? :(

Offline virgus

  • Nuovo arrivato
  • *
  • Post: 39
    • Mostra profilo
Re:Scrivere da form su un'immagine
« Risposta #2 il: 10 Nov 2010, 17:32:59 »
scusate se riposto ancora di seguito ai miei messaggi ma volevo aggiornarvi :)

sono riuscito ad inserire la data e anche a visualizzarla grazie ad un piccolo accorgimento javascript ed inserendo un paio di file nella cartella principale del mio sito.

ecco il codice

Codice: [Seleziona]
<?php
$nome 
$_POST["nome"];
$grado $_POST["grado"];
$officiante $_POST["officiante"];
$arcibat $_POST["arcibat"];
$diobat $_POST["diobat"];
$databat $_POST["databat"];
if (!isset(
$_POST['submit'])) { // if page is not submitted to itself echo the form
?>

<html>
<head>
<title>Certificato Battesimo</title>
</head>
<body>
<form method="post" action="<?php echo $PHP_SELF;?>">
Nome Battezzato:<br />
<input type="text" size="12" maxlength="20" name="nome"><br />
Officiante Battesimo:<br />
<input type="text" size="12" maxlength="20" name="officiante"><br />
Grado Ecclesiale:<br />
<select name="grado">
<option value="Suddiacono">Suddiacono</option>
<option value="Diacono">Diacono</option>
<option value="Cappellano Nobiliare">College Nobiliare</option>
<option value="Vicario">Vicario</option>
<option value="Sacrestano">Sacrestano</option>
<option value="Parroco">Parroco</option>
<option value="Vicario Diocesano">Vicario Diocesano</option>
<option value="Vicario Generale">Vicario Generale</option>
<option value="Vescovo">Vescovo</option>
<option value="Arcivescovo">Arcivescovo</option>
<option value="Vice Primate">Vice Primate</option>
<option value="Primate">Primate</option>
<option value="Patriarca">Patriarca</option
<option value="Cadinale">Cardinale</option></select><br />
Arcidiocesi Battesimo:<br />
<select name="arcibat">
<option value="Aquileia">Aquileia</option>
<option value="Genova">Genova</option>
<option value="Milano">Milano</option>
<option value="Firenze">Firenze</option>
<option value="Pisa">Pisa</option>
<option value="Siena">Siena</option>
<option value="Ravenna">Ravenna</option>
<option value="Roma">Roma</option>
<option value="Capua">Capua</option></select><br />
Diocesi Battesimo:<br />
<select name="diobat">
<option value="Venezia">Venezia</option>
<option value="Padova">Padova</option>
<option value="Parenzo">Parenzo</option>
<option value="Pola">Pola</option>
<option value="Portogruaro">Portogruaro</option>
<option value="Treviso">Treviso</option>
<option value="Mantua">Mantua</option>
<option value="Udine">Udine</option>
<option value="Genova">Genova</option>
<option value="Chiavari">Chiavari</option>
<option value="La Spezia">La Spezia</option>
<option value="Albenga">Albenga</option>
<option value="Ventimiglia">Ventimiglia</option>
<option value="Milano">Milano</option>
<option value="Como">Como</option>
<option value="Lodi">Lodi</option>
<option value="Alessandria">Alessandria</option>
<option value="Novara">Novara</option>
<option value="Savona">Savona</option>
<option value="Pavia">Pavia</option>
<option value="Firenze">Firenze</option>
<option value="Pistoia">Pistoia</option>
<option value="Montevarchi">Montevarchi</option>
<option value="Pisa">Pisa</option>
<option value="Volterra">Volterra</option>
<option value="Livorno">Livorno</option>
<option value="San Miniato">San Miniato</option>
<option value="Massa">Massa</option>
<option value="Siena">Siena</option>
<option value="Orbetello">Orbetello</option>
<option value="Grosseto">Grosseto</option>
<option value="Santa Fiora">Santa Fiora</option>
<option value="Piombino">Piombino</option>
<option value="Modena">Modena</option>
<option value="Mirandola">Mirandola</option>
<option value="Guestalla">Guestalla</option>
<option value="Parma">Parma</option>
<option value="Fornovo">Fornovo</option>
<option value="Piacenza">Piacenza</option>
<option value="L'Aquila">L'Aquila</option>
<option value="Arezzo">Arezzo</option>
<option value="Montepulciano">Montepulciano</option>
<option value="Teramo">Teramo</option>
<option value="Silvi">Silvi</option>
<option value="Chieti">Chieti</option>
<option value="Sulmona">Sulmona</option>
<option value="Avezzano">Avezzano</option>
<option value="Tagliacozzo">Tagliacozzo</option>
<option value="Terracina">Terracina</option>
<option value="Pontecorvo">Pontecorvo</option>
<option value="Capua">Capua</option>
<option value="Sessa Aurunca">Sessa Aurunca</option>
<option value="Gaeta">Gaeta</option></select><br />
Data battesimo:<br />
<script language="javascript" type="text/javascript" src="datetimepicker.js">

//Date Time Picker script- by TengYong Ng of http://www.rainforestnet.com
//Script featured on JavaScript Kit (http://www.javascriptkit.com)
//For this script, visit http://www.javascriptkit.com

</script>

<input id="demo1" type="text" size="25" name="databat"><a href="javascript:NewCal('demo1','ddmmyyyy')"><img src="http://forum.it.altervista.org/images/cal.gif" width="16" height="16" border="0" alt="Pick a date"></a><br /><br />

<input type="submit" value="submit" name="submit">
</form>
<?
} else {
echo "Il nuovo fedele dell'Altissimo chiamato ".$nome.",<br />";
echo "dal ".$grado." <i>".$officiante."</i><br />";
echo "nella diocesi di ".$diobat.", facente parte dell'arcidiocesi di ".$arcibat.",<br />";
echo "in data ".$databat.".<br />";
}
?>

mi potete dire adesso come poter inserire questa immagine come sfondo dopo l'invio del form?

http://i39.tinypic.com/1zgdi07.jpg

ed inoltre come centrare il testo con i dati del form cambiandogli anche colore,font e grandezza per ottenere questo:

http://i55.tinypic.com/1h8j9l.jpg

Offline vales

  • Global Moderator
  • Instancabile
  • *****
  • Post: 8012
  • Sesso: Maschio
    • Mostra profilo
Re:Scrivere da form su un'immagine
« Risposta #3 il: 10 Nov 2010, 18:29:01 »
ciao virgus,

hai pensato ad usare la proprietà css background-image:url('paper.gif');

che consente di inserire l'immagine dentro un tav div che contiene tutto il tuo scritto.

Il tutto però andrebbe inserito in un elemento di joomla.

Oppure in un form creato da un'estensione di joomla.
 
Download e demo di Albo Pretorio On Line per Joomla 1.5 e Joomla 2.5 e 3
Moduli scuola On Line v1 per Joomla 3
http://valesweb.altervista.org

Offline virgus

  • Nuovo arrivato
  • *
  • Post: 39
    • Mostra profilo
Re:Scrivere da form su un'immagine
« Risposta #4 il: 10 Nov 2010, 18:45:23 »
si ci avevo pensato al css ma non so proprio da dove inziare :)

mi potresti dare qualche dritta su come scrivere il codice?

cosa è il tav div?  :-X :-X

Offline vales

  • Global Moderator
  • Instancabile
  • *****
  • Post: 8012
  • Sesso: Maschio
    • Mostra profilo
Re:Scrivere da form su un'immagine
« Risposta #5 il: 10 Nov 2010, 19:44:01 »
tag non tav ho sbagliato.

E' un comando html in cui può stare un blocco di codice a cui si possono dare varie proprietà, larghezza, altezza ed una è appunto il blackground.

Se cerchi per manuali css e html trovi tutto.

Ho provato a inserirlo nel tuo codice, ma andranno fatte delle prove sicuramente per adattarlo agli spazi che hai disponibili.


Codice: [Seleziona]
<?php
$nome 
$_POST["nome"];
$grado $_POST["grado"];
$officiante $_POST["officiante"];
$arcibat $_POST["arcibat"];
$diobat $_POST["diobat"];
$databat $_POST["databat"];
if (!isset(
$_POST['submit'])) { // if page is not submitted to itself echo the form
?>

<html>
<head>
<title>Certificato Battesimo</title>
</head>
<body>
<div style="background-image:url('paper.gif');" >
<form method="post" action="<?php echo $PHP_SELF;?>">
Nome Battezzato:[br /]
<input type="text" size="12" maxlength="20" name="nome">[br /]
Officiante Battesimo:[br /]
<input type="text" size="12" maxlength="20" name="officiante">[br /]
Grado Ecclesiale:[br /]
<select name="grado">
<option value="Suddiacono">Suddiacono</option>
<option value="Diacono">Diacono</option>
<option value="Cappellano Nobiliare">College Nobiliare</option>
<option value="Vicario">Vicario</option>
<option value="Sacrestano">Sacrestano</option>
<option value="Parroco">Parroco</option>
<option value="Vicario Diocesano">Vicario Diocesano</option>
<option value="Vicario Generale">Vicario Generale</option>
<option value="Vescovo">Vescovo</option>
<option value="Arcivescovo">Arcivescovo</option>
<option value="Vice Primate">Vice Primate</option>
<option value="Primate">Primate</option>
<option value="Patriarca">Patriarca</option
<option value="Cadinale">Cardinale</option></select>[br /]
Arcidiocesi Battesimo:[br /]
<select name="arcibat">
<option value="Aquileia">Aquileia</option>
<option value="Genova">Genova</option>
<option value="Milano">Milano</option>
<option value="Firenze">Firenze</option>
<option value="Pisa">Pisa</option>
<option value="Siena">Siena</option>
<option value="Ravenna">Ravenna</option>
<option value="Roma">Roma</option>
<option value="Capua">Capua</option></select>[br /]
Diocesi Battesimo:[br /]
<select name="diobat">
<option value="Venezia">Venezia</option>
<option value="Padova">Padova</option>
<option value="Parenzo">Parenzo</option>
<option value="Pola">Pola</option>
<option value="Portogruaro">Portogruaro</option>
<option value="Treviso">Treviso</option>
<option value="Mantua">Mantua</option>
<option value="Udine">Udine</option>
<option value="Genova">Genova</option>
<option value="Chiavari">Chiavari</option>
<option value="La Spezia">La Spezia</option>
<option value="Albenga">Albenga</option>
<option value="Ventimiglia">Ventimiglia</option>
<option value="Milano">Milano</option>
<option value="Como">Como</option>
<option value="Lodi">Lodi</option>
<option value="Alessandria">Alessandria</option>
<option value="Novara">Novara</option>
<option value="Savona">Savona</option>
<option value="Pavia">Pavia</option>
<option value="Firenze">Firenze</option>
<option value="Pistoia">Pistoia</option>
<option value="Montevarchi">Montevarchi</option>
<option value="Pisa">Pisa</option>
<option value="Volterra">Volterra</option>
<option value="Livorno">Livorno</option>
<option value="San Miniato">San Miniato</option>
<option value="Massa">Massa</option>
<option value="Siena">Siena</option>
<option value="Orbetello">Orbetello</option>
<option value="Grosseto">Grosseto</option>
<option value="Santa Fiora">Santa Fiora</option>
<option value="Piombino">Piombino</option>
<option value="Modena">Modena</option>
<option value="Mirandola">Mirandola</option>
<option value="Guestalla">Guestalla</option>
<option value="Parma">Parma</option>
<option value="Fornovo">Fornovo</option>
<option value="Piacenza">Piacenza</option>
<option value="L'Aquila">L'Aquila</option>
<option value="Arezzo">Arezzo</option>
<option value="Montepulciano">Montepulciano</option>
<option value="Teramo">Teramo</option>
<option value="Silvi">Silvi</option>
<option value="Chieti">Chieti</option>
<option value="Sulmona">Sulmona</option>
<option value="Avezzano">Avezzano</option>
<option value="Tagliacozzo">Tagliacozzo</option>
<option value="Terracina">Terracina</option>
<option value="Pontecorvo">Pontecorvo</option>
<option value="Capua">Capua</option>
<option value="Sessa Aurunca">Sessa Aurunca</option>
<option value="Gaeta">Gaeta</option></select>[br /]
Data battesimo:[br /]
<script language="javascript" type="text/javascript" src="datetimepicker.js">

//Date Time Picker script- by TengYong Ng of http://www.rainforestnet.com
//Script featured on JavaScript Kit (http://www.javascriptkit.com)
//For this script, visit http://www.javascriptkit.com

</script>

<input id="demo1" type="text" size="25" name="databat"><a href="javascript:NewCal('demo1','ddmmyyyy')"><img src="http://forum.it.altervista.org/images/cal.gif" width="16" height="16" border="0" alt="Pick a date">[/url][br /][br /]

<input type="submit" value="submit" name="submit">
</form>
</div>
<?php
} else {
echo 
"Il nuovo fedele dell'Altissimo chiamato ".$nome.",[br /]";
echo 
"dal ".$grado." ".$officiante."[br /]";
echo 
"nella diocesi di ".$diobat.", facente parte dell'arcidiocesi di ".$arcibat.",[br /]";
echo 
"in data ".$databat.".[br /]";
}
?>


dove c'è l'immagine paper.gif devi mettere la tua con il percorso corretto.
Download e demo di Albo Pretorio On Line per Joomla 1.5 e Joomla 2.5 e 3
Moduli scuola On Line v1 per Joomla 3
http://valesweb.altervista.org

Offline virgus

  • Nuovo arrivato
  • *
  • Post: 39
    • Mostra profilo
Re:Scrivere da form su un'immagine
« Risposta #6 il: 10 Nov 2010, 20:06:16 »
Ho provato così mi viene lo sfondo al form purtroppo io vorrei lo sfondo al testo che comprende i dati inseriti nel form dopo l'invio  :-[

Offline vales

  • Global Moderator
  • Instancabile
  • *****
  • Post: 8012
  • Sesso: Maschio
    • Mostra profilo
Re:Scrivere da form su un'immagine
« Risposta #7 il: 10 Nov 2010, 20:18:06 »
Ok l'importante che funzioni, si sposta il div prima è dopo le echo di stampa.

Codice: [Seleziona]
<?php
$nome 
$_POST["nome"];
$grado $_POST["grado"];
$officiante $_POST["officiante"];
$arcibat $_POST["arcibat"];
$diobat $_POST["diobat"];
$databat $_POST["databat"];
if (!isset(
$_POST['submit'])) { // if page is not submitted to itself echo the form
?>

<html>
<head>
<title>Certificato Battesimo</title>
</head>
<body>
<form method="post" action="<?php echo $PHP_SELF;?>">
Nome Battezzato:[br /]
<input type="text" size="12" maxlength="20" name="nome">[br /]
Officiante Battesimo:[br /]
<input type="text" size="12" maxlength="20" name="officiante">[br /]
Grado Ecclesiale:[br /]
<select name="grado">
<option value="Suddiacono">Suddiacono</option>
<option value="Diacono">Diacono</option>
<option value="Cappellano Nobiliare">College Nobiliare</option>
<option value="Vicario">Vicario</option>
<option value="Sacrestano">Sacrestano</option>
<option value="Parroco">Parroco</option>
<option value="Vicario Diocesano">Vicario Diocesano</option>
<option value="Vicario Generale">Vicario Generale</option>
<option value="Vescovo">Vescovo</option>
<option value="Arcivescovo">Arcivescovo</option>
<option value="Vice Primate">Vice Primate</option>
<option value="Primate">Primate</option>
<option value="Patriarca">Patriarca</option
<option value="Cadinale">Cardinale</option></select>[br /]
Arcidiocesi Battesimo:[br /]
<select name="arcibat">
<option value="Aquileia">Aquileia</option>
<option value="Genova">Genova</option>
<option value="Milano">Milano</option>
<option value="Firenze">Firenze</option>
<option value="Pisa">Pisa</option>
<option value="Siena">Siena</option>
<option value="Ravenna">Ravenna</option>
<option value="Roma">Roma</option>
<option value="Capua">Capua</option></select>[br /]
Diocesi Battesimo:[br /]
<select name="diobat">
<option value="Venezia">Venezia</option>
<option value="Padova">Padova</option>
<option value="Parenzo">Parenzo</option>
<option value="Pola">Pola</option>
<option value="Portogruaro">Portogruaro</option>
<option value="Treviso">Treviso</option>
<option value="Mantua">Mantua</option>
<option value="Udine">Udine</option>
<option value="Genova">Genova</option>
<option value="Chiavari">Chiavari</option>
<option value="La Spezia">La Spezia</option>
<option value="Albenga">Albenga</option>
<option value="Ventimiglia">Ventimiglia</option>
<option value="Milano">Milano</option>
<option value="Como">Como</option>
<option value="Lodi">Lodi</option>
<option value="Alessandria">Alessandria</option>
<option value="Novara">Novara</option>
<option value="Savona">Savona</option>
<option value="Pavia">Pavia</option>
<option value="Firenze">Firenze</option>
<option value="Pistoia">Pistoia</option>
<option value="Montevarchi">Montevarchi</option>
<option value="Pisa">Pisa</option>
<option value="Volterra">Volterra</option>
<option value="Livorno">Livorno</option>
<option value="San Miniato">San Miniato</option>
<option value="Massa">Massa</option>
<option value="Siena">Siena</option>
<option value="Orbetello">Orbetello</option>
<option value="Grosseto">Grosseto</option>
<option value="Santa Fiora">Santa Fiora</option>
<option value="Piombino">Piombino</option>
<option value="Modena">Modena</option>
<option value="Mirandola">Mirandola</option>
<option value="Guestalla">Guestalla</option>
<option value="Parma">Parma</option>
<option value="Fornovo">Fornovo</option>
<option value="Piacenza">Piacenza</option>
<option value="L'Aquila">L'Aquila</option>
<option value="Arezzo">Arezzo</option>
<option value="Montepulciano">Montepulciano</option>
<option value="Teramo">Teramo</option>
<option value="Silvi">Silvi</option>
<option value="Chieti">Chieti</option>
<option value="Sulmona">Sulmona</option>
<option value="Avezzano">Avezzano</option>
<option value="Tagliacozzo">Tagliacozzo</option>
<option value="Terracina">Terracina</option>
<option value="Pontecorvo">Pontecorvo</option>
<option value="Capua">Capua</option>
<option value="Sessa Aurunca">Sessa Aurunca</option>
<option value="Gaeta">Gaeta</option></select>[br /]
Data battesimo:[br /]
<script language="javascript" type="text/javascript" src="datetimepicker.js">

//Date Time Picker script- by TengYong Ng of http://www.rainforestnet.com
//Script featured on JavaScript Kit (http://www.javascriptkit.com)
//For this script, visit http://www.javascriptkit.com

</script>

<input id="demo1" type="text" size="25" name="databat"><a href="javascript:NewCal('demo1','ddmmyyyy')"><img src="http://forum.it.altervista.org/images/cal.gif" width="16" height="16" border="0" alt="Pick a date">[/url][br /][br /]

<input type="submit" value="submit" name="submit">
</form>
<?php
} else {
echo 
"<div style=\"background-image:url('paper.gif');\" >";
echo 
"Il nuovo fedele dell'Altissimo chiamato ".$nome.",[br /]";
echo 
"dal ".$grado." ".$officiante."[br /]";
echo 
"nella diocesi di ".$diobat.", facente parte dell'arcidiocesi di ".$arcibat.",[br /]";
echo 
"in data ".$databat.".[br /]";
echo 
"</div>";
}
?>


Download e demo di Albo Pretorio On Line per Joomla 1.5 e Joomla 2.5 e 3
Moduli scuola On Line v1 per Joomla 3
http://valesweb.altervista.org

Offline virgus

  • Nuovo arrivato
  • *
  • Post: 39
    • Mostra profilo
Re:Scrivere da form su un'immagine
« Risposta #8 il: 10 Nov 2010, 20:34:44 »
nada mi appare questo messaggio  :-[ :

Parse error: syntax error, unexpected T_STRING, expecting ',' or ';' in /membri/virgus87/components/com_jumi/jumi.php(25) : eval()'d code on line 118
« Ultima modifica: 10 Nov 2010, 20:45:39 da virgus »

Offline vales

  • Global Moderator
  • Instancabile
  • *****
  • Post: 8012
  • Sesso: Maschio
    • Mostra profilo
Re:Scrivere da form su un'immagine
« Risposta #9 il: 10 Nov 2010, 21:00:12 »
vedo ora tutte le br devono essere fra < > non [ ]  ma così

Codice: [Seleziona]
<br />
Download e demo di Albo Pretorio On Line per Joomla 1.5 e Joomla 2.5 e 3
Moduli scuola On Line v1 per Joomla 3
http://valesweb.altervista.org

Offline virgus

  • Nuovo arrivato
  • *
  • Post: 39
    • Mostra profilo
Re:Scrivere da form su un'immagine
« Risposta #10 il: 10 Nov 2010, 21:30:35 »
così? solo che mi esce un altro messaggio di errore

Codice: [Seleziona]
<?php
$nome 
$_POST["nome"];
$grado $_POST["grado"];
$officiante $_POST["officiante"];
$arcibat $_POST["arcibat"];
$diobat $_POST["diobat"];
$demo1 $_POST["demo1"];
if (!isset(
$_POST['submit'])) { // if page is not submitted to itself echo the form
?>

<html>
<head>
<title>Certificato Battesimo</title>
</head>
<body>
<form method="post" action="<?php echo $PHP_SELF;?>">
Nome Battezzato:<br />
<input type="text" size="12" maxlength="20" name="nome"><br />
Officiante Battesimo:<br />
<input type="text" size="12" maxlength="20" name="officiante"><br />
Grado Ecclesiale:<br />
<select name="grado">
<option value="Suddiacono">Suddiacono</option>
<option value="Diacono">Diacono</option>
<option value="Cappellano Nobiliare">College Nobiliare</option>
<option value="Vicario">Vicario</option>
<option value="Sacrestano">Sacrestano</option>
<option value="Parroco">Parroco</option>
<option value="Vicario Diocesano">Vicario Diocesano</option>
<option value="Vicario Generale">Vicario Generale</option>
<option value="Vescovo">Vescovo</option>
<option value="Arcivescovo">Arcivescovo</option>
<option value="Vice Primate">Vice Primate</option>
<option value="Primate">Primate</option>
<option value="Patriarca">Patriarca</option
<option value="Cadinale">Cardinale</option></select><br />
Arcidiocesi Battesimo:<br />
<select name="arcibat">
<option value="Aquileia">Aquileia</option>
<option value="Genova">Genova</option>
<option value="Milano">Milano</option>
<option value="Firenze">Firenze</option>
<option value="Pisa">Pisa</option>
<option value="Siena">Siena</option>
<option value="Ravenna">Ravenna</option>
<option value="Roma">Roma</option>
<option value="Capua">Capua</option></select><br />
Diocesi Battesimo:<br />
<select name="diobat">
<option value="Venezia">Venezia</option>
<option value="Padova">Padova</option>
<option value="Parenzo">Parenzo</option>
<option value="Pola">Pola</option>
<option value="Portogruaro">Portogruaro</option>
<option value="Treviso">Treviso</option>
<option value="Mantua">Mantua</option>
<option value="Udine">Udine</option>
<option value="Genova">Genova</option>
<option value="Chiavari">Chiavari</option>
<option value="La Spezia">La Spezia</option>
<option value="Albenga">Albenga</option>
<option value="Ventimiglia">Ventimiglia</option>
<option value="Milano">Milano</option>
<option value="Como">Como</option>
<option value="Lodi">Lodi</option>
<option value="Alessandria">Alessandria</option>
<option value="Novara">Novara</option>
<option value="Savona">Savona</option>
<option value="Pavia">Pavia</option>
<option value="Firenze">Firenze</option>
<option value="Pistoia">Pistoia</option>
<option value="Montevarchi">Montevarchi</option>
<option value="Pisa">Pisa</option>
<option value="Volterra">Volterra</option>
<option value="Livorno">Livorno</option>
<option value="San Miniato">San Miniato</option>
<option value="Massa">Massa</option>
<option value="Siena">Siena</option>
<option value="Orbetello">Orbetello</option>
<option value="Grosseto">Grosseto</option>
<option value="Santa Fiora">Santa Fiora</option>
<option value="Piombino">Piombino</option>
<option value="Modena">Modena</option>
<option value="Mirandola">Mirandola</option>
<option value="Guestalla">Guestalla</option>
<option value="Parma">Parma</option>
<option value="Fornovo">Fornovo</option>
<option value="Piacenza">Piacenza</option>
<option value="L'Aquila">L'Aquila</option>
<option value="Arezzo">Arezzo</option>
<option value="Montepulciano">Montepulciano</option>
<option value="Teramo">Teramo</option>
<option value="Silvi">Silvi</option>
<option value="Chieti">Chieti</option>
<option value="Sulmona">Sulmona</option>
<option value="Avezzano">Avezzano</option>
<option value="Tagliacozzo">Tagliacozzo</option>
<option value="Terracina">Terracina</option>
<option value="Pontecorvo">Pontecorvo</option>
<option value="Capua">Capua</option>
<option value="Sessa Aurunca">Sessa Aurunca</option>
<option value="Gaeta">Gaeta</option></select><br />
Data battesimo:<br />
<script language="javascript" type="text/javascript" src="datetimepicker.js">

//Date Time Picker script- by TengYong Ng of http://www.rainforestnet.com
//Script featured on JavaScript Kit (http://www.javascriptkit.com)
//For this script, visit http://www.javascriptkit.com

</script>

<input id="demo1" type="text" size="25"><a href="javascript:NewCal('demo1','ddmmyyyy')" target="_blank"><img src="images/cal.gif" width="16" height="16" border="0" alt="Pick a date"></a>

<input type="submit" value="submit" name="submit">
</form>
<a> target="_blank" </a>
<?
} else {
echo "Il nuovo fedele dell'Altissimo chiamato ".$nome.",<br />";
echo "dal ".$grado." <i>".$officiante."</i><br />";
echo "nella diocesi di ".$diobat.", facente parte dell'arcidiocesi di ".$arcibat.",<br />";
echo "in data ".$demo1.".<br />";
}
?>






<script language="javascript" type="text/javascript" src="datetimepicker.js">

//Date Time Picker script- by TengYong Ng of http://www.rainforestnet.com
//Script featured on JavaScript Kit (http://www.javascriptkit.com)
//For this script, visit http://www.javascriptkit.com

</script>

<input id="demo1" type="text" size="25"><a href="javascript:NewCal('demo1','ddmmyyyy')"><img src="images/cal.gif" width="16" height="16" border="0" alt="Pick a date">rel=”external</a>






<?php phpinfo(); ?>







<?php
$nome 
$_POST["nome"];
$grado $_POST["grado"];
$officiante $_POST["officiante"];
$arcibat $_POST["arcibat"];
$diobat $_POST["diobat"];
$databat $_POST["databat"];
if (!isset(
$_POST['submit'])) { // if page is not submitted to itself echo the form
?>

<html>
<head>
<title>Certificato Battesimo</title>
</head>
<body>
<form method="post" action="<?php echo $PHP_SELF;?>">
Nome Battezzato:<br />
<input type="text" size="12" maxlength="20" name="nome"><br />
Officiante Battesimo:<br />
<input type="text" size="12" maxlength="20" name="officiante"><br />
Grado Ecclesiale:<br />
<select name="grado">
<option value="Suddiacono">Suddiacono</option>
<option value="Diacono">Diacono</option>
<option value="Cappellano Nobiliare">College Nobiliare</option>
<option value="Vicario">Vicario</option>
<option value="Sacrestano">Sacrestano</option>
<option value="Parroco">Parroco</option>
<option value="Vicario Diocesano">Vicario Diocesano</option>
<option value="Vicario Generale">Vicario Generale</option>
<option value="Vescovo">Vescovo</option>
<option value="Arcivescovo">Arcivescovo</option>
<option value="Vice Primate">Vice Primate</option>
<option value="Primate">Primate</option>
<option value="Patriarca">Patriarca</option
<option value="Cadinale">Cardinale</option></select><br />
Arcidiocesi Battesimo:<br />
<select name="arcibat">
<option value="Aquileia">Aquileia</option>
<option value="Genova">Genova</option>
<option value="Milano">Milano</option>
<option value="Firenze">Firenze</option>
<option value="Pisa">Pisa</option>
<option value="Siena">Siena</option>
<option value="Ravenna">Ravenna</option>
<option value="Roma">Roma</option>
<option value="Capua">Capua</option></select><br />
Diocesi Battesimo:<br />
<select name="diobat">
<option value="Venezia">Venezia</option>
<option value="Padova">Padova</option>
<option value="Parenzo">Parenzo</option>
<option value="Pola">Pola</option>
<option value="Portogruaro">Portogruaro</option>
<option value="Treviso">Treviso</option>
<option value="Mantua">Mantua</option>
<option value="Udine">Udine</option>
<option value="Genova">Genova</option>
<option value="Chiavari">Chiavari</option>
<option value="La Spezia">La Spezia</option>
<option value="Albenga">Albenga</option>
<option value="Ventimiglia">Ventimiglia</option>
<option value="Milano">Milano</option>
<option value="Como">Como</option>
<option value="Lodi">Lodi</option>
<option value="Alessandria">Alessandria</option>
<option value="Novara">Novara</option>
<option value="Savona">Savona</option>
<option value="Pavia">Pavia</option>
<option value="Firenze">Firenze</option>
<option value="Pistoia">Pistoia</option>
<option value="Montevarchi">Montevarchi</option>
<option value="Pisa">Pisa</option>
<option value="Volterra">Volterra</option>
<option value="Livorno">Livorno</option>
<option value="San Miniato">San Miniato</option>
<option value="Massa">Massa</option>
<option value="Siena">Siena</option>
<option value="Orbetello">Orbetello</option>
<option value="Grosseto">Grosseto</option>
<option value="Santa Fiora">Santa Fiora</option>
<option value="Piombino">Piombino</option>
<option value="Modena">Modena</option>
<option value="Mirandola">Mirandola</option>
<option value="Guestalla">Guestalla</option>
<option value="Parma">Parma</option>
<option value="Fornovo">Fornovo</option>
<option value="Piacenza">Piacenza</option>
<option value="L'Aquila">L'Aquila</option>
<option value="Arezzo">Arezzo</option>
<option value="Montepulciano">Montepulciano</option>
<option value="Teramo">Teramo</option>
<option value="Silvi">Silvi</option>
<option value="Chieti">Chieti</option>
<option value="Sulmona">Sulmona</option>
<option value="Avezzano">Avezzano</option>
<option value="Tagliacozzo">Tagliacozzo</option>
<option value="Terracina">Terracina</option>
<option value="Pontecorvo">Pontecorvo</option>
<option value="Capua">Capua</option>
<option value="Sessa Aurunca">Sessa Aurunca</option>
<option value="Gaeta">Gaeta</option></select><br />
Data battesimo:<br />
<script language="javascript" type="text/javascript" src="datetimepicker.js">

//Date Time Picker script- by TengYong Ng of http://www.rainforestnet.com
//Script featured on JavaScript Kit (http://www.javascriptkit.com)
//For this script, visit http://www.javascriptkit.com

</script>

<input id="demo1" type="text" size="25" name="databat"><a href="javascript:NewCal('demo1','ddmmyyyy')"><img src="http://forum.it.altervista.org/images/cal.gif" width="16" height="16" border="0" alt="Pick a date"></url><br /><br />

<input type="submit" value="submit" name="submit">
</form>
<?php
} else {
echo 
"<div style="background-image:url('http://i39.tinypic.com/1zgdi07.jpg');" >";
echo 
"Il nuovo fedele dell'Altissimo chiamato ".$nome.",<br />";
echo 
"dal ".$grado." ".$officiante."<br />";
echo 
"nella diocesi di ".$diobat.", facente parte dell'arcidiocesi di ".$arcibat.",<br />";
echo 
"in data ".$databat.".<br />";
echo 
"</div>";
}
?>


ti ringrazio per la pazienza ed il tempo che mi stai concedendo.

mi chiedo ma i div e il background sono in css?

Offline vales

  • Global Moderator
  • Instancabile
  • *****
  • Post: 8012
  • Sesso: Maschio
    • Mostra profilo
Re:Scrivere da form su un'immagine
« Risposta #11 il: 10 Nov 2010, 21:50:17 »
div è html

background è una proprietà assegnat acon css in line nel nostro caso.
Download e demo di Albo Pretorio On Line per Joomla 1.5 e Joomla 2.5 e 3
Moduli scuola On Line v1 per Joomla 3
http://valesweb.altervista.org

Offline virgus

  • Nuovo arrivato
  • *
  • Post: 39
    • Mostra profilo
Re:Scrivere da form su un'immagine
« Risposta #12 il: 11 Nov 2010, 01:25:45 »
Quindi come scriverlo?

Offline vales

  • Global Moderator
  • Instancabile
  • *****
  • Post: 8012
  • Sesso: Maschio
    • Mostra profilo
Re:Scrivere da form su un'immagine
« Risposta #13 il: 11 Nov 2010, 04:58:03 »
Nel precedente codice avevi sovrapposto più versioni.

Così funziona e vedo qualcosa. E' da formattare il testo nelle giuste posizioni. Ho tolto il javascript per semplicità, devi rimetterlo tu.

Codice: [Seleziona]
<html>
<head>
<title>Certificato Battesimo</title>
</head>
<body>
<?php
if (!isset($_POST['submit'])) { // if page is not submitted to itself echo the form
$nome $_POST["nome"];
$grado $_POST["grado"];
$officiante $_POST["officiante"];
$arcibat $_POST["arcibat"];
$diobat $_POST["diobat"];
$databat $_POST["databat"];

?>

<form method="post" action="<?php echo $PHP_SELF;?>">
Nome Battezzato:<br />
<input type="text" size="12" maxlength="20" name="nome"><br />
Officiante Battesimo:<br />
<input type="text" size="12" maxlength="20" name="officiante"><br />
Grado Ecclesiale:<br />
<select name="grado">
<option value="Suddiacono">Suddiacono</option>
<option value="Diacono">Diacono</option>
<option value="Cappellano Nobiliare">College Nobiliare</option>
<option value="Vicario">Vicario</option>
<option value="Sacrestano">Sacrestano</option>
<option value="Parroco">Parroco</option>
<option value="Vicario Diocesano">Vicario Diocesano</option>
<option value="Vicario Generale">Vicario Generale</option>
<option value="Vescovo">Vescovo</option>
<option value="Arcivescovo">Arcivescovo</option>
<option value="Vice Primate">Vice Primate</option>
<option value="Primate">Primate</option>
<option value="Patriarca">Patriarca</option
<option value="Cadinale">Cardinale</option></select><br />
Arcidiocesi Battesimo:<br />
<select name="arcibat">
<option value="Aquileia">Aquileia</option>
<option value="Genova">Genova</option>
<option value="Milano">Milano</option>
<option value="Firenze">Firenze</option>
<option value="Pisa">Pisa</option>
<option value="Siena">Siena</option>
<option value="Ravenna">Ravenna</option>
<option value="Roma">Roma</option>
<option value="Capua">Capua</option></select><br />
Diocesi Battesimo:<br />
<select name="diobat">
<option value="Venezia">Venezia</option>
<option value="Padova">Padova</option>
<option value="Parenzo">Parenzo</option>
<option value="Pola">Pola</option>
<option value="Portogruaro">Portogruaro</option>
<option value="Treviso">Treviso</option>
<option value="Mantua">Mantua</option>
<option value="Udine">Udine</option>
<option value="Genova">Genova</option>
<option value="Chiavari">Chiavari</option>
<option value="La Spezia">La Spezia</option>
<option value="Albenga">Albenga</option>
<option value="Ventimiglia">Ventimiglia</option>
<option value="Milano">Milano</option>
<option value="Como">Como</option>
<option value="Lodi">Lodi</option>
<option value="Alessandria">Alessandria</option>
<option value="Novara">Novara</option>
<option value="Savona">Savona</option>
<option value="Pavia">Pavia</option>
<option value="Firenze">Firenze</option>
<option value="Pistoia">Pistoia</option>
<option value="Montevarchi">Montevarchi</option>
<option value="Pisa">Pisa</option>
<option value="Volterra">Volterra</option>
<option value="Livorno">Livorno</option>
<option value="San Miniato">San Miniato</option>
<option value="Massa">Massa</option>
<option value="Siena">Siena</option>
<option value="Orbetello">Orbetello</option>
<option value="Grosseto">Grosseto</option>
<option value="Santa Fiora">Santa Fiora</option>
<option value="Piombino">Piombino</option>
<option value="Modena">Modena</option>
<option value="Mirandola">Mirandola</option>
<option value="Guestalla">Guestalla</option>
<option value="Parma">Parma</option>
<option value="Fornovo">Fornovo</option>
<option value="Piacenza">Piacenza</option>
<option value="L'Aquila">L'Aquila</option>
<option value="Arezzo">Arezzo</option>
<option value="Montepulciano">Montepulciano</option>
<option value="Teramo">Teramo</option>
<option value="Silvi">Silvi</option>
<option value="Chieti">Chieti</option>
<option value="Sulmona">Sulmona</option>
<option value="Avezzano">Avezzano</option>
<option value="Tagliacozzo">Tagliacozzo</option>
<option value="Terracina">Terracina</option>
<option value="Pontecorvo">Pontecorvo</option>
<option value="Capua">Capua</option>
<option value="Sessa Aurunca">Sessa Aurunca</option>
<option value="Gaeta">Gaeta</option></select><br />
Data battesimo:<br />

<input id="demo1" type="text" size="25" name="databat"><img src="http://forum.it.altervista.org/images/cal.gif" width="16" height="16" border="0" alt="Pick a date"><br /><br />

<input type="submit" value="submit" name="submit">
</form>
<?php
} else {
echo 
"<div style=\"background-image:url('http://i39.tinypic.com/1zgdi07.jpg'); width: 500px; height: 600px;\" >";
echo 
"Il nuovo fedele dell'Altissimo chiamato ".$nome.",<br />";
echo 
"dal ".$grado." ".$officiante."<br />";
echo 
"nella diocesi di ".$diobat.", facente parte dell'arcidiocesi di ".$arcibat.",<br />";
echo 
"in data ".$databat.".<br />";
echo 
"</div>";

?>


Download e demo di Albo Pretorio On Line per Joomla 1.5 e Joomla 2.5 e 3
Moduli scuola On Line v1 per Joomla 3
http://valesweb.altervista.org

Offline virgus

  • Nuovo arrivato
  • *
  • Post: 39
    • Mostra profilo
Re:Scrivere da form su un'immagine
« Risposta #14 il: 11 Nov 2010, 10:30:36 »
ciao e grazie per la risposta :)

dopo tantissmo travagliare e pensare sono arrivato ad una soluzione quasi finale.

ho raggiunto un ottimo risultato come potrai vedere dalla mia pagina una volta compilato il form

http://virgus87.altervista.org/index.php?option=com_jumi&fileid=3&Itemid=241

ecco il codice modificato:

Codice: [Seleziona]
<?php
$nome 
$_POST["nome"];
$grado $_POST["grado"];
$officiante $_POST["officiante"];
$arcibat $_POST["arcibat"];
$diobat $_POST["diobat"];
$databat $_POST["databat"];
if (!isset(
$_POST['submit'])) { // if page is not submitted to itself echo the form
?>

<html>
<head>
<title>Certificato Battesimo</title>
</head>
<body>
<form action="process.php" method="post" target="foo" onsubmit="window.open('', 'foo', 'width=520,height=620,status=yes,resizable=yes,scrollbars=yes')">
Nome Battezzato:<br />
<input type="text" size="12" maxlength="20" name="nome"><br />
Officiante Battesimo:<br />
<input type="text" size="12" maxlength="20" name="officiante"><br />
Grado Ecclesiale:<br />
<select name="grado">
<option value="Suddiacono">Suddiacono</option>
<option value="Diacono">Diacono</option>
<option value="Cappellano Nobiliare">College Nobiliare</option>
<option value="Vicario">Vicario</option>
<option value="Sacrestano">Sacrestano</option>
<option value="Parroco">Parroco</option>
<option value="Vicario Diocesano">Vicario Diocesano</option>
<option value="Vicario Generale">Vicario Generale</option>
<option value="Vescovo">Vescovo</option>
<option value="Arcivescovo">Arcivescovo</option>
<option value="Vice Primate">Vice Primate</option>
<option value="Primate">Primate</option>
<option value="Patriarca">Patriarca</option
<option value="Cadinale">Cardinale</option></select><br />
Arcidiocesi Battesimo:<br />
<select name="arcibat">
<option value="Aquileia">Aquileia</option>
<option value="Genova">Genova</option>
<option value="Milano">Milano</option>
<option value="Firenze">Firenze</option>
<option value="Pisa">Pisa</option>
<option value="Siena">Siena</option>
<option value="Ravenna">Ravenna</option>
<option value="Roma">Roma</option>
<option value="Capua">Capua</option></select><br />
Diocesi Battesimo:<br />
<select name="diobat">
<option value="Venezia">Venezia</option>
<option value="Padova">Padova</option>
<option value="Parenzo">Parenzo</option>
<option value="Pola">Pola</option>
<option value="Portogruaro">Portogruaro</option>
<option value="Treviso">Treviso</option>
<option value="Mantua">Mantua</option>
<option value="Udine">Udine</option>
<option value="Genova">Genova</option>
<option value="Chiavari">Chiavari</option>
<option value="La Spezia">La Spezia</option>
<option value="Albenga">Albenga</option>
<option value="Ventimiglia">Ventimiglia</option>
<option value="Milano">Milano</option>
<option value="Como">Como</option>
<option value="Lodi">Lodi</option>
<option value="Alessandria">Alessandria</option>
<option value="Novara">Novara</option>
<option value="Savona">Savona</option>
<option value="Pavia">Pavia</option>
<option value="Firenze">Firenze</option>
<option value="Pistoia">Pistoia</option>
<option value="Montevarchi">Montevarchi</option>
<option value="Pisa">Pisa</option>
<option value="Volterra">Volterra</option>
<option value="Livorno">Livorno</option>
<option value="San Miniato">San Miniato</option>
<option value="Massa">Massa</option>
<option value="Siena">Siena</option>
<option value="Orbetello">Orbetello</option>
<option value="Grosseto">Grosseto</option>
<option value="Santa Fiora">Santa Fiora</option>
<option value="Piombino">Piombino</option>
<option value="Modena">Modena</option>
<option value="Mirandola">Mirandola</option>
<option value="Guestalla">Guestalla</option>
<option value="Parma">Parma</option>
<option value="Fornovo">Fornovo</option>
<option value="Piacenza">Piacenza</option>
<option value="L'Aquila">L'Aquila</option>
<option value="Arezzo">Arezzo</option>
<option value="Montepulciano">Montepulciano</option>
<option value="Teramo">Teramo</option>
<option value="Silvi">Silvi</option>
<option value="Chieti">Chieti</option>
<option value="Sulmona">Sulmona</option>
<option value="Avezzano">Avezzano</option>
<option value="Tagliacozzo">Tagliacozzo</option>
<option value="Terracina">Terracina</option>
<option value="Pontecorvo">Pontecorvo</option>
<option value="Capua">Capua</option>
<option value="Sessa Aurunca">Sessa Aurunca</option>
<option value="Gaeta">Gaeta</option></select><br />
Data battesimo:<br />
<script language="javascript" type="text/javascript" src="datetimepicker.js">

//Date Time Picker script- by TengYong Ng of http://www.rainforestnet.com
//Script featured on JavaScript Kit (http://www.javascriptkit.com)
//For this script, visit http://www.javascriptkit.com

</script>

<input id="demo1" type="text" size="25" name="databat"><a href="javascript:NewCal('demo1','ddmmyyyy')"><img src="http://virgus87.altervista.org/images/cal.gif" width="16" height="16" border="0" alt="Pick a date"></a><br /><br />

<input type="submit" value="submit" name="submit">
</form>
<?
} else {
echo "Il nuovo fedele dell'Altissimo chiamato ".$nome.",<br />";
echo "dal ".$grado." <i>".$officiante."</i><br />";
echo "nella diocesi di ".$diobat.", facente parte dell'arcidiocesi di ".$arcibat.",<br />";
echo "in data ".$databat.".<br />";
}
?>


inoltre ho inserito nella cartella principale del mio sito il file process.php con questo codice che però mi da ancora un problema non riesco ad inserire il font che desidero per il testo (infatti come potrai leggere avrò fatto qualche casotto nell'inserimento della voce fontface :P):
:

Citazione
<html>
<body>
<div id="container">
<p id="dichiarazione"> Il nuovo fedele dell'Altissimo chiamato <?php echo $_POST["nome"]; ?> ha ricevuto il sacramento del battesimo,

dal <?php echo $_POST["grado"];?>  <?php echo $_POST["officiante"]; ?>

nella diocesi di <?php echo $_POST["diobat"];?>, facente parte dell'arcidiocesi di <?php echo $_POST["arcibat"]; ?>,

in data <?php echo $_POST["databat"]; ?>.

<p>
</div>

<style type="text/css">
div#container {background:url("http://i39.tinypic.com/1zgdi07.jpg") no-repeat scroll center top #FFFFFF; width: 500; height: 600;}
p#dichiarazione{text-align:center; font-size:1.2em; position:relative; top: 350;}

@font-face {
font-family: "Kimberley";
src: url(http://www.princexml.com/fonts/larabie/kimberle.ttf) format("truetype");
}
h1 { font-family: "Kimberley", sans-serif }
}
</style>

</body>
</html>

potresti aiutarmi a capire come far visualizzare il testo con il font desiderato?

e cosa più importante come poter fondere testo e sfondo per permettere all'utente di salvare il tutto come immagine?

Offline virgus

  • Nuovo arrivato
  • *
  • Post: 39
    • Mostra profilo
Re:Scrivere da form su un'immagine
« Risposta #15 il: 12 Nov 2010, 12:12:56 »
Rieccomi  :D

Ho trovato questo script in giro per il web che afferma di poter trasformare un testo in un'immagine.
Può essere utile per trasformare il testo in immagine e dire inoltre allo script di prendere come sfondo quello della pergamena?

Codice: [Seleziona]
<?php
/**
 * Class for converting Text to Image.
 * Font type can be specified
 * The alignment where the text will echo can also be set.
 *
 * @compiled Subesh Pokhrel from PHP.net and PHPclasses.org
 *
 */
define("ALIGN_LEFT""left");
define("ALIGN_CENTER""center");
define("ALIGN_RIGHT""right");

class 
TextToImage {

private $im;

/**
 * @name     : makeImageF
 *
 * Function for create image from text with selected font.
 *
 * @param String $text     : String to convert into the Image.
 * @param String $font     : Font name of the text.
 * @param int    $W        : Width of the Image.
 * @param int    $H        : Hight of the Image.
 * @param int  $X        : x-coordinate of the text into the image.
 * @param int    $Y        : y-coordinate of the text into the image.
 * @param int    $fsize    : Font size of text.
 * @param array  $color    : RGB color array for text color.
 * @param array  $bgcolor  : RGB color array for background.
 *
 */
public function makeImageF($text$font="CENTURY.TTF"$W=800$H=200$X=0$Y=0$fsize=18$color=array(0x0,0x0,0x0), $bgcolor=array(0xFF,0xFF,0xFF)){

$this->im = @imagecreate($W$H)
or die("Cannot Initialize new GD image stream");

$background_color imagecolorallocate($this->im$bgcolor[0], $bgcolor[1], $bgcolor[2]); //RGB color background.
$text_color imagecolorallocate($this->im$color[0], $color[1], $color[2]); //RGB color text.

$this->imagettftextbox($this->im$fsize,0$X,$Y$text_color$font$text,800);
}

/**
* This function works to set alignment in image and write image.
*/
public function imagettftextbox(&$image$size$angle$left$top$color$font$text$max_width)
{
$text_lines explode("\n"$text); // Supports manual line breaks!

$lines = array();
$line_widths = array();

$largest_line_height 0;

foreach($text_lines as $block)
{
$current_line ''// Reset current line
$align=ALIGN_CENTER// Setting Alignment
$words explode(' '$block); // Split the text into an array of single words

$first_word TRUE;

$last_width 0;

for($i 0$i count($words); $i++)
{
$item $words[$i];
$dimensions imagettfbbox($size$angle$font$current_line . ($first_word '' ' ') . $item);
$line_width $dimensions[2] - $dimensions[0];
$line_height $dimensions[1] - $dimensions[7];

if($line_height $largest_line_height$largest_line_height $line_height;

if($line_width $max_width && !$first_word)
{
$lines[] = $current_line;

$line_widths[] = $last_width $last_width $line_width;

/*if($i == count($words))
 {
 continue;
 }*/

$current_line $item;
}
else
{
$current_line .= ($first_word '' ' ') . $item;
}

if($i == count($words) - 1)
{
$lines[] = $current_line;

$line_widths[] = $line_width;
}

$last_width $line_width;

$first_word FALSE;
}

if($current_line)
{
$current_line $item;
}
}

$i 0;
foreach($lines as $line)
{
if($align == ALIGN_CENTER)
{
$left_offset = ($max_width $line_widths[$i]) / 2;
}
elseif($align == ALIGN_RIGHT)
{
$left_offset = ($max_width $line_widths[$i]);
}
imagettftext($image$size$angle$left $left_offset$top $largest_line_height + ($largest_line_height $i), $color$font$line);
$i++;
}

return $largest_line_height count($lines);
}

/**
 * @name showAsPng
 *
 * Function to show text as Png image.
 *
 */
public function showAsPng(){

header("Content-type: image/png");
return imagepng($this->im);
}

}
?>

Citazione
Save this file as TextToImage.class.php.

And then use this code to call the classes instance.

Codice: [Seleziona]
<?php
/** Downloaded from PHP classes
* Please note that KORONG.TTF font file should be present to run the code.
*/

ini_set("display_errors",1);
require_once(
'TextToImage.class.php');
$_im = new TextToImage();
$_im->makeImageF("Thank you ! Subesh Pokhrel \n subesh.com.np","KORONG.TTF");
$_im->showAsPng();
?>

Si può fare?

 



Web Design Bolzano Kreatif