Using variable in Javascript to add functionality within cfml tags that call a query

Question

I am looking to use my values from addition and subtraction, from javascript, and use them to increment the startRow and endRow values together. I have the addition and subtraction working, and the value being displayed. Now I cannot figure out how to add the value within the quotes. every time I try to use the ## variable markers, it tells me that my variables do not exist. I want to be able to press the next and Previous button and have it show me the former and latter 20 results. `

<cfoutput>
  <script type="text/javascript">
    var currentValue = 0;
    var add = function(valueToAdd){
      ("adding: " + valueToAdd);
      currentValue += valueToAdd;
      document.getElementById('number').innerHTML = currentValue;
    };
  </script>
</cfoutput>
<cfparam name="url.start" default="1" >
<cfquery name="query" datasource="">

</cfquery>

<table>
  <cfset totalPages = ceiling(query.recordCount)>
  <cfset thisPage = ceiling(url.start)>
  <cfloop query="query"  startRow="1" endRow="20">
    <cfoutput>
      <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
    </cfoutput>
  </cfloop>
</table>
<html>
  <head>
  </head>
  <body>
    <div id="text">Results = <span id="number">0</span><div>
    <a href="javascript:add(20)">Plus 20 Results</a>
    <a href="javascript:add(-20)">Minus 20 Results</a>
  </body>
</html>

I removed the database information out of the code.

Despite reading this question a few times, I'm still not sure what you're asking. What quotes/variables are you referring to? What buttons (all I see is hyperlinks)? What is the error message? Please see How to Ask — SOS
– SOS, Commented May 15, 2018 at 21:11
I also see a function definition with no attempt to call it. — Dan Bracuk
– Dan Bracuk, Commented May 15, 2018 at 23:27

Micah Githens · Accepted Answer · 2018-05-16 15:15:04Z

5

Given your example code, I don't see why you would need or want to use Javascript in the first place but for the sake of answering the question, the answer is that you cannot directly pass the value of a client-side Javascript variable to a server-side language like ColdFusion. Javascript runs client-side, such as in your browser. ColdFusion runs on a server. Because Javascript runs separately from ColdFusion you must use some means of sending the value(s) from the client side (i.e., a computer with a browser) to the server.

Possible Options:

Send a value as a URL parameter:

<a href="https://www.example.com/index.cfm?start=20">Plus 20 Results</a>

or

<a href="javascript:location.href='https://www.example.com/index.cfm?start='+add(20)"/>Plus 20 Results</a>
Send a value as a POST or GET parameter via an HTML FORM:

<form action="/index.cfm" method="post"> <input type="text" name="start" value="20"/> <input type="submit"/> </form>
Or send a Javascript value using POST or GET with AJAX to a ColdFusion service.

edited May 16, 2018 at 15:15

answered May 15, 2018 at 21:19

Micah Githens

1,26118 silver badges42 bronze badges

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

1 Comment

Micah Githens Over a year ago

@needingSomeAnswers Did this answer satisfy your questions?

Collectives™ on Stack Overflow

Using variable in Javascript to add functionality within cfml tags that call a query

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