Solved

Javascript var to coldfusion

Posted on 2006-10-24
7
1,064 Views
Last Modified: 2013-12-24
I have the following within a javascript funtion

 var variable1= customeridvalue;

When I show the "variable1" throught an alert it gives the value that I need.  I want to pass that variable1 value to the following page using a hidden field. I don't know how to dump the value of that variable.  I need to do something like this to work:

<input type="hidden" name="customerid"  value="<cfoutput>#variable1#</cfoutput>">  (this doesn't work, of course)

How do I set the value=variable1

0
Comment
Question by:sweetbuttercup
  • 3
  • 2
  • 2
7 Comments
 
LVL 12

Expert Comment

by:mkishline
ID: 17797664
You don't actually need to use coldfusion to do this, javascript can handle it:

<input type="hidden" name="customerid" <script type="text/javascript">document.write('value="' + variable1 + '"');</script> />
0
 
LVL 20

Expert Comment

by:trailblazzyr55
ID: 17797691
With javascript you can use CF variables, but not the other way around...

so if you want to assign a value from coldfusion to a javascript variable, that'll work, then you can pass that variable to a hidden field to submit to the next page....

if this is your hidden field, you'd want to do something like this...

<cfset customeridvalue = "Whatever">

<script>
Function Something(){
  var variable1= <cfoutput>'#customeridvalue#'</cfoutput>;
  document.getElementById("customerid").value =  variable1;
}
</script>

with a hidden field like so....

<input type="hidden" name="customerid" id="customerid">

then it'll grab that value....

wouldn't it be easier though to just do this...

<cfset customeridvalue = "Whatever">
<cfoutput>
    <input type="hidden" name="customerid" id="customerid" value="#customeridvalue#">
</cfoutput>
0
 
LVL 1

Author Comment

by:sweetbuttercup
ID: 17798101
mkishline: I tried your solution but get the output of document.write('value="' + variable1 + '"'); />  printed on the screen and it doesn't pass the value

trailblazzyr55  I need to use the JS variable. I tried using CFSET to assign the vlue of the JS var to a CF var but doesn't work
0
What is SQL Server and how does it work?

The purpose of this paper is to provide you background on SQL Server. It’s your self-study guide for learning fundamentals. It includes both the history of SQL and its technical basics. Concepts and definitions will form the solid foundation of your future DBA expertise.

 
LVL 20

Expert Comment

by:trailblazzyr55
ID: 17798263


this form of assigning a CF value to a Javascript one will work...

<script>
Function Something(){
  var variable1= <cfoutput>'#customeridvalue#'</cfoutput>;
  document.getElementById("customerid").value =  variable1;
}
</script>

you have to call the funtion of course to run it, however if you want to do it when the page loads you can do this...

<script>
function init(){
  var variable1= <cfoutput>'#customeridvalue#'</cfoutput>;
  document.getElementById("customerid").value =  variable1;
}
window.onload = init();
</script>

you don't use the cfset's inside the javascript, but you can output the CF vars in javascript to use their values, however since coldfusion is run on the server and javascript on the client, the cf variables are always populated first, the javascript can just access those values that are outputed from CF. this is why you have to use the cfoutput inside the javascript... So you can't use cfset to assign a javascript value to a cf variable becuase the cf is always processed first...

If you want to use a value from javascript, assign that value to a hidden field, submit the form and assign that form variable then to a cf value. It requires a submit because you have to go back to the server where cf is processed.

make sense?
0
 
LVL 1

Author Comment

by:sweetbuttercup
ID: 17798620
My var is a JS var not a CF var. I just need to capture the value of the JS var and submit it to the second page as a hidden field or any other way.  
0
 
LVL 12

Accepted Solution

by:
mkishline earned 500 total points
ID: 17798740
Should have just gone with my first instinct (or just tested the idea before I sent it along :-P ).

<script type="text/javascript">
  variable1 = customerid;
  function update_customerid(){
    document.getElementById('customerid').value = variable1;
  }
</script>

further down:
<input type="text" name="customerid" id="customerid" value="" />
<script type="text/javascript">update_customerid();</script>
0
 
LVL 1

Author Comment

by:sweetbuttercup
ID: 17799016
mkishline : I think my original question was very confusing. I shouldn't have mixed up  Coldfusion on all this to make your life easier. Thank you so much!!!
0

Featured Post

New! My Passport Wireless Pro Wi-Fi Mobile Storage

Portable wireless storage to offload, edit, and stream anywhere.

High-capacity, wireless mobile storage designed to accompany professional photographers and videographers in the field to easily offload, edit and stream captured photos and high-definition videos.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Coldfusion Datefield problem 2 97
IIS7 - Wildcard -  Accepting any subdomain for website binding:   i.e. *.domain.com 7 112
Problem to go to page 12 83
change time in cron 4 67
One of the typical problems I have experienced is when you have to move a web server from one hosting site to another. You normally prepare all on the new host, transfer the site, change DNS and cross your fingers hoping all will be ok on new server…
Objective of This Article In 1990’s, when I was a budding software professional, I had a lot of confusion about which stream or technology, I had to choose to build my career. In those days, I had lot of confusion like whether to choose System so…
The purpose of this video is to demonstrate how to update a WordPress Site’s version. WordPress releases new versions of its software frequently and it is important to update frequently in order to keep your site secure, and to get new WordPress…
The purpose of this video is to demonstrate how to Import and export files in WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Click on Too…

864 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now