Remove Class using Javascript inside of PHP

Question

I'm trying to remove a class of a certain element (#main-content) on a single page using Javascript. The page was written in PHP, but from what I can find, Javascript is the easiest method for removing the class. I referenced the post: How can I insert javascript in php? and RemoveClass AddClass When Page Load to help me come up with the following solution:

<? php echo '<script type=\"text/javascript\">
        $(document).ready(function() {
         $(\"section#main-content\").removeClass(\"trans-header\");
        });</script>';
?>

I validated this code and placed it at the top of my page but it doesn't seem to work. What might I be missing? (Also if it helps, here is the page I am trying to apply the code to: http://7a9.007.myftpupload.com/contact/)

No need to escape ", since they are enclosed using '. Also, do you have jQuery included before this script appears? — Enstage
– Enstage, Commented May 21, 2017 at 23:51
did you look to see where it's adding the js? It's putting it before html and you're escaping the " when you don't need to like @Enstage mentioned. — Michael Coker
– Michael Coker, Commented May 21, 2017 at 23:56
If the page is generated in PHP, why don't you alter the PHP to simply not include the class in the first place, instead of fighting a Javascript battle with your own site within the user's browser? — deceze
– deceze ♦, Commented May 21, 2017 at 23:56
I can see Jquery is being loaded on page just by inspecting it but I'm not sure from where. I am modifying a theme another developer created so I'm not sure how to tell where it is being loaded from... I assumed it was pulling from the header() ? The page I'm modifying is a template that is referencing a separate header file with the class. I only want this template/page with the header to be modified not every page with the header. — Kristin P
– Kristin P, Commented May 22, 2017 at 0:01
I tried it without the \ escaping and I kept getting an error to say that it was expecting a "," or a ";" in my code. — Kristin P
– Kristin P, Commented May 22, 2017 at 0:02

Michael Coker · Accepted Answer · 2017-05-21 23:57:54Z

1

Use this instead, you don't need jQuery. And add this either somewhere in <head></head> or within <body></body> - not above html as it is currently.

<?php echo '<script>document.getElementById("main-content").classList.remove("trans-header");</script>' ?>

answered May 21, 2017 at 23:57

Michael Coker

53.8k5 gold badges69 silver badges66 bronze badges

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

2 Comments

Kristin P Over a year ago

Thank you so much. I placed this at the bottom just before the footer and it works! I wasn't understanding where the proper placement was for this.

Michael Coker Over a year ago

@KristinP awesome, no problem :)

yezzz · Accepted Answer · 2017-05-21 23:52:17Z

0

It's a wordpress site... replace all $ with jQuery.

Also, check your console to see there's another error on the page.

answered May 21, 2017 at 23:52

yezzz

3,0381 gold badge12 silver badges20 bronze badges

2 Comments

Kristin P Over a year ago

Thank you. I tried to replace with jQuery but that did not seem to work. I did see there was another error on the page, but I'm not sure how to address that either. Something built-in to the theme code I suspect.

yezzz Over a year ago

Ít probably was due to escaping, but I see you got it fixed.

Collectives™ on Stack Overflow

Remove Class using Javascript inside of PHP

2 Answers 2

2 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related