html

Question

945 votes

2 answers

html - How to use the jquery variable in script inside the PHP tag echo?

I am getting the issue

Warning: Use of undefined constant otherInput - assumed 'otherInput' (this will throw an Error in a future version of PHP) Warning: A non-numeric value encountered

I know there is some issue with the quote.

What I am doing is, I have to click on the anchor tag calledClick me one and sending the data-id in the script. I am getting the id value in the script but I am getting the error on$(".showme'+otherInput+'").show();

I am using WordPress and I have to use the below code in the function.php so I have to use my script inside the PHP tag.

This is the screenshot of the code

Here is the code

<!DOCTYPE html>
<html>
   <head>
      <title></title>
      <style type="text/css">
         .showme{display: none;}
      </style>
   </head>
   <body>
      <div class="clickme" data-id="1">Click me one</div>
      <div class="showme showme1">this is example</div>
      <?php
         echo '<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
         <script type="text/javascript">
             $(".clickme").click(function(){
             var otherInput=$(this).data("id");  
               $(".showme'+otherInput+'").show();
               });.
         </script>';
         ?>
   </body>
</html>

Undefined asked

2022-02-8

Source

Share

Didn't find the answer?

Our community is visited by hundreds of web development professionals every day. Ask your question and get a quick answer for free.

Ask a Question

Similar questions

Find the answer in similar questions on our website.

756 php - passing a string variable in a javascript function

789 javascript - How to include HTML data (tags) as value in "arrayToDataTable" of Google Pie Chart?

202 How to include a PHP variable inside a MySQL statement

90 php - Integrate JQuery Image Magnification with Dynamic Bootstrap 5 Carousel

497 "laravel" Parse error: syntax error, unexpected '|', expecting variable (T_VARIABLE) in vendor/nunomaduro/termwind/src/Functions.php on line 17

952 email - Add a button that will be redirected to the other webpage in PHP Mailer with HTML design?

625 PHP use ENUM in Attributes

377 php - PHPUnit test not sharing the entity manager with Symfony

717 php - How to fix Connection failed: Access denied for user 'webroot'@'localhost' (using password: YES)

648 "Notice: Undefined variable", "Notice: Undefined index", "Warning: Undefined array key", and "Notice: Undefined offset" using PHP

Undefined answered · Answer 1 · 2022-02-8

Answer

Solution:

It looks like everything in your php block is all JQuery/Javascript.

Q: What do you even need the PHP block and the "echo" for?

Current:

  <?php
     echo '<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
     <script type="text/javascript">
         $(".clickme").click(function(){
            var otherInput=$(this).data("id");  
            $(".showme'+otherInput+'").show();
         });.
     </script>';
     ?>

Suggested change:

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script type="text/javascript">
      $(".clickme").click(function(){
         var otherInput=$(this).data("id");  
         $(".showme"+otherInput).show();
      });.
  </script>'

Undefined answered · Answer 2 · 2022-02-8

Answer

Solution:

Just follow the regular js standard, and if you willing to implement your script inside the php code:

Replace your code with these changes:

            <!DOCTYPE html>
        <html>
           <head>
              <title></title>
              <style type="text/css">
                 .showme{display: none;}
              </style>
           </head>
           <body>
              <div class="clickme" data-id="1">Click me one</div>
              <div class="showme showme1">this is example</div>
              <?php
         echo '<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
         <script type="text/javascript">
             $(".clickme").click(function(){
                var otherInput=$(this).data("id");  
                $(".showme"+otherInput).show(); 
                
                //here otherInput js variable is just used as regular js variable inside the script, so no need to extra commas to call that js variable, just use it like you do in js files, and will work fine.
             });
         </script>';
         ?>

           </body>
        </html>

Popular technologies

Latest questions:

html - How to use the jquery variable in script inside the PHP tag echo?

Answer

Solution:

Answer

Solution:

Share

Didn't find the answer?

Similar questions

Write quick answer

About the technologies asked in this question

PHP

JavaScript

JQuery

CSS

Welcome to webdevask.com

Get answers to specific questions

Help Others Solve Their Issues