2017-08-11 7 views
0

ColdFusionコードを使用しています。私のコードでは、ColdFusionを使用してテーブル内にコードを構築しています。ここで変数を設定してクエリを作成しています。 iframeを通して私のquestionbuilder.cfmページのquestion.cfmという他のページを開きます。 iframeを削除してAJAXとBootstrapを使用する必要があるため、コードを置き換えてAJAXを使用してこれを行うにはどうすればよいですか?ColdFusionでiframeをAJAXに置き換える方法

<div class="greyborder mediumtext" style="height:expression(document.body.clientHeight-document.getElementById('topBar').scrollHeight-40)" id="divPaths"> 
    <cfset builderURL="#request.DomainProtocol##request.DomainURL##ChangeManagerHome#question.cfm?processid=#processid#&category=#category#" /> 
    <cfif isDefined("URL.pView")> 
    <cfset builderURL = builderURL & "&pView=#URL.pView#" /> 
    </cfif> 
    <cfif isDefined("mode") and (mode eq "Add" or mode eq "Edit")> 
    <cfset builderURL = builderURL & "&mode=#mode#" /> 
    </cfif> 
    <cfif isDefined("maxrows") and IsNumeric(maxrows) and maxrows gt 0> 
    <cfset builderURL = builderURL & "&maxrows=#maxrows#" /> 
    </cfif> 
    <cfif isDefined("pathID") and IsNumeric(pathID) and pathID gt 0> 
    <cfset builderURL = builderURL & "&pathID=#pathID#" /> 
    </cfif> 
    <cfif isDefined("qnID") and IsNumeric(qnID)> 
    <cfset builderURL = builderURL & "&qnID=#qnID#" /> 
    </cfif> 
    <cfif isDefined("pqn") and IsNumeric(pqn)> 
    <cfset builderURL = builderURL & "&pqn=#pqn#" /> 
    </cfif> 
    <cfif isDefined("topt") and IsNumeric(topt)> 
    <cfset builderURL = builderURL & "&topt=#topt#" /> 
    </cfif> 
    <cfoutput> 
    <iframe src="#builderURL#" name="ifrShowQuestionBuilder" id="ifrShowBuilder" width="100%" frameborder=0 height="100%"></iframe> 
    </cfoutput> 
</div> 
+1

iframeで実行されていたすべてのコードを含むcfcを作成します。 ajaxを使用して、そのcfcとjavascriptの適切なメソッドを呼び出して、ページの内容に必要な変更を加えます。 –

答えて

0

私はこのようなものを探していますね。
次のコードを使用して新しいcfmファイルを作成し、それがquestion.cfmファイルの同じフォルダにあることを確認してテストします。

<cfset builderURL="question.cfm?processid=1&category=2&etc=3..." /> 
<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <script> 
    $(document).ready(function() { 
     $('#manual_trigger').click(function(){ 
     $('#divPaths').load("<cfoutput>#builderURL#</cfoutput>"); 
     }); 
    }); 
    </script> 
</head> 
<body> 
    <button id="manual_trigger">load</button> <br><br> 
    <div id="divPaths"> </div> 
</body> 
</html> 
関連する問題