Add a character counter for meta descriptions
9 years 1 month ago - 9 years 4 weeks ago #57501
by iamrobert
Add a character counter for meta descriptions was created by iamrobert
Do you wish your metadescription box had a countdown area? So it counts down how many characters you can add.
Add the following code to your administrator template:
Its still a WIP
Add the following code to your administrator template:
Code:
//metadescription counter
jQuery(function($) {
$( "textarea#jform_metadesc" ).after( "<span id=\"summarychrs\">0</span>" );
function countChar(inobj, maxl, outobj) {
var isTextCounter = $('#jform_metadesc');
if (isTextCounter.length > 0) {
var len = inobj.value.length;
var msg = ' characters left';
if (len >= maxl) {
inobj.value = inobj.value.substring(0, maxl);
$(outobj).text(0 + msg);
} else {
$(outobj).text(maxl - len + msg);
}
}
}
$(document).ready(function(){
//set up summary field character count
countChar($('#jform_metadesc').get(0),160, '#summarychrs'); //show inital value on page load
$('#jform_metadesc').keyup(function() {
countChar(this, 160, '#summarychrs'); //set up on keyup event function
});
});
});
//metadescription counter
Its still a WIP
Last edit: 9 years 4 weeks ago by iamrobert. Reason: Was causing jquery error on pages without counter
Please Log in or Create an account to join the conversation.
Time to create page: 0.368 seconds
Last FLEXI-site
... loading images 
