Question

Is it possible to use jquery to switch to a new stylesheet when a word is typed (not into a textbox, just typed)? I’m trying to create an easteregg on my site but am not really sure where to start with the stylesheet switching.

Answer 1

Try this: http://jsfiddle.net/UYapL/2/

$('button').click(function () {
    $('[rel="stylesheet"]').attr('href', 'new.css');
    alert($('[rel="stylesheet"]').attr('href'));
});

// with keycontrols

$(window).keyup(function (e) { // (ctrl+i)
    if (e.ctrlKey && e.which == 73) {
        $('[rel="stylesheet"]').attr('href', 'new.css');
        alert($('[rel="stylesheet"]').attr('href'));
    }
});

I am not sure if you are looking for something like this:

// for specific word g=71 e=69 o=79
$('body').append('<span id="code" style="display:none;"></span>');
$(window).keyup(function (e) {
  wrd = e.which;
  code = $('#code').append(wrd);
  if ($('#code').text()=='716979') { // geo
    $('[rel="stylesheet"]').attr('href', 'new.css');
    alert($('[rel="stylesheet"]').attr('href'));
    $('#code').text(''); // reset it here.
  }
});