1 2 3 4 5 6 7 8 9 |
var isCheckedCheckbox = $('input[type="checkbox"]:checked'); $('.element').each(function(){ if($(this).find(isCheckedCheckbox).length > 0){ // faire quelque chose si au moins une checkbox est sélectionnée } else { // sinon, faire autre chose } }); |
Monthmai 2016
La propriété CSS calc ne fonctionne pas lorsqu’on la déclare comme en CSS :
1 2 3 4 5 |
@asideWidth: 30px; .post { width: calc(100% - @asideWidth); } |
Adapter son code comme suit :
1 2 3 4 5 |
@asideWidth: 30px; .post { width: calc(~"100% - " @asideWidth); } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
// Only display content to screen readers // // See: http://a11yproject.com/posts/how-to-hide-content/ .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0; } // Use in conjunction with .sr-only to only display content when it's focused. // Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 // Credit: HTML5 Boilerplate .sr-only-focusable { &:active, &:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } } |
A part !important
, est-ce qu’il existe des trucs propres pour qu’un style prenne le dessus sur un autre avec lequel il est en concurrence?
La surcharge par ordre de déclaration dans la CSS :
Pour prendre la main, t’as la surcharge : tu déclares .box { padding: 12px; }
puis plus loin, tu re-déclares .box { padding: 22px; }
.
1 2 3 |
.box { padding: 12px; } .several-other-css-declaration { ... } .box { padding: 22px; } // <- déclaration qui sera prise en compte. |
C’est toujours la dernière déclaration rencontrée pour un élément donné qui est prise en compte et qui écrase toutes les précédentes.
Le ciblage par précision dans le chemin (dans le DOM) qui permet d’atteindre l’élément :
Code HTML :
1 2 3 4 5 6 7 |
<div class="riri"> <div class="fifi"> <div class="loulou"> Les castors juniors </div> </div> </div> |
Dans l’ordre de priorité tu as :
.riri .fifi .loulou{ font-size: 12px }
(le + important).fifi .loulou { font-size: 22px; }
.loulou { font-size: 42px; }
(le – important)
Et là, plus tu seras précis dans la manière (le chemin) de cibler ton élément, plus tes styles prendront le dessus peu importe l’ordre dans lequel ils sont déclarés dans ta/tes CSS.
Il y a encore un cas supplémentaire dans la demo JSFiddle.net, donc à voir et à utiliser pour manipuler d’autres cas à l’avenir.
1 2 3 4 5 6 7 |
$('.element').attr({ id: getFacetID, "data-toggle": 'dropdown', role: 'button', "aria-haspopup": 'true', "aria-expanded": 'false' }); |
A noter : les attributs qui contiennent des tirets (caractère « -« ) doivent être mis entre guillemets.
Source : Combing multiple .removeAttr() statements.
Version linéaire (la méthode .removeAttr est appelée pour chaque déclaration)
1 2 3 4 |
checkboxes.removeAttr("checked",'checked'); checkboxes.removeAttr("indeterminate", false); checkboxes.removeAttr("role", 'checkbox'); checkboxes.removeAttr("aria-checked", false); |
Version optimisée
1 2 3 |
$.each(["checked","indeterminate","role","aria-checked"],function(i,attrName){ checkbox.removeAttr(attrName); }); |
Source : Yeoman: Getting it to Work on Ubuntu
Si l’installation de Yeoman sur Ubuntu Server vous pète à la tronche (en vous affichant, par exemple, un message d’erreur de ce style) :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
npm ERR! Linux 4.4.0-22-generic npm ERR! argv "/usr/bin/nodejs" "/usr/bin/npm" "install" "-g" "yo" npm ERR! node v4.2.6 npm ERR! npm v3.5.2 npm ERR! path /usr/local/lib/node_modules npm ERR! code EACCES npm ERR! errno -13 npm ERR! syscall access npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules' npm ERR! at Error (native) npm ERR! { [Error: EACCES: permission denied, access '/usr/local/lib/node_modules'] npm ERR! errno: -13, npm ERR! code: 'EACCES', npm ERR! syscall: 'access', npm ERR! path: '/usr/local/lib/node_modules' } npm ERR! npm ERR! Please try running this command again as root/Administrator. npm ERR! Please include the following file with any support request: npm ERR! /home/frank/npm-debug.log |
1. Installer Node
1 |
sudo apt-get update; sudo apt-get upgrade; sudo apt-get install build-essential openssl libssl-dev curl |
1 |
sudo apt-get install nodejs; sudo ln -s /usr/bin/nodejs /usr/bin/node; curl https://npmjs.org/install.sh | sudo sh |
2. Pouvoir tout installer avec NPM
1 |
echo prefix = ~/.node >> ~/.npmrc; echo 'export PATH=$HOME/.node/bin:$PATH' >> ~/.bashrc; . ~/.bashrc |
3. Installer Yeoman
1 |
npm install -g yo |
Tester en tapant simplement la commande :
1 |
yo |
© 2021 devfrontend.info
Theme by Anders Norén — Up ↑