Valider 7a6d0f6e rédigé par marcimat@rezo.net's avatar marcimat@rezo.net
Parcourir les fichiers

Supprimer tous les attributs 'required' dans le constructeur de formulaire... 

Supprimer tous les attributs 'required' dans le constructeur de formulaire pour éviter des ennuis lorsque #HTML5 est activé.

- Modifier le JS pour englober dans une fonction permettant l'utilisation de $
- Les variables créés qui sont de jquery sont préfixées de $
- Supprimer les required dans tous les input, textarea et select du formulaire de contructeur de formulaire !
- ET correction CSS lorsqu'un champ était déclaré obligatoire, tous les labels du formulaire de configuration étaient en gras,
  et pas seulement ceux obligatoires dedans.
parent fdd5fe36

css/formulaires_constructeur.css

+10 −0
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -62,6 +62,16 @@ 
}

.formulaire_construire_formulaire .formulaire_configurer .boutons { margin-bottom: -20px; }



.formulaire_construire_formulaire .editer.obligatoire .formulaire_configurer label {

    color: #666;

    font-weight: normal;

}

.formulaire_construire_formulaire .editer.obligatoire .formulaire_configurer .obligatoire label {

    color: black;

    font-weight: bold;

}





.formulaire_configurer-contenus > .fieldset > fieldset:first-child {border-top:0;}

.formulaire_configurer-contenus > .fieldset > fieldset {padding: 0}

formulaires/construire_formulaire.html

+164 −155
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -54,11 +54,72 @@ 
		.modifie .message_reinitialiser,.modifie #reinitialiser {display: block}

	</style>

	<script type="text/javascript">

		jQuery(function(){

			jQuery('.formulaire_construire_formulaire .configurable')

	(function($){



		function formulaire_configurer_onglets() {

			var $formulaire_configurer = $('.formulaire_configurer');

			var $onglets = $('<ul class="formulaire_configurer-onglets"></ul>');

			var $contenus = $formulaire_configurer.find('> .editer-groupe > .fieldset');



			// On ajoute le conteneur des onglets

			$formulaire_configurer.prepend($onglets);



			// On parcourt les contenus pour générer les onglets

			$contenus.each(function(i){

				// On ajoute un identifiant et une classe

				$(this)

					.attr('id', 'formulaire_configurer-contenu-'+i)

					.addClass('formulaire_configurer-contenu');

				// On récupère le titre (en le cachant au passage)

				var titre = $(this).find('h3').eq(0).hide().text();

				// On crée un onglet

				var $onglet = $('<li><a href="#formulaire_configurer-contenu-'+i+'">'+titre+'</a></li>');

				$onglet

					.click(function(){

						$contenus.hide();

						$(

							$(this)

								.siblings()

									.removeClass('actif')

								.end()

								.addClass('actif')

								.find('a')

									.attr('href')

						).show();

						return false;

					});



				// On active le premier onglet au démarrage

				if (i == 0) {

					$onglet.addClass('actif');

				}



				// S'il y a des erreurs dans cette partie du contenu, on met une classe "erreurs" à l'onglet aussi

				if ($(this).find('.editer.erreur').length > 0) {

					$onglet.addClass('erreur');

				}



				// On ajoute l'onglet

				$onglets.append($onglet);

			})

			.hide()

			.eq(0)

				.show();

		}



		/* enlever les required */

		console.log($('.formulaire_#FORM .editer.obligatoire'));

		$('.formulaire_#FORM .editer.obligatoire').find('input, textarea, select').each(function(){

			console.log($(this));

			if ($(this).prop('required')) {

				$(this).prop('required', false);

			}

		});



		$('.formulaire_#FORM .configurable')

			.hover(

				function(){

						jQuery(this)

					$(this)

						.addClass('hover')

						.find('> .actions')

							.show()
@@ -67,8 +128,8 @@ 
							.mouseout();

				},

				function(){

						if (!jQuery(this).is('.en_configuration'))

							jQuery(this)

					if (!$(this).is('.en_configuration'))

						$(this)

							.removeClass('hover')

							.find('> .actions')

								.hide()
@@ -87,23 +148,21 @@ 
		formulaire_configurer_onglets();



		// Gérer la liste des vérifications

			jQuery('.liste_verifications')

				.each(function(){

					var options = jQuery(this).siblings('.options_verifier').hide();

					var select = jQuery(this).find('select');

		$('.liste_verifications').each(function(){

			var $options = $(this).siblings('.options_verifier').hide();

			var $select  = $(this).find('select');



					select

			$select

				.change(function(){

					var montrer = jQuery(this).val() ? jQuery(this).val() : 'soigfeg';

							options.hide().filter('.'+montrer).show();

					$options.hide().filter('.'+montrer).show();

				})

				.change();

		});



		// On déplie toujours les fieldsets plés par défaut

			jQuery('.fieldset.plie')

				.each(function(){

					jQuery(this)

		$('.fieldset.plie').each(function(){

			$(this)

				.removeClass('plie')

				.find('> fieldset > .editer-groupe').show();

		});
@@ -114,14 +173,14 @@ 
			$.getScript("#CHEMIN{#ENV{_chemin_ui}mouse.js}", function(){

				$.getScript("#CHEMIN{#ENV{_chemin_ui}sortable.js}", function(){

					if ($.fn.sortable) {

							jQuery( "#deplacable, #deplacable .editer-groupe" ).sortable({

						$( "#deplacable, #deplacable .editer-groupe" ).sortable({

							revert: true,

							containment: '#deplacable',

							connectWith: "#deplacable, #deplacable .editer-groupe",

							placeholder: "ui-state-highlight",

							handle: '>.actions .deplacer_saisie',

							start: function(event, ui) {

									jQuery('.ui-state-highlight')

								$('.ui-state-highlight')

									.css('height', ui.item.css('height'))

									.css('height', '+=20px');

							},
@@ -144,7 +203,7 @@ 
									ou: ou

								}, function() {

									//jQuery('input.vide').submit();

										jQuery('.formulaire_#ENV{form}').addClass('modifie').trigger('modifsaisies');

									$('.formulaire_#ENV{form}').addClass('modifie').trigger('modifsaisies');

								});

							}

						});
@@ -153,7 +212,7 @@ 
				/*

				$.getScript("#CHEMIN{#ENV{_chemin_ui}jquery.ui.draggable.js}", function(){

					if ($.fn.draggable) {

							jQuery( "#attrapable" ).draggable({

						$( "#attrapable" ).draggable({

							connectToSortable: "#deplacable, #deplacable ul",

							helper: "clone"

						});
@@ -162,58 +221,8 @@ 
				*/

			});});});

		]

		});



		function formulaire_configurer_onglets(){

			var formulaire_configurer = jQuery('.formulaire_configurer');

			var onglets = jQuery('<ul class="formulaire_configurer-onglets"></ul>');

			var contenus = formulaire_configurer.find('> .editer-groupe > .fieldset');

			

			// On ajoute le conteneur des onglets

			formulaire_configurer

				.prepend(onglets);

			

			// On parcourt les contenus pour générer les onglets

			contenus

				.each(function(i){

					// On ajoute un identifiant et une classe

					jQuery(this)

						.attr('id', 'formulaire_configurer-contenu-'+i)

						.addClass('formulaire_configurer-contenu');

					// On récupère le titre (en le cachant au passage)

					var titre = jQuery(this).find('h3').eq(0).hide().text();

					// On crée un onglet

					var onglet = jQuery('<li><a href="#formulaire_configurer-contenu-'+i+'">'+titre+'</a></li>');

					onglet

						.click(function(){

							contenus.hide();

							jQuery(

								jQuery(this)

									.siblings()

										.removeClass('actif')

									.end()

									.addClass('actif')

									.find('a')

										.attr('href')

							).show();

							return false;

						});

					

					// On active le premier onglet au démarrage

					if (i == 0) onglet.addClass('actif');

					

					// S'il y a des erreurs dans cette partie du contenu, on met une classe "erreurs" à l'onglet aussi

					if (jQuery(this).find('.editer.erreur').length > 0)

						onglet.addClass('erreur');

					

					// On ajoute l'onglet

					onglets

						.append(onglet);

				})

				.hide()

				.eq(0)

					.show();

		}

	})(jQuery);

	</script>

	</BOUCLE_editable>

</div>

paquet.xml

+1 −1
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff 
<paquet

	prefix="saisies"

	categorie="outil"

	version="2.5.14"

	version="2.5.15"

	etat="stable"

	compatibilite="[3.0.0;3.1.*]"

	logo="images/logo_saisie_48.png"

Forge communautaire SPIP | Charte d'utilisation | Signaler un problème sur ce site