General developer forum

Hi Mark,

Totally agree with Frank.

If you only want individual users to be able to resize the text then you don't have to touch Moodle (or any other web page) at all.

For users who need larger font-size, the best way to go is to teach them to use the built-in "larger size" facilities included in modern browsers. FireFox 7 has an excellent and easy-to-use enlarge feature which will not only increase the size of text but also of graphics. What more can you ask for? Plus, some mouses and keyboards now include a ZOOM button or wheel, to make things even easier for people who need larger display sizes. No need to tamper with Moodle code at all.

Joseph

I have used cookies in the past to do such changes as BBC site does. For example one version (js) had the following tags

var prefsLoaded = false;
var defaultFontSize = 90;
var currentFontSize = defaultFontSize;

function revertStyles(){

 currentFontSize = defaultFontSize;
 changeFontSize(0);

}

function toggleColors(){
 if(currentStyle == "White"){
  setColor("Black");
 }else{
  setColor("White");
 }
}

function changeFontSize(sizeDifference){
 currentFontSize = parseInt(currentFontSize) + parseInt(sizeDifference * 5);

 if(currentFontSize > 150){
  currentFontSize = 150;
 }else if(currentFontSize < 50){
  currentFontSize = 50;
 }

 setFontSize(currentFontSize);
};

function setFontSize(fontSize){
 var stObj = (document.getElementById) ? document.getElementById('content_area') : document.all('content_area');
 document.body.style.fontSize = fontSize + '%';
 
 //alert (document.body.style.fontSize);
};

function createCookie(name,value,days) {
  if (days) {
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
  }
  else expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
};

function readCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for(var i=0;i < ca.length;i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  }
  return null;
};

window.onload= setUserOptions;

function setUserOptions(){
 if(!prefsLoaded){

  cookie = readCookie("fontSize");
  currentFontSize = cookie ? cookie : defaultFontSize;
  setFontSize(currentFontSize);
  
  prefsLoaded = true;
 }

}

window.onunload= saveSettings;

function saveSettings()
{
  createCookie("fontSize", currentFontSize, 365);
}

and the needed buttons were in header.html to make font bigger, smaller or reset to default value.

Another option could be user profiles or some variable like $USER->xxx but there is no $USER->id before you are logged in...

Note: in previous script moodle adds X before event handlers (for example onload and onunload) in these forums posts

Hello!
I apologize for my English - it is an automatic translation from Russian.
Can you please tell why the unit comes on my page in the wrong way?
A column of the letters are arranged, small size and without pictures?
And how can we make this unit was on all pages? That is, in tests, assignments ... Or that kind of pages are saved when switching to other pages? Now the changes are not saved, the font size and background change to those that were originally in the transition to another page of the course.
Thank you!

Hi William,

To change the existing themes, you'll need to edit the theme in userstyles.css and at the top of module.js, then change the colour of the button in styles.css.

Adding additional buttons is a bit more complicated, you'd need to add additional buttons in block_accessibility.php, styling for the buttons in styles.css, styling for the theme in userstyles.css and module.js, then add support for additional theme numbers in changecolour.php