Intégration formulaire PHP dans une rubrique ?

mathieu

Octobre 2016

Bonjour,

J’ai créé un formulaire en PHP et je souhaiterais l’intégrer dans l’une des rubriques de mon site.

Quelques précisions sur ce formulaire :

il contient plusieurs listes qui vont piocher les infos dans une table (située dans l’idéal dans une autre base de données que celle du site SPIP mais si ça simplifie beaucoup les choses, je peux mettre la table dans la base de données su site),
ce formulaire doit me permettre d’intégrer les infos dans une autre table de la basse de données.

Malheureusement pour moi, je me suis rendu compte après coup qu’il ne semblait pas possible d’intégrer du code PHP directement dans le squelette de ma rubrique...

Du coup, voici ma question, existe-t-il un moyen d’intégrer mon formulaire dans ma rubrique ? Si oui, je suis preneur de quelques pistes car mes recherches sur le net ne m’ont pas trop aidées pour le moment...

Je précise par ailleurs que je suis relativement novice dans l’élaboration d’un site internet. Tout ce que j’ai appris, je l’ai fait de manière un peu empirique en récupérant des bouts de codes en les adaptant à mes besoins.

Et pour information, voici mon formulaire :

Le formulaire en image

<?php
	// On stock les valeurs sélectionnées dans les listes déroulantes pour ne pas les perdre au rechargement de la page
	$continent = isset( $_POST['continent'] ) ? $_POST['continent'] : "" ;
	$format = isset( $_POST['format'] ) ? $_POST['format'] : "" ;
	$selectedValue = 'selected="selected"';
?>

<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>Formulaire de saisie</title>
		<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css" type="text/css" media="all" />
		<link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" />
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
		<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js" type="text/javascript"></script>
    </head>
	
	<body>
	
		<h1>Saisir une nouvelle publication</h1>
		
		<form method="post" action="formulaire.php">
			<p>Continent : <select name="continent" required>
				<option value="">-- Choisissez un continent --</option>
<?php
	include("connexion.php");
	$sql_continents = "SELECT id, name_fr FROM continent ORDER BY name_fr";
	$rech_continents = $base->prepare($sql_continents);
	$rech_continents->execute();
	while($ligne_continent = $rech_continents->fetch(PDO::FETCH_ASSOC))
	{
?>
				<option value="<?php echo($ligne_continent['id']); ?>" <?php if($continent == $ligne_continent['id']) echo $selectedValue ?> > <?php echo($ligne_continent['name_fr']); ?></option>
<?php
	}
	$rech_continents->closeCursor();
	$base = null;
?>
			</select></p>
			<p>Format : <select name="format" required>
				<option value="">-- Choisissez un format --</option>
<?php
	include("connexion.php");
	$sql_formats = "SELECT id, name FROM format";
	$rech_formats = $base->prepare($sql_formats);
	$rech_formats->execute();
	while($ligne_format = $rech_formats->fetch(PDO::FETCH_ASSOC))
	{
?>
				<option value="<?php echo($ligne_format['id']); ?>" <?php if($format == $ligne_format['id']) echo $selectedValue ?> > <?php echo($ligne_format['name']); ?></option>
<?php
	}
	$rech_formats->closeCursor();
	$base = null;
?>
			</select></p>
	<p>Remarque : <textarea id="txa" name="main_title" rows="7" required></textarea></p>
	<p id="cnt"></p>

	
			<input type="submit" name="valider" value="Envoyer"/>
		</form>


<?php
	if (isset ($_POST['valider']))
	{
		// On récupère les valeurs entrées par l'utilisateur :
		$continent=$_POST['continent'];
		$format=$_POST['format'];
		$main_title=$_POST['main_title'];
			// On se connecte
			include("connexion.php");
			// On prépare la commande sql
			$sql_saisie = "INSERT INTO bdd_test (id_continent, id_format, main_title) VALUES(:continent, :format, :main_title)"; 
			$params = array(':continent' => $continent, ':format' => $format ,':main_title' => $main_title);
			try
			{
				$sql_inject = $base->prepare($sql_saisie);
				$sql_inject->execute($params);
			}
			catch (Exception $e)
			{
				echo "<br>Erreur : " . $e->getMessage(); 
				echo "<br> Requete :".$sql_saisie;
			}
			// Message de validation ou d'échec
			if (!$sql_inject)
			{
				echo "Votre saisie a échoué</br>";
				echo '<a href="../BDD/sommaire.html">Revenir à l\'accueil</a>';
			}
			else
			{
				echo "Votre saisie est réussie</br>";
				echo '<a href="../BDD/sommaire.html">Revenir à l\'accueil</a></br>';
			}
			// On ferme la connexion
			$base = null;
	}
?>		

<script type="text/javascript">
var maxChr=255; // limite max fixée
function $(i){return document.getElementById(i)}
function red(nbrChr){return Math.round(255*Math.pow(0.977,maxChr-nbrChr))}
function countChr(){
    var len=$('txa').value.length;
    if (maxChr<len) {$('txa').value=$('txa').value.substr(0,maxChr);len=maxChr}
    $('cnt').innerHTML='<span style="color:rgb('+red(len)+',0,0)">'+len+' caractère'+(1<len?'s':'')+'</span> / '+maxChr;
    if (len<maxChr) $('cnt').className="";else $('cnt').className="bold";
};
(function(){
    $('txa').onkeyup=countChr;
    countChr();
})();
</script>

	</body>
	
</html>

Résolu

Par note Par date Par date chronologique

Indiquez l’intérêt que vous portez à cette réponse

0

Pierrox

Octobre 2016

Salut,

Il faudrait utiliser la norme CVT :
avec une partie HTML pour l’affichage et une partie PHP pour le traitement
http://www.spip.net/fr_article3796.html

ensuite il est possible d’intégrer le formulaire dans un contenu de rubrique avec le raccourci typo <formulaire|mon_formulaire>

Spip utilise déjà sa couche d’abstraction sql.
http://programmer.spip.net/-API-SQL-

de plus si vous souhaitez utiliser cette couche d’abstraction sur une autre table que celle par défaut du site il faut la déclarer au préalable dans le dossier config ou via l’interface dédié dans le privé.
http://programmer.spip.net/Declarer-une-autre-base

Pour récuperer des infos sur une autre table c’est le paramètre $serveur
exemple d’une fonction de l’api sql :
http://code.spip.net/autodoc/tree/ecrire/base/abstract_sql.php.html#function_sql_allfetsel

Bon courage :)
Indiquez l’intérêt que vous portez à cette réponse

0

mathieu

Octobre 2016

Merci beaucoup pour toutes ces indications ! Je vais m’y coller et je reviendrai faire part de mes résultats.
Indiquez l’intérêt que vous portez à cette réponse

0

mathieu

Octobre 2016

Bonsoir,

Je me suis donc mis dessus et je bloque déjà... Si une âme charitable a la possibilité de me venir en aide, je lui en serai très reconnaissant :p.

Pour le moment, j’essaie de prendre en main les choses donc pour commencer, je veux simplement afficher un formulaire sous la forme d’une seule liste déroulante qui irait piocher la colonne "name_fr" d’une table "continent" qui se situe dans la base de données "bdd_test" qui est différente de la base de données SPIP.

Voici où j’en suis :

1 / J’ai créé un fichier "bdd_test.php" que j’ai placé dans le dossier "config" afin de paramétrer la connexion à la base de données externe.

Ce fichier semble bien fonctionner car en mettant le code ci-dessous dans le squelette de ma rubrique, les noms des continents s’affichent bien.
<BOUCLE_externe(bdd_test:continent)> <div> <h2>#NAME_FR</h2> </div> </BOUCLE_externe>
2 / Dans le dossier "formulaires", j’ai créé un fichier "test.html" qui contient la l’ébauche de la liste déroulante mentionnée ci-dessus. Voici le contenu :
<form action='#ENV{action}' method='post'> #ACTION_FORMULAIRE{#ENV{action}} <label>Continent</label> <select name="continent" required> <option value="">-- Choisissez un continent --</option> <option value='#ENV{continent}'>#ENV{continent}</option> </select> <input type='submit' name='ok' value='ok' /> </form>
3 / Dans le dossier "formulaires", j’ai également créé un fichier "test.php" et dans lequel je ne sais pas tellement quoi mettre. La doc SPIP est un peu trop abstraite pour mes maigres compétences... Voici pour le moment ce que j’ai mis dedans :
<?php function formulaires_test_charger_dist(){ $continent = sql_allfetsel('name_fr','continent','','','','','','bdd_test'); } ?>
4/ Et enfin, dans le squelette de ma rubrique, j’ai inséré le formulaire comme ceci :
<div class="ajax"> #FORMULAIRE_TEST </div>
Bien évidemment, ça ne fonctionne pas. Je n’ai pas de message d’erreur, mais rien ne s’affiche là où il devrait y avoir le formulaire.

Si ça peut aider à mieux visualiser ce que je cherche à faire, je mets le bout de code PHP de la partie du formulaire que je souhaiterais "convertir" en langage SPIP :
<select name="continent" required> <option value="">-- Choisissez un continent --</option> <?php include("connexion.php"); $sql_continents = "SELECT id, name_fr FROM continent ORDER BY name_fr"; $rech_continents = $base->prepare($sql_continents); $rech_continents->execute(); while($ligne_continent = $rech_continents->fetch(PDO::FETCH_ASSOC)) { ?> <option value="<?php echo($ligne_continent['id']); ?>" <?php if($continent == $ligne_continent['id']) echo $selectedValue ?> > <?php echo($ligne_continent['name_fr']); ?></option> <?php } $rech_continents->closeCursor(); $base = null; ?> </select>
Merci par avance à ceux qui pourront me donner des pistes ^^.
Indiquez l’intérêt que vous portez à cette réponse

0

Pierrox

Octobre 2016

Ah super vous avez pas mal avancé !

Il faut que chaque fonction de cvt retourne un tableau array() et en particulier charger ! sans quoi le form ne se chargera pas !
<?php // securite if (!defined('_ECRIRE_INC_VERSION')) return; function formulaires_test_charger_dist(){ $charger = array(); $charger['continents'] = sql_allfetsel('name_fr','continent','','','','','','bdd_test'); $charger['autre_val]' = 'lol'; return $charger; } function formulaires_test_verifier_dist(){ $erreurs = $array(); // $erreurs['mon_erreur'] = "Attention saisie incorrect"; return $erreurs; } function formulaires_test_charger_dist(){ $desc = array(); $desc['message_ok'] = 'bravo formulaire envoyé'; return $desc; } ?>
dans la partie test.html :

vous pouvez récuperer les valeurs
#ENV{autre_val} [<span class="success">(#ENV{message_ok})</span>] [<span class="error">(#ENV{erreurs/mon_erreur})</span>] [] <BOUCLE_data(DATA){source table, #ENV{continents}}> #VALEUR{name_fr} ou #NAME_FR </BOUCLE_data>
Mais vous pourriez très bien faire une boucle spip comme dans votre exemple sans forcement charger ces valeurs via la fonction charger ( là c’est comme vous voulez)

A noter que les #BALISES peuvent recevoir des fonctions php ou autre :
[<pre>(#ENV{continents}|print_r{1})</pre>]

A propos des boucles data
http://www.spip.net/fr_article5443.html
Indiquez l’intérêt que vous portez à cette réponse

0

mathieu

Octobre 2016

Bonsoir,

Encore une fois, merci beaucoup brain_damage pour ces précieuses indications ! Je pense avoir pas mal avancé grâce à vos conseils.

J’ai donc réussi à construire mon formulaire CVT sous forme de liste déroulante. Néanmoins, lorsque je valide le formulaire, tout fonctionne bien, excepté le fait qu’à la suite du rechargement du div "ajaxé", ma liste déroulante ne me propose plus la liste des continents... Pour pouvoir accéder de nouveau à la liste, il faut que je recharge l’intégralité de la page.

Existe-t-il un moyen d’y remédier ?

Voici mon code pour information, et par ailleurs, s’il y a des choses qui paraissent aberrantes, je suis preneur d’éventuelles corrections ^^ :

1 / Le contenu de mon fichier "test.php"
<?php // securite if (!defined('_ECRIRE_INC_VERSION')) return; function formulaires_test_charger_dist(){ $valeurs = array( 'liste_continents' => sql_allfetsel('name_fr','continent','','','','','','bdd_test') ); return $valeurs; } function formulaires_test_verifier_dist (){ $erreurs = array(); // verifier que les champs obligatoires sont bien la : foreach(array('liste_continents') as $obligatoire) if (!_request($obligatoire)) $erreurs[$obligatoire] = 'Ce champ est obligatoire'; if (count($erreurs)) $erreurs['message_erreur'] = 'Votre saisie contient des erreurs !'; return $erreurs; } function formulaires_test_traiter_dist (){ $liste_continents = _request('liste_continents'); $retour = array('editable' => true); if (isset ($liste_continents)){ $retour['message_ok'] = "Vous avez sélectionné le contient suivant : $liste_continents"; } else { $retour['message_erreur'] = "Erreur"; } return $retour; } ?>
2 / Le contenu de mon fichier "test.html"
<div class="formulaire_spip formulaire_#FORM"> [<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>] [<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>] <form name="formulaire_#FORM" action="#ENV{action}" method="post"> <div> #ACTION_FORMULAIRE{#ENV{action}} <ul> <li class="obligatoire[ (#ENV**{erreurs}|table_valeur{liste_continents}|oui)erreur]"> <label for="choix_continent">Continent : [<span class='erreur_message'>(#ENV**{erreurs}|table_valeur{liste_continents})</span>]</label> <select id="choix_continent" name="liste_continents"> <option value="">-- Choisissez un continent --</option> [] <BOUCLE_data(DATA){source table, #ENV{liste_continents}}> <option value='#NAME_FR'> #NAME_FR </option> </BOUCLE_data> </select> </li> </ul> <p class="boutons"> <input type="submit" name="ok" value="ok" /> </p> </div> </form> </div>
3 / Pour rappel, voilà comment j’appelle le formulaire dans ma rubrique
<div class="ajax"> #FORMULAIRE_TEST </div>
4 / Et enfin, voici comment est paramétré l’accès à la base de données contenant la table "continent"
<?php if (!defined("_ECRIRE_INC_VERSION")) return; defined('_MYSQL_SET_SQL_MODE') || define('_MYSQL_SET_SQL_MODE',true); $GLOBALS['spip_connect_version'] = 0.8; spip_connect_db('localhost','','root','mon mot de passe','bdd','mysql','','','utf8'); ?>
Une fois ce problème résolu, il me restera à voir comment il est possible d’enregistrer les infos du formulaire dans autre table de ma base de données contenant la table "continent". J’imagine que c’est dans la partie "traiter" du formulaire CVT qu’il faudra mettre en place ceci.

Et encore une fois, merci par avance à ceux qui pourront me donner un coup de pouce.
Indiquez l’intérêt que vous portez à cette réponse

0
Pierrox

Novembre 2016
Salut,

c’est le name du select qui se télescope avec le variable #ENV{liste_continents} envoyer par charger :

il suffit de changer le nom du name dans le select :
<select id="choix_continent" name="liste_continents">
par
<select id="choix_continent" name="continent_selectionne">

et il faut penser a declarer cette nouvelle variable dans le charger
function formulaires_test_charger_dist(){ $valeurs = array( 'liste_continents' => sql_allfetsel('name_fr','continent','','','','','','bdd_test'), 'continent_selectionne' => '' ); return $valeurs; }
on recupere la valeur en squelette #ENV{continent_selectionne} ou en php _request('continent_selectionne');

Sinon y a plus simple, dans la vue HTML on peu boucler directement sur la base declarée afin de générer le select ( et plus besoins de la requte dans charger :D )
[<--(#REM) syntaxe nom_connect:TABLE -->] <BOUCLE_continent(test_bdd:CONTINENT)> #NAME_FR </BOUCLE_continent>
Voilà :)
Indiquez l’intérêt que vous portez à cette réponse

0
mathieu

Novembre 2016
Bonsoir, encore une fois, un grand merci pour toutes ces indications !

Merci pour le tuyau pour boucler directement dans la vue HTML. J’en prends bien note pour la suite quand je serai plus à l’aise avec les formulaires CVT.

J’ai donc apporté les modifications indiquées et ça me permet bien de retrouver les valeurs dans le select après rechargement du formulaire suite à validation. Au top !

Note : si jamais ça peut servir à quelqu’un d’autre, à la fin de ce message, je mets le contenu de mes fichiers "test.html" et "test.php" modifiés.

Et donc avant d’essayer de construire un formulaire plus complexe, mon étape ultime de cette phase d’exploration serait d’enregistrer la valeur de mon select dans une autre table de ma base de données (bdd) lorsque je le valide. Et là encore, je pédale dans la semoule...

Malgré mes recherches (notamment sql_insertq et CVT sql_update et sql_insert... AIDEZ MOI !!) je n’ai pas trouvé la solution...

Donc déjà, voici comment est faite la table dans laquelle je veux enregistrer les données de mon formulaire :
```
CREATE TABLE exemple (
  id INTEGER NULL AUTO_INCREMENT DEFAULT NULL,
  name VARCHAR(255) NULL DEFAULT NULL,
  PRIMARY KEY (id)
);
```
Cette table "exemple" est située dans la même bdd que celle où je vais piocher les noms de mes continents (pour rappel qui n’est pas la même bdd que celle du site spip si jamais ça a une importance). Et donc je veux insérer les noms des continents envoyés par la validation du formulaire dans le champ "name" de cette table "exemple".

Voici ce que j’ai écris dans la partie traiter de mon formulaire avec la fonction sql_insertq (ça ne fonctionne malheureusement pas) :
function formulaires_test_traiter_dist (){ $resultat = _request('continent_selectionne'); sql_insertq('exemple', array('name'=>$resultat)); $retour = array('editable' => true); if (isset ($resultat)){ $retour['message_ok'] = "Vous avez sélectionné le contient suivant : $resultat"; } else { $retour['message_erreur'] = "Erreur"; } return $retour; }
En tâtonnant, j’ai essayé plein d’autres variantes en modifiant les noms des variables, en déclarant des variables sous forme d’array, en essayant de déclarer des "variables" dans la partie charger du formulaire, etc. Mais sans plus de résultats.

Voilà, encore une fois je suis preneur d’éventuels coups de pouce :p.

Et donc à toute fin utile, voici le contenu de mes fichiers "test.html" et "test.php" modifiés :
<div class="formulaire_spip formulaire_#FORM"> [<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>] [<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>] <form name="formulaire_#FORM" action="#ENV{action}" method="post"> <div> #ACTION_FORMULAIRE{#ENV{action}} <ul> <li class="obligatoire[ (#ENV**{erreurs}|table_valeur{continent_selectionne}|oui)erreur]"> <label for="choix_continent">Continent : [<span class='erreur_message'>(#ENV**{erreurs}|table_valeur{continent_selectionne})</span>]</label> <select id="choix_continent" name="continent_selectionne"> <option value="">-- Choisissez un continent --</option> [] <BOUCLE_data(DATA){source table, #ENV{liste_continents}}> <option value='#NAME_FR'> #NAME_FR </option> </BOUCLE_data> </select> </li> </ul> <p class="boutons"> <input type="submit" name="ok" value="ok" /> </p> </div> </form> </div> <?php // securite if (!defined('_ECRIRE_INC_VERSION')) return; function formulaires_test_charger_dist(){ $valeurs = array( 'liste_continents' => sql_allfetsel('name_fr','continent','','','','','','bdd_test'), 'continent_selectionne' => '' ); return $valeurs; } function formulaires_test_verifier_dist (){ $erreurs = array(); // verifier que les champs obligatoires sont bien la : foreach(array('continent_selectionne') as $obligatoire) if (!_request($obligatoire)) $erreurs[$obligatoire] = 'Ce champ est obligatoire'; if (count($erreurs)) $erreurs['message_erreur'] = 'Votre saisie contient des erreurs !'; return $erreurs; } function formulaires_test_traiter_dist (){ $resultat = _request('continent_selectionne'); sql_insertq('exemple', array('name'=>$resultat)); $retour = array('editable' => true); if (isset ($resultat)){ $retour['message_ok'] = "Vous avez sélectionné le contient suivant : $resultat"; } else { $retour['message_erreur'] = "Erreur"; } return $retour; } ?>
Indiquez l’intérêt que vous portez à cette réponse

0

mathieu

Novembre 2016

C’est bon ! Je me suis répondu à moi même. J’ai trouvé l’info qu’il me manquait sur cette page : http://code.spip.net/autodoc/tree/e....

Je n’avais tout simplement pas déclaré mon connecteur dans la requête sql_insertq...

Voici donc la bonne syntaxe :
sql_insertq('exemple', array('name'=>$resultat),'','bdd_test','');
Bon, maintenant je passe aux choses sérieuses avec un formulaire un peu plus complexe et j’aurai enfin atteint mon objectif !

EDIT : Bizarre, ce message s’affiche instantanément alors que mon message précédant n’apparaît pas encore ?
Indiquez l’intérêt que vous portez à cette réponse

0

Pierrox

Novembre 2016

Ah super,

Oui le message précédent était parti dans spam à cause des liens sur les fonctions php générés automatiquement.

Je mets en résolu alors :)