La date/heure actuelle est Ven 19 Avr 2024 - 6:29
1 résultat trouvé pour 29221D
Retouche d'un code Javascript pour définir le "undefined"
Bonjour/Bonsoir,Je viens de tomber sur un code JS de Self qui est absolument génial et qui sert à permettre à chaque membre de choisir sa couleur et police de texte dans "Préférences".
Le voici:
- Spoiler:
- Code:
jQuery(function($){
var t = $('#text_editor_textarea');
if(location.pathname == '/profile' && /\?mode=editprofile&page_profil=preferences/.test(location.href)){
$('form#register .forumline tr:last').before('<tr><td class="row1"><span class="gen">Couleur de vos messages :</span></td><td class="row2"><select name="color_choice" id="my_color"><option value="default" selected>défaut</option><option value="#660000">Rouge foncé</option><option value="#FF0000">Rouge</option><option value="#FF9933">Orange</option><option value="#663300">Marron</option><option value="#FFFF00">Jaune</option><option value="#006600">Vert</option><option value="#666633">Olive</option><option value="#00FFFF">Cyan</option><option value="#0000FF">Bleu</option><option value="#000099">Bleu foncé</option><option value="#6600FF">Indigo</option><option value="#990099">Violet</option><option value="#999999">Gris</option><option value="#EEEEEE">Blanc</option><option value="#000000">Noir</option></select></td></tr><tr><td class="row1"><span class="gen">Police de vos messages :</span></td><td class="row2"><select name="font_choice" id="my_font"><option value="default" selected>défaut</option><option value="Arial">Arial</option><option value="Arial Black">Arial Black</option><option value="Comic Sans MS">Comic Sans MS</option><option value="Courrier New">Courrier New</option><option value="Georgia">Georgia</option><option value="Impact">Impact</option><option value="Sans-serif">Sans-serif</option><option value="Serif">Serif</option><option value="Times New Roman">Times New Roman</option><option value="Trebuchet MS">Trebuchet MS</option><option value="Verdana">Verdana</option></select></td></tr>');
var lc = localStorage.color_choice, lf = localStorage.font_choice;
if(lc == undefined && lf == undefined){ lc = 'default'; lf = 'default'; }
$('#my_color option[value="'+lc+'"]').attr('selected', true);
$('#my_font option[value="'+lf+'"]').attr('selected', true);
$('#my_color option').each(function(){ $(this).css('color', $(this).val()) });
$('#my_font option').each(function(){ $(this).css('font-family', $(this).val()) });
var c = $('#my_color'), f = $('#my_font'), s = 'option:selected';
c.css({'color': lc, 'font-family': lf}).on('change', function(){
var v = $(this).find(s).val();
$(this).css('color', v);
f.css('color', v);
localStorage.setItem('color_choice', v);
});
f.css({'color': lc, 'font-family': lf}).on('change', function(){
var v = $(this).find(s).val();
$(this).css('font-family', v);
c.css('font-family', v);
localStorage.setItem('font_choice', v);
});
}else if(t.length != 0){
t.parents('form[action="/post"]').on('submit', function(){
var i = t.sceditor('instance'), lc = localStorage.color_choice, lf = localStorage.font_choice, sc = new RegExp('\^\\[color='+lc+'\\]'), sf = new RegExp('\^\\[font='+lf+'\\]');
if(!i.val().match(sc) && !i.val().match(sf)){
if(lc == 'default' && lf != 'default') i.val('[font='+lf+']'+i.val()+'[/font]');
else if(lf == 'default' && lc != 'default') i.val('[color='+lc+']'+i.val()+'[/color]');
else if(lc != 'default' && lf != 'default') i.val('[font='+lf+'][color='+lc+']'+i.val()+'[/color][/font]');
}
})
}
});
Seul bémol: la couleur par défaut (lorsqu'on ne le choisit pas) est d'un vert fluo très... fluo.
Il faut d'abord obligatoirement aller faire un choix de couleur avant que le "défaut" prenne la couleur du forum.
Je voudrais donc savoir s'il est possible en modifiant le JS ou en prenant par le CSS de définir le "undefined" de la couleur par défaut en "#29221D" et ce sans que le membre ait à le faire manuellement.
Désolée je suis nulle en explications.
Merci à qui voudra bien m'aider
- le Lun 8 Fév 2016 - 23:48
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Retouche d'un code Javascript pour définir le "undefined"
- Réponses: 11
- Vues: 849