php elements in jQuery

Question

Currently i am trying to add some jQuery in to my php project i have never worked with jQuery before so i am kind of stuck i have this function that dynamically adds text fields the input fields have some php functions. My question is in what way can i change this so it would work with jQuery. All i can figure out is that the commas are creating the error i tried to rearrange them and even remove them but that did not fix the problem.

<script type='text/javascript'>

$(document).ready(function()
{
    $('#button').click(function()
    {
       $('body').append('<pre><input type="text" name="content_prt1[]" size="50" value="' . str_replace($simbols, "",$part1).'"> 
                 <input type="text" name="content_prt2[]" size="50" value="' .str_replace($simbols, "",$part2).'"></pre>''); 
    });
});

</script>

Is this even the right way of executing this code or am i way off here?

you cant have php in a script but you can have script in your php — Þaw
– Þaw, Commented Jun 10, 2013 at 7:51
can you show me what is the right way of combining php with jQuery in this sort of situation ? for replying — user2362103
– user2362103, Commented Jun 10, 2013 at 7:52
Well why are you using Jquery in the first place, to append something that can just be echoed with php?? and to answer...best practice is to build js/DOM with JSON as the data source — Kylie
– Kylie, Commented Jun 10, 2013 at 7:56

Fabrício Matté · Accepted Answer · 2013-06-10 07:53:55Z

3

Echoing php into a script is considered bad practice...but if you really can't avoid it, and think of a better way to do it...then here you go....

It was because you have to open the php tags and echo those str_replaces...

 $(document).ready(function(){

   $('#button').click(function()
   {
    $('body').append('<pre><input type="text" name="content_prt1[]" size="50" value="<? echo str_replace($simbols, "",$part1);?>"><input type="text" name="content_prt2[]" size="50" value="<? echo str_replace($simbols, "",$part2);?>"></pre>'); 
   });
 });

edited Jun 10, 2013 at 7:53

Fabrício Matté

70.3k27 gold badges135 silver badges168 bronze badges

answered Jun 10, 2013 at 7:50

Kylie

11.8k11 gold badges51 silver badges81 bronze badges

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

5 Comments

Fabrício Matté Over a year ago

I believe you can't line break in the middle of a JS string like that, not without escaping it.

user2362103 Over a year ago

tnx for the reply what would be the right way of adding the php to j query can you point me to a page that can explain this ? I do like to be the guy that dose everything by the books :)

Kylie Over a year ago

The correct way would be to do an ajax call with Jquery, and receive JSON data, then you parse that data, and build your elements...

Kylie Over a year ago

Or another way is to store some data in the DOM, in the new data attributes of HTML5, and use them in your Jquery however you please...that way you don't have to hit the server needlessly, the data is already present from the first call.....its a little hard to understand if its the first time hearing any of this..but once you read a few tutorials and let it sink in, its easy...

user2362103 Over a year ago

tnx for the advice i will definitely look this up :)

swapnesh · Accepted Answer · 2013-06-10 07:54:47Z

2

For more clarity u can always indent your code -

$(document).ready(function()
{
    $('#button').click(function()
    {
       $('body').append('<pre>
       <input type="text" name="content_prt1[]" size="50" value="' + "<?php echo str_replace($simbols, \"\",$part1) ?>"+'"> 
       <input type="text" name="content_prt2[]" size="50" value="' + "<?php echo str_replace($simbols, \"\",$part2) ?>"+'">
       </pre>''); 
    });
});

answered Jun 10, 2013 at 7:54

swapnesh

26.8k24 gold badges97 silver badges129 bronze badges

4 Comments

swapnesh Over a year ago

@KyleK thx :) but I am still interested what your About Me is ..hard to decipher it :)

user2362103 Over a year ago

i am trying your example but i am getting a an error in this line $('body').append('<pre> near the (' part

Kylie Over a year ago

You can't read binary??? lol....j/k...neither can I....copy it into a binary decoder to see what it says :)

swapnesh Over a year ago

@user2362103 yeah quotes not properly escaped ..give a try once more and it will

user2450111 · Accepted Answer · 2013-06-10 07:52:25Z

1

You must output your PHP code by <?php echo $variable; ?>. Try this:

$('body').append('<pre><input type="text" name="content_prt1[]" size="50" value="<?php echo str_replace($simbols, "",$part1); ?>"><input type="text" name="content_prt2[]" size="50" value="<?php echo str_replace($simbols, "",$part2); ?>"></pre>');

answered Jun 10, 2013 at 7:52

user2450111

1 Comment

user2362103 Over a year ago

your solution worked great i see where i have went wrong. I still have a lot to learn tnx for your help and tnx everyone for fast replies i love this community :)

Rab Khan · Accepted Answer · 2013-06-10 07:53:11Z

1

when need to add something from php out should be written as

value="<?php= str_replace($simbols, "",$part1) ?>

answered Jun 10, 2013 at 7:53

Rab Khan

35.7k4 gold badges52 silver badges66 bronze badges

Collectives™ on Stack Overflow

php elements in jQuery

4 Answers 4

5 Comments

4 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

5 Comments

4 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related