Tableauwiki, générateur de tableau : Différence entre versions
De Wiki ODR
								
												
				| (11 révisions intermédiaires par un autre utilisateur non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
| − | Pour  | + | === introduction === | 
| + | |||
| + | Pour faciliter la création de tableau dans le Wiki ODR, un module indépendant a été programmé. Il permet de générer des tableaux formatés en code wiki à partir d'un tableau en format texte ayant comme délimiteur des point-virgules. | ||
| + | |||
| + | |||
| + | === Utilisation du script === | ||
| + | |||
| + | *Cliquer sur "générateur de tableau" dans le menu de gauche | ||
| + | |||
| + | *Une nouvelle fenêtre (popup) doit s'ouvrir exécutant le script tableauwiki. Si ce n'est pas le cas vous devez autoriser votre navigateur à ouvrir les pages popup pour ce site. | ||
| + | |||
| + | *suivez les instructions, rédigez votre tableau en utilisant comme séparateur des colonnes des points virgules, ou copier-coller votre futur tableau à partir d'un document word, notepad etc. | ||
| + | |||
| + | *Cliquez sur le bouton "traiter" | ||
| + | |||
| + | *Le code wiki du tableau est généré, vous pouvez le copier et le coller dans votre article. | ||
| + | |||
| + | *en cliquant sur "revenir au formulaire", il est possible de corriger le tableau ou d'écrire un nouveau tableau | ||
| + | |||
| + | *Il est conseillé de garder la fenêtre tableauwiki ouverte tout au long de la rédaction de l'article si d'autres tableaux doivent être insérés. | ||
| + | |||
| + | |||
| + | === Limitations === | ||
| + | |||
| + | *Tableauwiki n'est pas un module officiel de mediawiki. Le script est réservé à un usage dans le Wiki ODR. | ||
| + | |||
| + | *L'insertion d'espaces avant ou après le tableau dans le cadre du formulaire génèrent des lignes supplémentaires.  | ||
| + | |||
| + | *Le navigateur doit autoriser l'ouverture de pages popup pour le site du Wiki ODR (conseil si vous rencontrez un problème : appliquer "toujours autoriser les pages popup pour ce site").  | ||
| + | |||
| + | *Si vous ouvrez tableauwiki durant la rédaction d'un article, faîte au préalable une copie de l'article (Ctrl+A suivi de Ctrl+c) au cas  où le navigateur perdrait la session. Normalement, la page en cours doit être réaffichée automatiquement dans la fenêtre principale. | ||
| + | |||
| + | *Il est actuellement impossible avec tableauwiki de fusionner des cellules. L'utilisateur doit le faire lui-même en utilisant les balises html correspondantes (colspan). | ||
| + | |||
| + | ===Exemple de tableaux générés=== | ||
| + | |||
| + | |||
| + |  titre 1;titre 2;titre 3   | ||
| + |  colonne 1;colonne 2;colonne 3   | ||
| + |  ;ligne 2;     | ||
| {| cellpadding="3" cellspacing="0" border="1" style="font-size: 95%; border: black solid 1px;border-collapse: collapse;" | {| cellpadding="3" cellspacing="0" border="1" style="font-size: 95%; border: black solid 1px;border-collapse: collapse;" | ||
| Ligne 16 : | Ligne 55 : | ||
| |} | |} | ||
| + | |||
| + |  titre 1;titre 2;titre 3 | ||
| + |  1;2;3.5 | ||
| {| cellpadding="3" cellspacing="0" border="1" style="font-size: 95%; border: black solid 1px;border-collapse: collapse;" | {| cellpadding="3" cellspacing="0" border="1" style="font-size: 95%; border: black solid 1px;border-collapse: collapse;" | ||
| Ligne 27 : | Ligne 69 : | ||
| | style="border:1px solid black;" align="center" |3.5 | | style="border:1px solid black;" align="center" |3.5 | ||
| |} | |} | ||
| + | |||
| + | |||
| + | ===Script tableauwiki :=== | ||
| + | |||
| + | <pre> | ||
| + | |||
| + | <?php | ||
| + | |||
| + | require "fichier de configuration...." ; | ||
| + | |||
| + | if($tableau != '') | ||
| + | 	{ | ||
| + | 	// remplacer les retours chariot par des retours à la ligne  | ||
| + | 	//$tableau=nl2br($tableau);  | ||
| + | |||
| + | 	// sépare les lignes | ||
| + | 	$ligne = explode("\r",$tableau) ; | ||
| + | |||
| + | 	// définit un fond gris pour le corps de la page | ||
| + | 	echo "<BODY BGCOLOR=\"#EEEEEE\" >"; | ||
| + | |||
| + | 	// commentaire à afficher | ||
| + | 	echo "<P>copier les lignes ci-dessous et les insérer dans l'article du Wiki ODR:</p>" ; | ||
| + | |||
| + | 	// création d'un cadre contenant le code wiki | ||
| + | 	echo "<table BGCOLOR=\"#FFFFFF\" cellpadding=\"10\" style=\"border:1px solid;border-color:#7F9DB9\"><tr><td>"; | ||
| + | |||
| + | 	// affichage de la première ligne du tableau wiki à copier | ||
| + | 	echo htmlentities('{| cellpadding="3" cellspacing="0" border="1" style="font-size: 95%; border: black solid 1px;border-collapse: collapse;"')."<br>";  | ||
| + | |||
| + | 	// boucle de lecture des lignes du tableau | ||
| + | 	for( $i=0 ; $i<count($ligne) ; $i++) | ||
| + | 		{ | ||
| + | 		// séparateur en code wiki des lignes du tableau à afficher pour chaque nouvelle ligne | ||
| + | 		echo "|- <br>" ; | ||
| + | |||
| + | 		// séparation des champs pour chaque ligne (séparateur point-virgule) | ||
| + | 		$champ = explode(";",$ligne[$i]) ; | ||
| + | |||
| + | 		// affichage du contenu des cases en code wiki | ||
| + | 		for( $y=0 ; $y<count($champ) ; $y++) | ||
| + | 			{ | ||
| + | 			if($champ[$y] == '' or is_null($champ[$y]) or $champ[$y] == ' ' or $champ[$y] == ' ' ) $champ[$y] = htmlentities(' ') ; | ||
| + | |||
| + | 			IF ($i==0 && $titre==TRUE) echo htmlentities('! bgcolor="#F2F2F2" style="border:1px solid black;" |').$champ[$y]."<br>" ; | ||
| + | 			ELSE  | ||
| + | 				{ | ||
| + | 				echo htmlentities('| style="border:1px solid black;"') ; | ||
| + | 				if($position == "C" ) echo htmlentities(' align="center"'); | ||
| + | 				if($position == "D" ) echo htmlentities(' align="right"'); | ||
| + | 				echo " |".$champ[$y]."<br>" ; | ||
| + | 				} | ||
| + | 			} | ||
| + | 		} | ||
| + | |||
| + | 	// fin du tableau wiki | ||
| + | 	echo "|}" ; | ||
| + | |||
| + | 	// fermeture du cadre contenant le code wiki à copier | ||
| + | 	echo "</td></tr></table>" ; | ||
| + | |||
| + | 	// lien pour retour à la page précédente | ||
| + | 	echo "<p /><a href=\"javascript:history.back()\">revenir au formulaire</a>" ; | ||
| + | |||
| + | 	echo "</body>" ; | ||
| + | |||
| + | 	// fin d'exécution du script | ||
| + | 	exit ; | ||
| + | 	} | ||
| + | |||
| + | ?> | ||
| + | <html> | ||
| + | <!-- formulaire HTML pour récupérer les informations du futur tableau --> | ||
| + | <BODY BGCOLOR="#EEEEEE"> | ||
| + | <table border="0" width="800px"> | ||
| + | <tr> | ||
| + | 	<TD> | ||
| + | 		<CENTER><b>Générateur de tableau pour le Wiki ODR.</b><BR> <BR>Copiez votre futur tableau avec comme séparateur des point-virgules. <BR> <br>La première ligne peut contenir le nom des colonnes, dans ce cas cochez la case ci-dessous. <br> cliquez sur le bouton Traiter en bas de page pour exécuter le script<br> <br><i>(Attention pas d'espace avant ou après le tableau sinon une ligne de tableau supplémentaire sera générée).</i></CENTER> | ||
| + | 	</TD> | ||
| + | </TR> | ||
| + | </Table> | ||
| + | |||
| + | <FORM name='form' method='post' action='tableauwiki.php'> | ||
| + | <TABLE BORDER="0"> | ||
| + | <TR> | ||
| + | 	<TD>la première ligne correspond aux noms de colonnes ?  <input type="checkbox" name="titre" value="TRUE"></TD> | ||
| + | </TR> | ||
| + | <TR> | ||
| + | 	<TD>le contenu des colonnes doit être positionné à gauche<INPUT type=radio name="position" value="G" checked> centré<INPUT type=radio name="position" value="C"> à droite<INPUT type=radio name="position" value="D"></TD> | ||
| + | </TR> | ||
| + | <TR> | ||
| + | 	<TD> | ||
| + | 	<TEXTAREA cols="300" rows="40" name="tableau">coller vos lignes du tableau ici</TEXTAREA> | ||
| + | 	</TD> | ||
| + | </TR> | ||
| + | <tr> | ||
| + | 	<td> | ||
| + | 	<input type="submit" name="envoyer" value="traiter"> | ||
| + | 	</td> | ||
| + | </tr> | ||
| + | </table> | ||
| + | </form> | ||
| + | </body> | ||
| + | </html> | ||
| + | |||
| + | </pre> | ||
Version actuelle datée du 12 août 2013 à 14:35
Sommaire
introduction
Pour faciliter la création de tableau dans le Wiki ODR, un module indépendant a été programmé. Il permet de générer des tableaux formatés en code wiki à partir d'un tableau en format texte ayant comme délimiteur des point-virgules.
Utilisation du script
- Cliquer sur "générateur de tableau" dans le menu de gauche
- Une nouvelle fenêtre (popup) doit s'ouvrir exécutant le script tableauwiki. Si ce n'est pas le cas vous devez autoriser votre navigateur à ouvrir les pages popup pour ce site.
- suivez les instructions, rédigez votre tableau en utilisant comme séparateur des colonnes des points virgules, ou copier-coller votre futur tableau à partir d'un document word, notepad etc.
- Cliquez sur le bouton "traiter"
- Le code wiki du tableau est généré, vous pouvez le copier et le coller dans votre article.
- en cliquant sur "revenir au formulaire", il est possible de corriger le tableau ou d'écrire un nouveau tableau
- Il est conseillé de garder la fenêtre tableauwiki ouverte tout au long de la rédaction de l'article si d'autres tableaux doivent être insérés.
Limitations
- Tableauwiki n'est pas un module officiel de mediawiki. Le script est réservé à un usage dans le Wiki ODR.
- L'insertion d'espaces avant ou après le tableau dans le cadre du formulaire génèrent des lignes supplémentaires.
- Le navigateur doit autoriser l'ouverture de pages popup pour le site du Wiki ODR (conseil si vous rencontrez un problème : appliquer "toujours autoriser les pages popup pour ce site").
- Si vous ouvrez tableauwiki durant la rédaction d'un article, faîte au préalable une copie de l'article (Ctrl+A suivi de Ctrl+c) au cas où le navigateur perdrait la session. Normalement, la page en cours doit être réaffichée automatiquement dans la fenêtre principale.
- Il est actuellement impossible avec tableauwiki de fusionner des cellules. L'utilisateur doit le faire lui-même en utilisant les balises html correspondantes (colspan).
Exemple de tableaux générés
titre 1;titre 2;titre 3 colonne 1;colonne 2;colonne 3 ;ligne 2;
| titre 1 | titre 2 | titre 3 | 
| colonne 1 | colonne 2 | colonne 3 | 
| ligne 2 | 
titre 1;titre 2;titre 3 1;2;3.5
| titre 1 | titre 2 | titre 3 | 
|---|---|---|
| 1 | 2 | 3.5 | 
Script tableauwiki :
<?php
require "fichier de configuration...." ;
if($tableau != '')
	{
	// remplacer les retours chariot par des retours à la ligne 
	//$tableau=nl2br($tableau); 
	
	// sépare les lignes
	$ligne = explode("\r",$tableau) ;
	
	// définit un fond gris pour le corps de la page
	echo "<BODY BGCOLOR=\"#EEEEEE\" >";
	// commentaire à afficher
	echo "<P>copier les lignes ci-dessous et les insérer dans l'article du Wiki ODR:</p>" ;
	
	// création d'un cadre contenant le code wiki
	echo "<table BGCOLOR=\"#FFFFFF\" cellpadding=\"10\" style=\"border:1px solid;border-color:#7F9DB9\"><tr><td>";
	
	// affichage de la première ligne du tableau wiki à copier
	echo htmlentities('{| cellpadding="3" cellspacing="0" border="1" style="font-size: 95%; border: black solid 1px;border-collapse: collapse;"')."<br>"; 
	
	// boucle de lecture des lignes du tableau
	for( $i=0 ; $i<count($ligne) ; $i++)
		{
		// séparateur en code wiki des lignes du tableau à afficher pour chaque nouvelle ligne
		echo "|- <br>" ;
		
		// séparation des champs pour chaque ligne (séparateur point-virgule)
		$champ = explode(";",$ligne[$i]) ;
		
		// affichage du contenu des cases en code wiki
		for( $y=0 ; $y<count($champ) ; $y++)
			{
			if($champ[$y] == '' or is_null($champ[$y]) or $champ[$y] == ' ' or $champ[$y] == ' ' ) $champ[$y] = htmlentities(' ') ;
			
			IF ($i==0 && $titre==TRUE) echo htmlentities('! bgcolor="#F2F2F2" style="border:1px solid black;" |').$champ[$y]."<br>" ;
			ELSE 
				{
				echo htmlentities('| style="border:1px solid black;"') ;
				if($position == "C" ) echo htmlentities(' align="center"');
				if($position == "D" ) echo htmlentities(' align="right"');
				echo " |".$champ[$y]."<br>" ;
				}
			}
		}
	
	// fin du tableau wiki
	echo "|}" ;
	
	// fermeture du cadre contenant le code wiki à copier
	echo "</td></tr></table>" ;
	
	// lien pour retour à la page précédente
	echo "<p /><a href=\"javascript:history.back()\">revenir au formulaire</a>" ;
	
	echo "</body>" ;
	// fin d'exécution du script
	exit ;
	}
?>
<html>
<!-- formulaire HTML pour récupérer les informations du futur tableau -->
<BODY BGCOLOR="#EEEEEE">
<table border="0" width="800px">
<tr>
	<TD>
		<CENTER><b>Générateur de tableau pour le Wiki ODR.</b><BR> <BR>Copiez votre futur tableau avec comme séparateur des point-virgules. <BR> <br>La première ligne peut contenir le nom des colonnes, dans ce cas cochez la case ci-dessous. <br> cliquez sur le bouton Traiter en bas de page pour exécuter le script<br> <br><i>(Attention pas d'espace avant ou après le tableau sinon une ligne de tableau supplémentaire sera générée).</i></CENTER>
	</TD>
</TR>
</Table>
<FORM name='form' method='post' action='tableauwiki.php'>
<TABLE BORDER="0">
<TR>
	<TD>la première ligne correspond aux noms de colonnes ?  <input type="checkbox" name="titre" value="TRUE"></TD>
</TR>
<TR>
	<TD>le contenu des colonnes doit être positionné à gauche<INPUT type=radio name="position" value="G" checked> centré<INPUT type=radio name="position" value="C"> à droite<INPUT type=radio name="position" value="D"></TD>
</TR>
<TR>
	<TD>
	<TEXTAREA cols="300" rows="40" name="tableau">coller vos lignes du tableau ici</TEXTAREA>
	</TD>
</TR>
<tr>
	<td>
	<input type="submit" name="envoyer" value="traiter">
	</td>
</tr>
</table>
</form>
</body>
</html>



