Étiquette : parent

[Magento 2] Etendre ou surcharger des styles less parent, de composants ou de modules dans un thème

16/05/2022 / admin

Testé fonctionnel Magento 2.4

Sources: Best way to extend module less found in web/css/source/module, like _minicart.less? et Extend or override parent, components or modules styles in Magento 2 et version PDF pour la postérité.

Etendre les styles less d’un composant

Fichier parent: app/design/frontend/Vendor/default/Magento_Catalog/web/css/source/module/listings/_prod-small.less.

Son extension: app/design/frontend/Vendor/germany/Magento_Catalog/web/css/source/module/listings/_prod-small_extend.less

L’import de l’extension: app/design/frontend/Vendor/germany/Magento_Catalog/web/css/source/_extend.less

@import 'module/listings/_prod-small_extend.less';

1	@import 'module/listings/_prod-small_extend.less';

[jQuery] Utiliser la méthode .contents() pour supprimer un élément parent du DOM, mais conserver tous ses enfants

10/12/2020 / admin

Cette méthode fait écho à tous les posts dans différents blogs et forums qui incitent à utiliser la méthode .unwrap() de jQuery. La méthode .contents() récupère absolument tout ce que contient l’élément parent qu’on souhaite supprimer alors qu'.unwrap() se montre plus sélective, ce qui peut entrainer quelques désagréments (perte de contenu, etc…).

Source: How to remove only the parent element and not its child elements in JavaScript?

HTML:

<div>
  pre text
  <div class="remove-just-this">
    <p>child foo</p>
    <p>child bar</p>
    nested text
  </div>
  post text
</div>

<div>

pre text

<p>child foo</p>

<p>child bar</p>

nested text

</div>

post text

</div>

jQuery:

var cnt = $(".remove-just-this").contents();
$(".remove-just-this").replaceWith(cnt);

1 2	var cnt = $(".remove-just-this").contents(); $(".remove-just-this").replaceWith(cnt);

Résultat dans le DOM:

<div>
  pre text
  <p>child foo</p>
  <p>child bar</p>
  nested text
  post text
</div>

<div>

pre text

<p>child foo</p>

<p>child bar</p>

nested text

post text

</div>

[AngularJS] Générer des IDs uniques par ng-repeat avec $id, $parent, $index

30/07/2019 / admin

Source: Directive template unique IDs for elements in AngularJS

    <div class="myDirective">
        <input type="checkbox" id="myItem_{{$id}}" />
        <label for="myItem_{{$id}}">open myItem_{{$id}}</label>
    </div>

<label for="myItem_{{$id}}">open myItem_{{$id}}</label>

</div>

Source: ngRepeat dans la documentation officielle d’Angular JS

[jQuery] Supprimer l’élément parent mais conserver ses enfants avec replaceWith

12/03/2016 / admin

Demo

Markup de départ :

<div class="list-wrapper">
  <ul class="list">
    <li class="item">hello</li>
    <li class="item">hello</li>
    <li class="item">hello</li>
  </ul>
  <ul class="list">
    <li class="item">hello</li>
    <li class="item">hello</li>
    <li class="item">hello</li>
  </ul>
  <ul class="list">
    <li class="item">hello</li>
    <li class="item">hello</li>
    <li class="item">hello</li>
  </ul>  
</div>

<li class="item">hello</li>

</ul>

<li class="item">hello</li>

</ul>

<li class="item">hello</li>

</ul>

</div>

Résultat attendu :

<div class="list-wrapper">
  <ul class="list">
    <li class="item">hello</li>
    <li class="item">hello</li>
    <li class="item">hello</li>
    <li class="item">hello</li>
    <li class="item">hello</li>
    <li class="item">hello</li>
    <li class="item">hello</li>
    <li class="item">hello</li>
    <li class="item">hello</li>
  </ul>  
</div>

<li class="item">hello</li>

</ul>

</div>

jQuery :

jQuery(document).ready(function(){
	jQuery('.list').replaceWith(function() {
 		return jQuery('.item', this);
	});
  jQuery('.item').wrapAll('<ul class="list" />');
});

jQuery(document).ready(function(){

jQuery('.list').replaceWith(function() {

return jQuery('.item', this);

});

jQuery('.item').wrapAll('<ul class="list" />');

});

[jQuery] Accéder à un élément d’une frame parente depuis une iframe avec window.parent.document

18/07/2014 / admin

Source : Using jQuery to access an element from the parent frame from an iFrame


jQuery('div#hello', window.parent.document).hide();

Articles récents

Catégories

Archives

Méta

Étiquette : parent

[Magento 2] Etendre ou surcharger des styles less parent, de composants ou de modules dans un thème

Etendre les styles less d’un composant

[jQuery] Utiliser la méthode .contents() pour supprimer un élément parent du DOM, mais conserver tous ses enfants

HTML:

jQuery:

Résultat dans le DOM:

[AngularJS] Générer des IDs uniques par ng-repeat avec $id, $parent, $index

[jQuery] Supprimer l’élément parent mais conserver ses enfants avec replaceWith

[jQuery] Accéder à un élément d’une frame parente depuis une iframe avec window.parent.document