jQuery Girl
  1. jQuery Girl
  3. Conversion de la valeur de couleur RVB en RVBA à 0,75 alpha
Intereting Posts
jQuery Tokeninput avec la fonctionnalité «Combobox»? Pourquoi dois-je utiliser .d pour accéder aux données renvoyées par jQuery AJAX? Vérifier si droppable contient déjà un autre élément déplaçable (jQuery UI) THEAD et TBODY inclus sur cette table Pourquoi utiliser jquery map? JQuery draggable et redimensionnable Menu coulissant jQuery-mobile sous l’en-tête Comment sortinger et créer plusieurs champs de texte avec la liste déroulante de jQuery UI? Comment utiliser Jquery dans Google maps InfoWindow? Transformer en jQuery Comment parsingr des fichiers JSON multidimensionnels en HTML facilement? Comment annuler event.stopPropagation dans jQuery? Scrollable, Carousel, Slider dans jQuery sans aucun plugin – la manière la plus simple Construire un site Web multilingue à l’aide de méthodes basées sur jQuery et JSON Changer la largeur d’un élément en HTML

Conversion de la valeur de couleur RVB en RVBA à 0,75 alpha

J’ai le code suivant pour obtenir la couleur de fond d’un élément. 

var currentColor = $(this).css('background-color');

qui retourne quelque chose comme rgb(123,123,123)

Ce que je veux maintenant convertir en rgba et le montrer à 0,75 alpha

Donc, retourner quelque chose comme rgba(123,123,123,0.75)

Des idées?

Comme jQuery semble toujours renvoyer la couleur comme rgb(r, g, b) pour les éléments sans alpha, vous pouvez simplement utiliser: 

 $(this).css('background-color').replace(')', ', 0.75)').replace('rgb', 'rgba');

Assurez-vous juste que la couleur de fond ne soit pas déjà rgba: 

 var bg = $(this).css('background-color'); if(bg.indexOf('a') == -1){ var result = bg.replace(')', ', 0.75)').replace('rgb', 'rgba'); }

http://regex101.com/r/lT9iM4 

 var re = /(rgb)\(([0-9]+),\s+([0-9]+),\s+([0-9]+)/; var currentColor = $(this).css('background-color'); var subst = 'rgba($2,$3,$4,0.75'; $(this).css('background-color', currentColor.replace(re, subst));

Une autre solution utilisant regex. Mais comme Cerbrus l’a mentionné, utiliser regex pour quelque chose d’aussi simple est excessif.

Un autre essai regex http://jsfiddle.net/hc3BA/ 

 var colour = 'rgb(123,123,123)', new_col = colour.replace(/rgb/i, "rgba"); new_col = new_col.replace(/\)/i,',0.75)');