Changing jQuery stylesheet which is a php file

Question

I want to use jQuery to add some inline CSS which is generated by a PHP file. I want to be able to print the contents of the PHP file between the <style> tags.

Here's the relevant piece of the JS file:

$('#settings button.theme').on('click', function(){
    var whichone = $(this).data('file');
    $('<style type="text/css" media="screen" id="changer"></style>')
        .appendTo('head');
    $('#changer').load('http://example.com/css/style.php?details=' + whichone);
});

I don't want to change the style.php file as it generates the original CSS quite happily, but when I do the above, I'm getting a 500 Internal Server Error in relation to the PHP file.

Can anyone help please?

HTTP 500 errors usually denote an error when executing your script. Check your PHP log or webserver log to determine the source of the error in your PHP script. — George Cummins
– George Cummins, Commented May 28, 2013 at 14:19
Turn on php errors, what happens if you just load the PHP file in the browser? Do you get any errors? — fullybaked
– fullybaked, Commented May 28, 2013 at 14:25

CodingIntrigue · Accepted Answer · 2013-05-28 14:52:53Z

3

Instead of trying to load the CSS via AJAX, just dynamically set the href attribute:

$('#settings button.theme').on('click', function(){
    var whichone = $(this).data('file');
    $('<link rel="stylesheet" type="text/css" media="screen" id="changer" />')
        .appendTo('head').attr('href', 'http://example.com/css/style.php?details=' + whichone);
});

edited May 28, 2013 at 14:52

answered May 28, 2013 at 14:46

CodingIntrigue

79k32 gold badges176 silver badges178 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user114671 Over a year ago

Thanks. Makes sense but still getting the 500 Internal Server Error

Collectives™ on Stack Overflow

Changing jQuery stylesheet which is a php file

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related