Étiquette : condition

[jQuery] Des plugins pour gérer des actions conditionnelles (notamment afficher/masquer des champs de formulaire)

15/04/2019 / admin

conditionize2.js

A flexible jQuery plugin for conditional actions (like showing and hiding elements, triggering events or whatever else you need) based on values of one or many fields. This is an improved version of conditionize.js jQuery plugin. Unlike the previous version, conditionize2.js is not restricted to only show and hide actions. But for simpler migration from conditionize.js to conditionize2.js, show/hide is the default behaviour.

A lot of EXAMPLES available here.

dependsOn

A jQuery plugin to facilitate the handling of form field dependencies. Demo.

[JSP] Comment ajouter une classe CSS dans une vue en regard d’une condition

26/07/2018 / admin

Source: How to set style class on td based on a condition

Trois possibilités, à la manière d’un if else en javaScript:

<td class="${test eq true ? 'style_class1' : 'style_class2'}">
<td class="${test ? 'style_class1' : 'style_class2'}">
<td class="${test eq true && not empty test2 ? 'style_class1' : 'style_class2'}">

[Hybris] Quels arguments à la condition c:if pour n’afficher un bloc de code que si le contenu qu’il habille est présent

18/07/2018 / admin

Si le bloc de code n’est pas vide de contenu:

<c:if test="${not empty productReference.target.price.promotionPercentage}">
<div class="stickers-list">
    <span class="sticker-promotionPercentage">
        ${productReference.target.price.promotionPercentage}%
    </span>
</div>
</c:if>

<c:if test="${not empty productReference.target.price.promotionPercentage}">

${productReference.target.price.promotionPercentage}%

</span>

</div>

</c:if>

Si le bloc de code n’est pas vide de contenu et que le contenu à afficher est plus grand que « 0 »:

<div class="stickers-list">
    <c:if test="${not empty product.price.promotionPercentage && product.price.promotionPercentage lt 0}">
        <span class="sticker-promotionPercentage">${product.price.promotionPercentage}%</span>
    </c:if>
</div>

<c:if test="${not empty product.price.promotionPercentage && product.price.promotionPercentage lt 0}">

<span class="sticker-promotionPercentage">${product.price.promotionPercentage}%</span>

</c:if>

</div>

[jQuery] Vérifier, au clic, la présence d’une classe dans le DOM et afficher ou masquer des éléments en fonction

16/09/2016 / admin

// Par défaut, on masque les éléments qui ne doivent être visibles que lorsque la classe "is-active" est présente dans le DOM
$('#showIfLinkIsActive').addClass('hidden');

// Fonction qui vérifie si la classe "is-active" est présente dans le DOM
function setElementVisibility(){
	if($('.foo-element a.link').hasClass('is-active')){
		$('#showIfLinkIsActive').removeClass('hidden');
	}
	else{
		$('#showIfLinkIsActive').addClass('hidden');
	}
}

// Au clic sur un lien, on lance la fonction ci-dessus (on attend 100ms que la classe ".is-active" fasse son apparition dans le DOM)
$('.foo-element a.link').on('click', function(){
	setTimeout(setElementVisibility, 100);
});

// Au clic n'importe où dans le document (fermeture automatique du lien ouvert), on relance la fonction ci-dessus...
$(document).on('click', function(){
	setTimeout(setElementVisibility, 100);
});

// ...mais le lien ouvert ne doit pas se fermer au clic sur ces éléments
var fooElements = $('.foo-element, .foo-element2, .foo-element3');

fooElements.on('click', function(e){
	e.stopPropagation();
});

// Par défaut, on masque les éléments qui ne doivent être visibles que lorsque la classe "is-active" est présente dans le DOM

$('#showIfLinkIsActive').addClass('hidden');

// Fonction qui vérifie si la classe "is-active" est présente dans le DOM

function setElementVisibility(){

if($('.foo-element a.link').hasClass('is-active')){

$('#showIfLinkIsActive').removeClass('hidden');

}

else{

$('#showIfLinkIsActive').addClass('hidden');

}

// Au clic sur un lien, on lance la fonction ci-dessus (on attend 100ms que la classe ".is-active" fasse son apparition dans le DOM)

$('.foo-element a.link').on('click', function(){

setTimeout(setElementVisibility, 100);

});

// Au clic n'importe où dans le document (fermeture automatique du lien ouvert), on relance la fonction ci-dessus...

$(document).on('click', function(){

setTimeout(setElementVisibility, 100);

});

// ...mais le lien ouvert ne doit pas se fermer au clic sur ces éléments

var fooElements = $('.foo-element, .foo-element2, .foo-element3');

fooElements.on('click', function(e){

e.stopPropagation();

});

[RBS Change 3.x] Afficher ou masquer des éléments du DOM en fonction d’une condition avec PHPTal

19/08/2016 / admin

Doc officielle de PHPTal

alainflou\modules\responsive\lib\helpers\ResponsiveHelper.php

<?php

/**
 * Date: 08/08/16
 * Time: 15:14
 */
class ResponsiveHelper
{
    public static function isOrderActive()
    {
        $isActive = Framework::getConfigurationValue('modules/responsive/isOrderActive');
        return (int) filter_var($isActive, FILTER_VALIDATE_BOOLEAN);
    }

    public static function isTryOnActive()
    {
        $isActive = Framework::getConfigurationValue('modules/responsive/isTryOnActive');
        return (int) filter_var($isActive, FILTER_VALIDATE_BOOLEAN);
    }

    public static function isAppointmentActive()
    {
        $isActive = Framework::getConfigurationValue('modules/responsive/isAppointmentActive');
        return (int) filter_var($isActive, FILTER_VALIDATE_BOOLEAN);
    }
}

<?php

/**

* Date: 08/08/16

* Time: 15:14

class ResponsiveHelper

{

public static function isOrderActive()

{

$isActive = Framework::getConfigurationValue('modules/responsive/isOrderActive');

return (int) filter_var($isActive, FILTER_VALIDATE_BOOLEAN);

}

public static function isTryOnActive()

{

$isActive = Framework::getConfigurationValue('modules/responsive/isTryOnActive');

return (int) filter_var($isActive, FILTER_VALIDATE_BOOLEAN);

}

public static function isAppointmentActive()

{

$isActive = Framework::getConfigurationValue('modules/responsive/isAppointmentActive');

return (int) filter_var($isActive, FILTER_VALIDATE_BOOLEAN);

}

alainflou\themes\responsive\modules\website\templates\Website-Block-Xhtmltemplate-Customer-suggestion.all.all.html

<div class="customer-suggestion">
	<div class="container">
		<div class="row">
			<h2 class="heading-three">${trans:m.responsive.fo.customer-suggestion-title,ucf}</h2>
			<div class="customer-suggestion-row">
				<tal:block tal:condition="php: ResponsiveHelper::isTryOnActive()">
					<div class="customer-suggestion-column">
						${trans:m.responsive.fo.customer-suggestion-try-virtual-mode,ucf}
					</div>		
				</tal:block>

				<div class="customer-suggestion-column">
					${trans:m.responsive.fo.customer-suggestion-share,ucf}
				</div>

				<tal:block tal:condition="php: ResponsiveHelper::isAppointmentActive()">
					<div class="customer-suggestion-column">
						${trans:m.responsive.fo.customer-suggestion-wishlist,ucf}
					</div>		
				</tal:block>
			</div>
		</div>
	</div>
</div>

<h2 class="heading-three">${trans:m.responsive.fo.customer-suggestion-title,ucf}</h2>

<tal:block tal:condition="php: ResponsiveHelper::isTryOnActive()">

${trans:m.responsive.fo.customer-suggestion-try-virtual-mode,ucf}

</div>

</tal:block>

${trans:m.responsive.fo.customer-suggestion-share,ucf}

</div>

<tal:block tal:condition="php: ResponsiveHelper::isAppointmentActive()">

${trans:m.responsive.fo.customer-suggestion-wishlist,ucf}

</div>

</tal:block>

</div>

[jQuery] Vérifier à l’aide d’une condition l’existence d’une classe dans son code HTML avant d’exécuter un bout de script.

13/08/2013 / admin

// si <div class="ma-classe-2" /> est enfant de <div class="ma-classe-1" />...
if (jQuery('div.ma-classe-1 div.ma-classe-2')[0]){
     // ...alors fais ce qui est demandé ici.
}

// si <div class="ma-classe-2" /> est enfant de <div class="ma-classe-1" />...

if (jQuery('div.ma-classe-1 div.ma-classe-2')[0]){

// ...alors fais ce qui est demandé ici.

}

ou mieux :

// si <div class="ma-classe" /> est présent...
if (jQuery('.ma-classe').length){
     // ...alors fais ce qui est demandé ici.
}

// si <div class="ma-classe" /> est présent...

if (jQuery('.ma-classe').length){

// ...alors fais ce qui est demandé ici.

}

Articles récents

Catégories

Archives

Méta

Étiquette : condition

[jQuery] Des plugins pour gérer des actions conditionnelles (notamment afficher/masquer des champs de formulaire)

conditionize2.js

dependsOn

[JSP] Comment ajouter une classe CSS dans une vue en regard d’une condition

[Hybris] Quels arguments à la condition c:if pour n’afficher un bloc de code que si le contenu qu’il habille est présent

[jQuery] Vérifier, au clic, la présence d’une classe dans le DOM et afficher ou masquer des éléments en fonction

[RBS Change 3.x] Afficher ou masquer des éléments du DOM en fonction d’une condition avec PHPTal

[jQuery] Vérifier à l’aide d’une condition l’existence d’une classe dans son code HTML avant d’exécuter un bout de script.