erikTsomik
asked on
get The tab preloaded using coldfusion
In my form I am using spry tabbed panel. In the first tab I have drop down(on the first tab) where I am selected the program. I want ot capture that Id of the selected program and pass it to the second tab by clicking on the second tab. How can i do that. Do i need to create a session variable. Please help this is urgent
<cffunction name="programsAction" hint="Add/Edit programs">
<cfsavecontent variable="output">
<cfoutput>
<script type="text/javascript" src="/spry/includes/xpath. js"></scri pt>
<script type="text/javascript" src="/spry/includes/SpryDa ta.js"></s cript>
<script type="text/javascript" src="/spry/includes/SpryNe stedXMLDat aSet.js">< /script>
<script type="text/javascript" src="/spry/widgets/accordi on/SpryAcc ordion.js" ></script>
<link href="/spry/widgets/collap siblepanel /SpryColla psiblePane l.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/spry/includes/Effect .js"></scr ipt>
<script type="text/javascript" src="/spry/widgets/collaps iblepanel/ SpryCollap siblePanel .js"></scr ipt>
<link href="/spry/widgets/accord ion/SpryAc cordion.cs s" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/spry/includes/tmt_co re.js"></s cript>
<script type="text/javascript" src="/spry/includes/tmt_ne t.js"></sc ript>
<script type="text/javascript" src="/spry/includes/tmt_fo rm.js"></s cript>
<script type="text/javascript" src="/spry/includes/tmt_aj axform.js" ></script>
<script language="JavaScript" type="text/javascript" src="/spry/widgets/tabbedp anels/Spry TabbedPane ls.js"></s cript>
<link href="/spry/widgets/tabbed panels/Spr yTabbedPan els.css" rel="stylesheet" type="text/css" />
<script type='text/javascript' src='ajax/core/engine.js'> </script>
<script type='text/javascript' src='ajax/core/util.js'></ script>
<script type='text/javascript' src='ajax/core/settings.js '></script >
<script type="text/javascript">
var dsProducts2 = new Spry.Data.XMLDataSet("prog ram.cfm"," programs/p rogram",{ useCache: false});
var dsProductFeatures = new Spry.Data.NestedXMLDataSet (dsProduct s2, "features/feature");
</script>
<script type="text/javascript" >
function dsRefresh2(){
dsProducts2.loadData();
}
function getcurrentvalue(current){
//var current2 = document.getElementById("p rogramlist ").value;
if (dsProducts2.getDataWasLoa ded()){
var data = dsProducts2.findRowsWithCo lumnValues ({'id': current}, true);
if (data){
document.getElementById("u pdateProgr ams").styl e.display= 'block';
document.getElementById("i nsertProgr am").style .display=' none';
document.getElementById("u pdateProgr am").style .display=' block';
document.getElementById("p rogram2"). value = data.program;
document.getElementById("D egree2").v alue = data.degree;
document.getElementById("M ajor2").va lue = data.major;
document.getElementById("f ullname2") .value = data.fullname;
document.getElementById("p rogramopti on2").valu e = data.programoption;
document.getElementById("f ee1").valu e = data.fee;
document.getElementById("h iddenfield 2").ckecke d = data.hidden;
document.getElementById("p rogramnote 2").value = data.programnote;
document.getElementById("c ohortname2 ").value = data.cohortname;
document.getElementById("t est").valu e = data.id;
document.getElementById("i dname").va lue= data.id;
}
}
}
window.onload=function Load () {
document.getElementById("u pdateProgr ams").styl e.display= 'none';
}
function LoadShow (){
document.getElementById("i nsertProgr am").style .display=' block';
document.getElementById("u pdateProgr am").style .display=' none';
document.getElementById("u pdateProgr ams").styl e.display= 'block';
document.getElementById("p rogram2"). value = "";
document.getElementById("D egree2").v alue = "";
document.getElementById("M ajor2").va lue = "";
document.getElementById("f ullname2") .value = "";
document.getElementById("p rogramopti on2").valu e = "";
document.getElementById("f ee1").valu e = "";
document.getElementById("h iddenfield 2").value. ckecked = false;
document.getElementById("p rogramnote 2").value = "";
document.getElementById("c ohortname2 ").value = "";
}
function ind (){
var inde= document.getElementById("p rogramlist ").value
if (inde!=''){
document.getElementById("t est").valu e=document .getElemen tById("pro gramlist") .value;
tp1.showPanel(1);
}
}
</script>
<cfparam name="form.school" default="">
<cfset session.schoolcode=form.sc hool>
<div id="programSection">
<cfif session.schoolcode eq "psl">
<h2>Program Section: Select Your Program</h2>
<cfelse>
<h2>Program Section: Select Your Area of Interest</h2>
</cfif>
<cfoutput><p>Thank you for choosing the #session.schoolname#.<cfif session.schoolcode eq "business"> <strong>Please note that all applications to the Carey Business School should be submitted via the Web using the online application. Paper applications are no longer accepted.</strong></cfif> The information and steps that follow should help you easily navigate the online admissions process. If you have additional questions, please don't hesitate to contact us at #session.appphonenumber# or email <a href="mailto:#session.appe mail#">#se ssion.appe mail#</a>< /p>.</cfou tput>
<form action="insertcategory.cfm " method="post" tmt:ajaxform="true" tmt:ajaxformcallback="dsRe fresh2" name="program" >
<cfoutput> <input type="hidden" value="#session.schoolcode #" name="school"></cfoutput>
<div class="TabbedPanels" id="tp1">
<ul class="TabbedPanelsTabGrou p">
<li class="TabbedPanelsTab" tabindex="0">Programs</li>
<li class="TabbedPanelsTab" tabindex="0" >Assign Requirements to the program</li>
<li class="TabbedPanelsTab" tabindex="0" >Locations</li>
<li class="TabbedPanelsTab" tabindex="0">Tab 4</li>
</ul>
<div class="TabbedPanelsContent Group" >
<div class="TabbedPanelsContent "> <div id="programSection">
<cfoutput>#timeformat(now( ),"long")# </cfoutput ><br>
<div spry:region="dsProducts2" id="content">
<cfparam name="form.programlist" default="">
<select spry:repeatchildren="dsPro ducts2" spry:setrow="dsProducts2" name="programlist" id="programlist" size="15" multiple="true" onchange="getcurrentvalue( this.optio ns[this.op tions.sele ctedIndex] .value);">
<option spry:if="{ds_RowNumber} == {ds_CurrentRowNumber}" spry:select="rowSelected" value="{id}" >{webname}</option>
<option spry:if="{ds_RowNumber} != {ds_CurrentRowNumber}" spry:select="rowSelected" value="{id}">{webname}</op tion>
</select>
<cfoutput> <input type="hidden" name="idname" id="idname"></cfoutput>
<div id="showAddProgram" onClick="LoadShow ()">[Add Program] </div>
<div id="updatePrograms">
<!---Program--->
<div id="program">
<label id="label" for="program2">Program:</l abel>
<span class="program1"><input type="text" id="program2" name="program2"></span>
</div>
<!---Degree--->
<div id="Degree">
<label id="label" for="Degree">Degree:</labe l>
<span class="degree1"><input type="text" id="Degree2" name="Degree2"></span>
</div>
<!---Major--->
<div id="Major">
<label id="label" for="Major">Major:</label>
<span class="major1"><input type="text" id="Major2" name="Major2"></span>
</div>
<!---Full Name--->
<div id="fullname">
<label id="label" for="fullname">Full Name:</label>
<span class="fullname1"><input type="text" id="fullname2" name="fullname2"></span>
</div>
<!---Program Option--->
<div id="programoption">
<label id="label" for="programoption">Progra m Option:</label>
<span class="programoption1"> <input type="text" id="programoption2" name="programoption2"></sp an>
</div>
<!---fee--->
<div id="fee">
<label id="label" for="fee">Fee:</label>
<span class="fee2"><input type="text" id="fee1" name="fee1"></span>
</div>
<!---Hidden field--->
<div id="hiddenfield">
<label id="label" for="hiddenfield">Show/Hid e:</label>
<label for="hiddenfield">Yes</lab el>
<span class="hiddenfield1"><inpu t type="radio" id="hiddenfield2" name="hiddenfield" value="0" >
<label for="hiddenfield">No</labe l>
<input type="radio" id="hiddenfield2" name="hiddenfield" value="1" checked></span>
</div>
<!---Program Note--->
<div id="programnote">
<label id="label" for="programnote">Program Note:</label>
<span class="programnote1"> <input type="text" id="programnote2" name="programnote2"></span >
</div>
<!---cohort name--->
<div id="cohortname">
<label id="label" for="cohortname">Cohort Note:</label>
<span class="cohortname1"><input type="text" id="cohortname2" name="cohortname2"></span>
</div>
<input type="submit" name="programAction" id="updateProgram" value="Update Program"><br />
<input type="submit" name="programAction" id="insertProgram" value="Insert Program"><br />
<!--- <input type="submit" name="next" id="next" onclick="ind (this)">--->
</div>
</div>
</div> </div>
<div class="TabbedPanelsContent " >
<cfparam name="form.test" default="">
<input type="text" id="test" name="test" >
<cfset session.test=form.test>
<input type="hidden" value="#session.test#" name="test">
<!--- <cfset session.test=form.test>--- >
<cfquery name="infoNote" datasource="HotBanana_Mana ger" >
SELECT apr.reqid, apr.requirement, aprm.sortorder,apr.req_pre req,apr.hi dden,ap.sc hool_divis ion
FROM trnAcademicProgramsAndRequ irementsMa pping aprm INNER JOIN
trnAcademicProgramRequirem ents apr ON aprm.reqid = apr.reqid INNER JOIN
trnAcademicPrograms ap ON aprm.degreeid = ap.id
WHERE ap.school_division='#sessi on.schoolc ode#' and ap.id='#session.test#'
</cfquery>
<select name="req" id="req" size="15" multiple="true" style=" width:550px; border:solid 1px; margin:30px 0 0 90px; padding-bottom:1cm" >
<cfloop query="infoNote">
<option id="#reqid#">#requirement# </option>
</cfloop>
</select>
</div>
<div class="TabbedPanelsContent ">Tab 3 Content </div>
<div class="TabbedPanelsContent "> Tab 4 Content</div>
</div>
</div>
</div>
</div>
</form>
<script language="JavaScript" type="text/javascript">
var tp1 = new Spry.Widget.TabbedPanels(" tp1");
</script>
</div>
</cfoutput>
</cfsavecontent>
<cfreturn output>
</cffunction>
<cffunction name="programsAction" hint="Add/Edit programs">
<cfsavecontent variable="output">
<cfoutput>
<script type="text/javascript" src="/spry/includes/xpath.
<script type="text/javascript" src="/spry/includes/SpryDa
<script type="text/javascript" src="/spry/includes/SpryNe
<script type="text/javascript" src="/spry/widgets/accordi
<link href="/spry/widgets/collap
<script type="text/javascript" src="/spry/includes/Effect
<script type="text/javascript" src="/spry/widgets/collaps
<link href="/spry/widgets/accord
<script type="text/javascript" src="/spry/includes/tmt_co
<script type="text/javascript" src="/spry/includes/tmt_ne
<script type="text/javascript" src="/spry/includes/tmt_fo
<script type="text/javascript" src="/spry/includes/tmt_aj
<script language="JavaScript" type="text/javascript" src="/spry/widgets/tabbedp
<link href="/spry/widgets/tabbed
<script type='text/javascript' src='ajax/core/engine.js'>
<script type='text/javascript' src='ajax/core/util.js'></
<script type='text/javascript' src='ajax/core/settings.js
<script type="text/javascript">
var dsProducts2 = new Spry.Data.XMLDataSet("prog
var dsProductFeatures = new Spry.Data.NestedXMLDataSet
</script>
<script type="text/javascript" >
function dsRefresh2(){
dsProducts2.loadData();
}
function getcurrentvalue(current){
//var current2 = document.getElementById("p
if (dsProducts2.getDataWasLoa
var data = dsProducts2.findRowsWithCo
if (data){
document.getElementById("u
document.getElementById("i
document.getElementById("u
document.getElementById("p
document.getElementById("D
document.getElementById("M
document.getElementById("f
document.getElementById("p
document.getElementById("f
document.getElementById("h
document.getElementById("p
document.getElementById("c
document.getElementById("t
document.getElementById("i
}
}
}
window.onload=function Load () {
document.getElementById("u
}
function LoadShow (){
document.getElementById("i
document.getElementById("u
document.getElementById("u
document.getElementById("p
document.getElementById("D
document.getElementById("M
document.getElementById("f
document.getElementById("p
document.getElementById("f
document.getElementById("h
document.getElementById("p
document.getElementById("c
}
function ind (){
var inde= document.getElementById("p
if (inde!=''){
document.getElementById("t
tp1.showPanel(1);
}
}
</script>
<cfparam name="form.school" default="">
<cfset session.schoolcode=form.sc
<div id="programSection">
<cfif session.schoolcode eq "psl">
<h2>Program Section: Select Your Program</h2>
<cfelse>
<h2>Program Section: Select Your Area of Interest</h2>
</cfif>
<cfoutput><p>Thank you for choosing the #session.schoolname#.<cfif
<form action="insertcategory.cfm
<cfoutput> <input type="hidden" value="#session.schoolcode
<div class="TabbedPanels" id="tp1">
<ul class="TabbedPanelsTabGrou
<li class="TabbedPanelsTab" tabindex="0">Programs</li>
<li class="TabbedPanelsTab" tabindex="0" >Assign Requirements to the program</li>
<li class="TabbedPanelsTab" tabindex="0" >Locations</li>
<li class="TabbedPanelsTab" tabindex="0">Tab 4</li>
</ul>
<div class="TabbedPanelsContent
<div class="TabbedPanelsContent
<cfoutput>#timeformat(now(
<div spry:region="dsProducts2" id="content">
<cfparam name="form.programlist" default="">
<select spry:repeatchildren="dsPro
<option spry:if="{ds_RowNumber} == {ds_CurrentRowNumber}" spry:select="rowSelected" value="{id}" >{webname}</option>
<option spry:if="{ds_RowNumber} != {ds_CurrentRowNumber}" spry:select="rowSelected" value="{id}">{webname}</op
</select>
<cfoutput> <input type="hidden" name="idname" id="idname"></cfoutput>
<div id="showAddProgram" onClick="LoadShow ()">[Add Program] </div>
<div id="updatePrograms">
<!---Program--->
<div id="program">
<label id="label" for="program2">Program:</l
<span class="program1"><input type="text" id="program2" name="program2"></span>
</div>
<!---Degree--->
<div id="Degree">
<label id="label" for="Degree">Degree:</labe
<span class="degree1"><input type="text" id="Degree2" name="Degree2"></span>
</div>
<!---Major--->
<div id="Major">
<label id="label" for="Major">Major:</label>
<span class="major1"><input type="text" id="Major2" name="Major2"></span>
</div>
<!---Full Name--->
<div id="fullname">
<label id="label" for="fullname">Full Name:</label>
<span class="fullname1"><input type="text" id="fullname2" name="fullname2"></span>
</div>
<!---Program Option--->
<div id="programoption">
<label id="label" for="programoption">Progra
<span class="programoption1"> <input type="text" id="programoption2" name="programoption2"></sp
</div>
<!---fee--->
<div id="fee">
<label id="label" for="fee">Fee:</label>
<span class="fee2"><input type="text" id="fee1" name="fee1"></span>
</div>
<!---Hidden field--->
<div id="hiddenfield">
<label id="label" for="hiddenfield">Show/Hid
<label for="hiddenfield">Yes</lab
<span class="hiddenfield1"><inpu
<label for="hiddenfield">No</labe
<input type="radio" id="hiddenfield2" name="hiddenfield" value="1" checked></span>
</div>
<!---Program Note--->
<div id="programnote">
<label id="label" for="programnote">Program Note:</label>
<span class="programnote1"> <input type="text" id="programnote2" name="programnote2"></span
</div>
<!---cohort name--->
<div id="cohortname">
<label id="label" for="cohortname">Cohort Note:</label>
<span class="cohortname1"><input
</div>
<input type="submit" name="programAction" id="updateProgram" value="Update Program"><br />
<input type="submit" name="programAction" id="insertProgram" value="Insert Program"><br />
<!--- <input type="submit" name="next" id="next" onclick="ind (this)">--->
</div>
</div>
</div> </div>
<div class="TabbedPanelsContent
<cfparam name="form.test" default="">
<input type="text" id="test" name="test" >
<cfset session.test=form.test>
<input type="hidden" value="#session.test#" name="test">
<!--- <cfset session.test=form.test>---
<cfquery name="infoNote" datasource="HotBanana_Mana
SELECT apr.reqid, apr.requirement, aprm.sortorder,apr.req_pre
FROM trnAcademicProgramsAndRequ
trnAcademicProgramRequirem
trnAcademicPrograms ap ON aprm.degreeid = ap.id
WHERE ap.school_division='#sessi
</cfquery>
<select name="req" id="req" size="15" multiple="true" style=" width:550px; border:solid 1px; margin:30px 0 0 90px; padding-bottom:1cm" >
<cfloop query="infoNote">
<option id="#reqid#">#requirement#
</cfloop>
</select>
</div>
<div class="TabbedPanelsContent
<div class="TabbedPanelsContent
</div>
</div>
</div>
</div>
</form>
<script language="JavaScript" type="text/javascript">
var tp1 = new Spry.Widget.TabbedPanels("
</script>
</div>
</cfoutput>
</cfsavecontent>
<cfreturn output>
</cffunction>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
I already solved this for you. It is the same as your question at: http:Q_22911901.html .
** edited by b0lsc0tt to make link **
** edited by b0lsc0tt to make link **
ASKER
Ok . did you get the email that I sent to you . I am having problems displaying it. And I ahve some questions
ASKER
First of all I am do not understand what is the
if(window.activeRecord == null)
{
alert("You must select a program!");
Because I am getting message please select the program but do select the program
if(window.activeRecord == null)
{
alert("You must select a program!");
Because I am getting message please select the program but do select the program
I have 'unaccepted' this question.
This is not a solution: "I already solved this for you. It is the same as your question at: 22911901."
erikTsomik - you need to follow the guidelines on asking and closing questions.
hielo - when you get improperly awarded points, you need to work with the Asker to make sure that the error is reversed.
If either of you have any questions, you can post here or email me at:
Vee_Mod@experts-exchange.c om
This is not a solution: "I already solved this for you. It is the same as your question at: 22911901."
erikTsomik - you need to follow the guidelines on asking and closing questions.
hielo - when you get improperly awarded points, you need to work with the Asker to make sure that the error is reversed.
If either of you have any questions, you can post here or email me at:
Vee_Mod@experts-exchange.c
ASKER