PHP inside jQuery issue with ' "

Question

I'm messing around with some jQuery, I'm going to try to describe my issue as good as I can, as I'm a rookie. The script is just an example to show the issue I'm having.

$( "#activity" ).replaceWith("<?php ifSOMETHING {echo' <div id="hello">'}  ");

The issue is, the script uses " ", the PHP is using the ' ' for the echo, so now what can I use for the <div id="hello"> as the " " is already used by the .replaceWith("")

EDIT: The full code:

<script>
$( '#activity' ).replaceWith('
    <div id="chatwrap">
        <div id="content">
            <section class="box">
                <ul id="chat"></ul>
                    <form id="chatForm" action="">
                        <?php if($steam->loggedIn()) {
                        echo'
                            <input id="chatMessage" type="text" class="text" maxlength="100" placeholder="Message..." autocomplete="off">
                            <div id="sendmes">
                            <div id="onlinewrap"><img src="img/users.png" class="tooltip" title="Players Online" alt="players online"><div id="onl"></div></div>
                            <div id="wrap_options">
                            <a href="#" class="emotes show-pop btn btn-default top" data-title="Emotes" data-content=""><img src="img/emotes.png"></a></div>
                            <input id="chatSend" type="submit" class="grey" value="Send">';
                            }else{
                                echo'
                                    <center><a href="'.$steam->loginUrl().'" class="grey" style="width:150px;font-size:16px;line-height:30px;">Login to chat</a></center>';
                                    }?>
                    </form>
            </section>
                            </div>
        </div>
    </div>
');
</script>

I'm not 100% sure, but I believe you can use the " and ' as you want because that it's two different languages, meaning that the php part won't be visible for the jQuery, only the data you echo will be. — Epodax
– Epodax, Commented Jan 6, 2016 at 7:47

Epodax · Accepted Answer · 2016-01-06 08:19:09Z

2

No need to, php and js(jQuery) are two different languages and the php won't be parsed in the jQuery part, so you don't have to be afraid of JS interpreting the " or ' only the data php echo's will be visible for JS / jQuery

$( "#activity" ).replaceWith('<?php ifSOMETHING {echo '<div id="hello">';} ?>  ');

Is completely valid, you still have to be aware of any " ' that your PHP outputs, but not in the actual php code.

edited Jan 6, 2016 at 8:19

answered Jan 6, 2016 at 8:03

Epodax

1,8284 gold badges29 silver badges34 bronze badges

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

6 Comments

Codey93 Over a year ago

I've tried it, it doesn't seem to be working right for me. I've pasted my full code, am I getting it right? (Sorry for the mess.)

Epodax Over a year ago

Are you getting any errors @Codey93? Or is the output wrong?

Codey93 Over a year ago

It looks like it's not closed, whenever '); is on a new line, do i need to compress it all to 1 line for it to work?

Epodax Over a year ago

Give me a second. @Codey93

Epodax Over a year ago

@Codey93 Okay, it's something to do with the jQuery and perhaps the length / line breaks, but it isn't the ' / " causing it, I've tested it in my local environment and it works as it should with less data.

|

GuRu · Accepted Answer · 2016-01-06 08:42:29Z

1

Try with JSON encode.

$(function(){

    $( '#activity' ).replaceWith('<div id="chatwrap"><div id="content"><section class="box"><?php echo json_encode('<ul id="chat"></ul>');?><form id="chatForm" action=""><?php if(1==1) {echo json_encode('<input id="chatMessage" type="text" class="text" maxlength="100" placeholder="Message..." autocomplete="off"><div id="sendmes"><div id="onlinewrap"><img src="img/users.png" class="tooltip" title="Players Online" alt="players online"><div id="onl"></div></div><div id="wrap_options"><a href="#" class="emotes show-pop btn btn-default top" data-title="Emotes" data-content=""><img src="img/emotes.png"></a></div><input id="chatSend" type="submit" class="grey" value="Send">');}else{echo json_encode('<center><a href="abc" class="grey" style="width:150px;font-size:16px;line-height:30px;">Login to chat</a></center>');}?>');
    });
    </script>
    <span id="activity"></span>

output: when if call

and when else call

edited Jan 6, 2016 at 8:42

answered Jan 6, 2016 at 8:13

GuRu

1,8863 gold badges25 silver badges32 bronze badges

1 Comment

Codey93 Over a year ago

Hello GuRu, thank you for taking the time to answer my question. I got help from @Epodax to fix this issue. But I learned to use the json_encode with your help. Thank you

iplus26 · Accepted Answer · 2016-01-06 07:46:08Z

0

Just use

$( "#activity" ).replaceWith("<?php ifSOMETHING {echo' <div id=\"hello\">'}  ");

Check out escape character for more details.

answered Jan 6, 2016 at 7:46

iplus26

2,68618 silver badges26 bronze badges

Comments

Adam Azad · Accepted Answer · 2016-01-06 07:47:19Z

0

You can escape it, and replace JavaScript's quotes with single-quotes.

.replaceWith('<?php ifSOMETHING { echo "<div id=\"hello\">"; } ?>');

answered Jan 6, 2016 at 7:47

Adam Azad

11.3k5 gold badges31 silver badges74 bronze badges

Comments

Quentin · Accepted Answer · 2016-01-06 07:48:20Z

0

JSON is a subset of JavaScript literal syntax. PHP has the json_encode function to encode content as JSON. Use that to properly escape your data. It will handle ', ", new lines and anything else you might need to worry about in a string.

$( "#activity" ).replaceWith(<?php 
    if (SOMETHING) {
        echo json_encode(' <div id="hello">');
    }
?>);

Note that json_encode will output a JSON string including the quotes, so remove the " you added manually to the JavaScript.

answered Jan 6, 2016 at 7:48

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Comments

Yazid Erman · Accepted Answer · 2016-01-07 03:58:38Z

-1

You may use backslashes

$( "#activity" ).replaceWith("<?php ifSOMETHING {echo "<div id=\"hello\">"; }  ");

I wanted to mention the usage of backslashes. But I admit that using single quotes to avoid this is a better and faster solution:

  $( "#activity" ).replaceWith("<?php ifSOMETHING {echo '<div id="hello">'; }  ");

edited Jan 7, 2016 at 3:58

answered Jan 6, 2016 at 7:47

Yazid Erman

1,1861 gold badge13 silver badges25 bronze badges

5 Comments

Shubham Over a year ago

"<?php ifSOMETHING {echo " /* here it will break it will asl you for + operator */ <div id=\"hello\">"; } "

Yazid Erman Over a year ago

No it will not, forget your editor, php will know where to start working, just copy and paste my code before putting down please.

Shubham Over a year ago

then use 'hello' in place of \"hello\" . it will give error

Louis Barranqueiro Over a year ago

A code block alone does not provide a good answer. Please add explanations (why it solve the issue, where was the mistake, etc...)

Yazid Erman Over a year ago

@LouisBarranqueiro I have reverted back the answer to the initial version. And added a comment, I still don't know Shubham's problem with it.

Collectives™ on Stack Overflow

PHP inside jQuery issue with ' "

6 Answers 6

6 Comments

1 Comment

Comments

Comments

Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

6 Comments

1 Comment

Comments

Comments

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related