Link to home
Start Free TrialLog in
Avatar of Errol Farro
Errol FarroFlag for Aruba

asked on

Datatable server side provessing delete button

Good day,

I am using server side to populate data table. This works without a problem. The data table has delete button on each row in case a user wishes to remove a row.

When the delete button is pressed, the #btn-delete is triggered. However, $text remains blank.

I am not well versed in JQUERY. Any assistance is highly appreciated.

=================================================================================


	$(document).ready(function() {
	    $('#example').dataTable({
	        "dom": '<"top"f>rtip',
	        "paging": true,
	        "bLengthChange": false,
	        "ordering": true,
	        "info": true,
	        "order": [
	            [1, 'asc']
	        ],
	        "pageLength": 10,
	        "bProcessing": true,
	        "bStateSave": true,
	        "bServerSide": true,
	        "sAjaxSource": 'ajax.cfc?method=dataTable',
	        "aoColumns": [{
	                "sName": "nr",
	                "sTitle": "Number",
	                "sWidth": "20%",
	                "bSortable": "true"
	            },
	            {
	                "sName": "LastName",
	                "sTitle": "Last Name",
	                "sWidth": "40%",
	                "bSortable": "true"
	            },
	            {
	                "sName": "FirstName",
	                "sTitle": "First Name",
	                "sWidth": "40%",
	                "bSortable": "true"
	            }
	        ],
	        "columnDefs": [{
	                "targets": [0],
	                "visible": true,
	                "searchable": true 

	            },
	            {
	                "targets": [3],
					"defaultContent": "<button id='btn-copy'>Delete</button>",
	                "visible": true
	            }

	        ]
	
	
	    });
	    

Open in new window

=================================================================================

		$(document).on('click', '#btn-delete', function () {
	        var $row = $(this).closest("tr"); // Find the row
	        var $text = $row.find(".nr").text(); // Find the text
	        alert($text);

		});

Open in new window


=================================================================================
Capture.JPG
Avatar of leakim971
leakim971
Flag of Guadeloupe image

do a right click on your page, choose view source and post it here. thanks.
Avatar of Errol Farro

ASKER

<SCRIPT LANGUAGE="JavaScript">

	function prcForm(sAction, nId)
	{
		if (sAction =='COPY' || sAction =='DELETE')
		{
			var r = confirm("Are you sure you want to " + sAction);
			if (r == true) {
				x = "You pressed OK!";
				window.location = "contactInfoAction.cfm?val1=" + sAction + '&val2=' + nId;
			} else {
				x = "You pressed Cancel!";
			}
		}

		if (sAction =='UPDATE')
		{
			window.location = "contactInfoAction.cfm?val1=" + sAction + '&val2=' + nId;
		}

		if (sAction =='ADD')
		{
			window.location = "contactInfoAction.cfm?val1=" + sAction + '&val2=' + nId;
		}


	}



</SCRIPT>


<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="../CSSTwoColumns.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="../CSSTabs.css" media="screen" />
    <meta charset="utf-8">
    <link rel="shortcut icon" type="image/ico" href="http://www.DataTables.net/favicon.ico">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
    <title>Contact search</title>
    <link rel="stylesheet" type="text/css" href="DataTables/media/css/jquery.dataTables.css">
    <link rel="stylesheet" type="text/css" href="DataTables/examples/resources/syntax/shCore.css">
    <link rel="stylesheet" type="text/css" href="DataTables/examples/resources/demo.css">
    <style type="text/css" class="init">
        .top {
        float: left;
        }
        .dataTables_filter {
        float: left !important;
        }
        .custom {
        font-family: verdana,arial,sans-serif;
        font-size:12px;
        color:#333333;    
        }
    </style>
    <script type="text/javascript" language="javascript" src="DataTables/media/js/jquery.js"></script>
    <script type="text/javascript" language="javascript" src="DataTables/media/js/jquery.dataTables.js"></script>
    <script type="text/javascript" language="javascript" src="DataTables/examples/resources/syntax/shCore.js"></script>
    <script type="text/javascript" language="javascript" src="DataTables/examples/resources/demo.js"></script>
    <script type="text/javascript" language="javascript" class="init">



	$(document).ready(function() {
	    $('#example').dataTable({
	        "dom": '<"top"f>rtip',
	        "paging": true,
	        "bLengthChange": false,
	        "ordering": true,
	        "info": true,
	        "order": [
	            [1, 'asc']
	        ],
	        "pageLength": 10,
	        "bProcessing": true,
	        "bStateSave": true,
	        "bServerSide": true,
	        "sAjaxSource": 'ajax.cfc?method=dataTable',
	        "aoColumns": [{
	                "sName": "nr",
	                "sTitle": "Number",
	                "sWidth": "20%",
	                "bSortable": "true"
	            },
	            {
	                "sName": "LastName",
	                "sTitle": "Last Name",
	                "sWidth": "40%",
	                "bSortable": "true"
	            },
	            {
	                "sName": "FirstName",
	                "sTitle": "First Name",
	                "sWidth": "40%",
	                "bSortable": "true"
	            }
	        ],
	        "columnDefs": [{
	                "targets": [0],
	                "visible": true,
	                "searchable": true 

	            },
	            {
	                "targets": [3],
					"defaultContent": "<button id='btn-delete'>Delete</button>",
	                "visible": true
	            }

	        ]
	
	
	    });
	    

	    $("div.top").append('&nbsp&nbsp<button id="addNew">&nbsp;Add +</button>');



// https://stackoverflow.com/questions/45816480/add-click-function-to-two-buttons-inside-jquery-datatable
		$(document).on('click', '#btn-delete', function () {
	        var $row = $(this).closest("tr"); // Find the row
	        var $text = $row.find(".nr").text(); // Find the text
	        alert('Copy ' + $text);

		});

	
	    $('#example tbody').on('click', 'button.btn-delete', function() {
	        var $row = $(this).closest("tr"); // Find the row
	        var $text = $row.find(".nr").text(); // Find the text
	        //alert('Delete ' + $text);
	        prcForm('DELETE', $text);
	        table.api().row($(this).parents('tr')).remove().draw();
	    });
	
	
	
	    //    $('#example tbody').on('click', 'tr td:not(:last-child)', function () {
	    $('#example tbody').on('click', 'tr td:not(:nth-last-child(-n+3))', function() {
	        var name = $('td', $(this).parent('tr')).eq(0).text();
	        //alert( 'You clicked on '+name+'\'s row' );
	        prcForm('UPDATE', name);
	    });
	
	
	    //  $('<div />').addClass('UnSelectAllButton').css({'float' : 'left'}).attr({'id' : 'UnSelectAllButtons'}).prependTo($('#example_filter'));
	
	    $('<button />').attr({
	            'id': 'addNew'
	        })
	        .html('Add New')
	        .appendTo($('#UnSelectAllButtons'));
	
	
	    $('#addNew').click(function() {
	        //alert( 'Deselect all.');
	        prcForm('ADD', 0);
	    });
	
	
	
	
	});


	</script>
</head>

<body>
    <p>&nbsp</p>
    <section>
        <table id="example" class="display compact custom" style="cursor:pointer" cellspacing="0" width="100%">
            <thead>
            </thead>
            <tbody>
            </tbody>
        </table>
    </section>
    </div>
</body>
<html:embed type="application/x-asc-plugin" id="pluginIdTFPU_2" width="0" height="0">
</html> 
</td></td></td></th></th></th></tr></tr></tr></table></table></table></a></abbrev></acronym></address></applet></au></b></banner></big></blink></blockquote></bq></caption></center></cite></code></comment></del></dfn></dir></div></div></dl></em></fig></fn></font></form></frame></frameset></h1></h2></h3></h4></h5></h6></head></i></ins></kbd></listing></map></marquee></menu></multicol></nobr></noframes></noscript></note></ol></p></param></person></plaintext></pre></q></s></samp></script></select></small></strike></strong></sub></sup></table></td></textarea></th></title></tr></tt></u></ul></var></wbr></xmp>
<style type="text/css">
.cfdebug
{
	color:black; 
	background-color:white; 
	font-family:"Times New Roman", Times, serif; 
	font-size:small
}

.cfdebuglge
{
	color:black; 
	background-color:white; 
	font-family:"Times New Roman", Times, serif; 
	font-size:medium;
}

a.cfdebuglink {color:blue; background-color:white }
</style>
<table class="cfdebug" bgcolor="white">
<tr>
	<td>

		<p class="cfdebug"><hr/>
		<b class="cfdebuglge"><a name="cfdebug_top">Debugging Information</a></b>
		<table class="cfdebug">
		<tr>
			<td class="cfdebug" nowrap>ColdFusion Server Developer</td>
			<td class="cfdebug">11,0,07,296330</td>
		</tr>
		<tr>
			<td class="cfdebug" nowrap> Template </td>
			<td class="cfdebug">/MidrangeGeneral/a1.cfm</td>
		</tr>
		<tr>
			<td class="cfdebug" nowrap> Time Stamp </td>
			<td class="cfdebug">16-Jul-18 02:40 PM</td>
		</tr>
		<tr>
			<td class="cfdebug" nowrap> Locale </td>
			<td class="cfdebug">English (US)</td>
		</tr>
		<tr>
			<td class="cfdebug" nowrap> User Agent </td>
			<td class="cfdebug">Mozilla&#x2f;5.0 &#x28;Windows NT 10.0&#x3b; Win64&#x3b; x64&#x29; AppleWebKit&#x2f;537.36 &#x28;KHTML, like Gecko&#x29; Chrome&#x2f;67.0.3396.99 Safari&#x2f;537.36</td>
		</tr>
		<tr>
			<td class="cfdebug" nowrap> Remote IP </td>
			<td class="cfdebug">0&#x3a;0&#x3a;0&#x3a;0&#x3a;0&#x3a;0&#x3a;0&#x3a;1</td>
		</tr>
		<tr>
			<td class="cfdebug" nowrap> Host Name </td>
			<td class="cfdebug">0&#x3a;0&#x3a;0&#x3a;0&#x3a;0&#x3a;0&#x3a;0&#x3a;1</td>
		</tr>
		</table>
		</p>
		
			<style type="text/css">
            .template
            {	color: black; 
            	font-family: "Times New Roman", Times, serif; 
            	font-weight: normal; }
            .template_overage
            {	color: red; 
            	background-color: white; 
            	font-family: "Times New Roman", Times, serif; 
            	font-weight: bold; }
            </style>
       		<p class="cfdebug"><hr/><b class="cfdebuglge"><a name="cfdebug_execution">Execution Time</a></b></p>
            <a name="cfdebug_templates">
        
                <table border="1" cellpadding="2" cellspacing="0" class="cfdebug">
                <tr>
					<td class="cfdebug" align="center"><b>Total Time</b></td>
					<td class="cfdebug" align="center"><b>Avg Time</b></td>
					<td class="cfdebug" align="center"><b>Count</b></td>
					<td class="cfdebug"><b>Template</b></td>
				</tr>
                
    
                        <tr>
							
    	                        <td align="right" class="cfdebug" nowrap>0 ms</td>
							
                            <td align="right" class="cfdebug" nowrap>0 ms</td>
                            <td align="center" class="cfdebug" nowrap>1</td>
                            <td align="left" class="cfdebug" nowrap><img src='/CFIDE/debug/images/topdoc.gif' alt='top level' border='0'> <b>C:\ColdFusion11\cfusion\wwwroot\MidrangeGeneral\a1.cfm</b></td>
                        </tr>
                        
                <tr>
					<td align="right" class="cfdebug" nowrap><i>69 ms</i></td><td colspan=2>&nbsp;</td>
                    <td align="left" class="cfdebug"><i>STARTUP, PARSING, COMPILING, LOADING, &amp; SHUTDOWN</i></td>
				</tr>
                <tr>
					<td align="right" class="cfdebug" nowrap><i>69 ms</i></td><td colspan=2>&nbsp;</td>
                    <td align="left" class="cfdebug"><i>TOTAL EXECUTION TIME</i></td>
				</tr>
                </table>
                <font color="red"><span class="template_overage">red = over 250 ms average execution time</span></font>
                </a>
            	
<p class="cfdebug"><hr/><b class="cfdebuglge"><a name="cfdebug_scopevars">Scope Variables</a></b></p>


<pre><b>CGI Variables:</b>
AUTH_PASSWORD=
AUTH_TYPE=
AUTH_USER=
CERT_COOKIE=
CERT_FLAGS=
CERT_ISSUER=
CERT_KEYSIZE=
CERT_SECRETKEYSIZE=
CERT_SERIALNUMBER=
CERT_SERVER_ISSUER=
CERT_SERVER_SUBJECT=
CERT_SUBJECT=
CF_TEMPLATE_PATH=C:\ColdFusion11\cfusion\wwwroot\MidrangeGeneral\a1.cfm
CONTENT_LENGTH=
CONTENT_TYPE=
CONTEXT_PATH=
GATEWAY_INTERFACE=
HTTPS=off
HTTPS_KEYSIZE=
HTTPS_SECRETKEYSIZE=
HTTPS_SERVER_ISSUER=
HTTPS_SERVER_SUBJECT=
HTTP_ACCEPT=text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8
HTTP_ACCEPT_ENCODING=gzip, deflate, br
HTTP_ACCEPT_LANGUAGE=en-US,en;q=0.9
HTTP_CONNECTION=keep-alive
HTTP_COOKIE=CFCLIENT_ADMINPANEL=; CFID=18107; CFTOKEN=2ead112826c2d1ab-6BAD5798-D739-C57C-ED9F068D8023BA10; CFGLOBALS=urltoken%3DCFID%23%3D18107%26CFTOKEN%23%3D2ead112826c2d1ab%2D6BAD5798%2DD739%2DC57C%2DED9F068D8023BA10%23lastvisit%3D%7Bts%20%272018%2D07%2D16%2014%3A40%3A30%27%7D%23hitcount%3D692%23timecreated%3D%7Bts%20%272018%2D07%2D09%2016%3A13%3A00%27%7D%23cftoken%3D2ead112826c2d1ab%2D6BAD5798%2DD739%2DC57C%2DED9F068D8023BA10%23cfid%3D18107%23
HTTP_HOST=localhost:8500
HTTP_REFERER=
HTTP_URL=
HTTP_USER_AGENT=Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36
LOCAL_ADDR=0:0:0:0:0:0:0:1
PATH_INFO=
PATH_TRANSLATED=C:\ColdFusion11\cfusion\wwwroot\MidrangeGeneral\a1.cfm
QUERY_STRING=
REMOTE_ADDR=0:0:0:0:0:0:0:1
REMOTE_HOST=0:0:0:0:0:0:0:1
REMOTE_USER=
REQUEST_METHOD=GET
SCRIPT_NAME=/MidrangeGeneral/a1.cfm
SERVER_NAME=localhost
SERVER_PORT=8500
SERVER_PORT_SECURE=0
SERVER_PROTOCOL=HTTP/1.1
SERVER_SOFTWARE=
WEB_SERVER_API=
</pre>

<pre><b>Client Variables:</b>
cfid=18107
cftoken=2ead112826c2d1ab-6BAD5798-D739-C57C-ED9F068D8023BA10
hitcount=692
lastvisit={ts &apos;2018-07-16 14:40:30&apos;}
timecreated={ts &apos;2018-07-09 16:13:00&apos;}
urltoken=CFID=18107&amp;CFTOKEN=2ead112826c2d1ab-6BAD5798-D739-C57C-ED9F068D8023BA10
</pre>

<pre><b>Cookie Variables:</b>
CFGLOBALS=urltoken=CFID#=18107&amp;CFTOKEN#=2ead112826c2d1ab-6BAD5798-D739-C57C-ED9F068D8023BA10#lastvisit={ts &apos;2018-07-16 14:40:30&apos;}#hitcount=692#timecreated={ts &apos;2018-07-09 16:13:00&apos;}#cftoken=2ead112826c2d1ab-6BAD5798-D739-C57C-ED9F068D8023BA10#cfid=18107#
CFID=18107
CFTOKEN=2ead112826c2d1ab-6BAD5798-D739-C57C-ED9F068D8023BA10
</pre>

<pre><b>Session Variables:</b>
cfid=18107
cftoken=2ead112826c2d1ab-6BAD5798-D739-C57C-ED9F068D8023BA10
sessionid=ADMINPANEL_18107_2ead112826c2d1ab-6BAD5798-D739-C57C-ED9F068D8023BA10
urltoken=CFID=18107&amp;CFTOKEN=2ead112826c2d1ab-6BAD5798-D739-C57C-ED9F068D8023BA10
</pre>

<font size="-1" class="cfdebug"><i>Debug Rendering Time: 6 ms</i></font><br />

	</td>
</tr>
</table>

Open in new window

it look like you did it with Internet Explorer...
Could you do the same with Chrome or Firefox
be sure to right click on your datatable.thanks.
also please use the CODE button to format the code your post here (surround/highlight first your code/page and click on it)
Try this :


$(document).on('click', '#btn-delete', function () {
	var $row = $(this).closest("tr[role='row']"); // Find the row
	alert("shoud be 1 : " + $row.length);
	var $text = $row.find(".nr").text(); // Find the text
	alert($text);
});

Open in new window

<SCRIPT LANGUAGE="JavaScript">

	function prcForm(sAction, nId)
	{
		if (sAction =='COPY' || sAction =='DELETE')
		{
			var r = confirm("Are you sure you want to " + sAction);
			if (r == true) {
				x = "You pressed OK!";
				window.location = "contactInfoAction.cfm?val1=" + sAction + '&val2=' + nId;
			} else {
				x = "You pressed Cancel!";
			}
		}

		if (sAction =='UPDATE')
		{
			window.location = "contactInfoAction.cfm?val1=" + sAction + '&val2=' + nId;
		}

		if (sAction =='ADD')
		{
			window.location = "contactInfoAction.cfm?val1=" + sAction + '&val2=' + nId;
		}


	}



</SCRIPT>


<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="../CSSTwoColumns.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="../CSSTabs.css" media="screen" />
    <meta charset="utf-8">
    <link rel="shortcut icon" type="image/ico" href="http://www.DataTables.net/favicon.ico">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
    <title>Contact search</title>
    <link rel="stylesheet" type="text/css" href="DataTables/media/css/jquery.dataTables.css">
    <link rel="stylesheet" type="text/css" href="DataTables/examples/resources/syntax/shCore.css">
    <link rel="stylesheet" type="text/css" href="DataTables/examples/resources/demo.css">
    <style type="text/css" class="init">
        .top {
        float: left;
        }
        .dataTables_filter {
        float: left !important;
        }
        .custom {
        font-family: verdana,arial,sans-serif;
        font-size:12px;
        color:#333333;    
        }
    </style>
    <script type="text/javascript" language="javascript" src="DataTables/media/js/jquery.js"></script>
    <script type="text/javascript" language="javascript" src="DataTables/media/js/jquery.dataTables.js"></script>
    <script type="text/javascript" language="javascript" src="DataTables/examples/resources/syntax/shCore.js"></script>
    <script type="text/javascript" language="javascript" src="DataTables/examples/resources/demo.js"></script>
    <script type="text/javascript" language="javascript" class="init">



	$(document).ready(function() {
	    $('#example').dataTable({
	        "dom": '<"top"f>rtip',
	        "paging": true,
	        "bLengthChange": false,
	        "ordering": true,
	        "info": true,
	        "order": [
	            [1, 'asc']
	        ],
	        "pageLength": 10,
	        "bProcessing": true,
	        "bStateSave": true,
	        "bServerSide": true,
	        "sAjaxSource": 'ajax.cfc?method=dataTable',
	        "aoColumns": [{
	                "sName": "nr",
	                "sTitle": "Number",
	                "sWidth": "20%",
	                "bSortable": "true"
	            },
	            {
	                "sName": "LastName",
	                "sTitle": "Last Name",
	                "sWidth": "40%",
	                "bSortable": "true"
	            },
	            {
	                "sName": "FirstName",
	                "sTitle": "First Name",
	                "sWidth": "40%",
	                "bSortable": "true"
	            }
	        ],
	        "columnDefs": [{
	                "targets": [0],
	                "visible": true,
	                "searchable": true 

	            },
	            {
	                "targets": [3],
					"defaultContent": "<button id='btn-delete'>Delete</button>",
	                "visible": true
	            }

	        ]
	
	
	    });
	    

	    $("div.top").append('&nbsp&nbsp<button id="addNew">&nbsp;Add +</button>');



// https://stackoverflow.com/questions/45816480/add-click-function-to-two-buttons-inside-jquery-datatable
// https://stackoverflow.com/questions/21647176/delete-in-datatable-server-side
		$(document).on('click', '#btn-delete', function () {
	        var $row = $(this).closest("tr"); // Find the row
	        var $text = $row.find(".nr").text(); // Find the text
	        alert($text);

		});

	
	    $('#example tbody').on('click', 'button.btn-delete', function() {
	        var $row = $(this).closest("tr"); // Find the row
	        var $text = $row.find(".nr").text(); // Find the text
	        //alert('Delete ' + $text);
	        prcForm('DELETE', $text);
	        table.api().row($(this).parents('tr')).remove().draw();
	    });
	
	
	
	    //    $('#example tbody').on('click', 'tr td:not(:last-child)', function () {
	    $('#example tbody').on('click', 'tr td:not(:nth-last-child(-n+3))', function() {
	        var name = $('td', $(this).parent('tr')).eq(0).text();
	        //alert( 'You clicked on '+name+'\'s row' );
	        prcForm('UPDATE', name);
	    });
	
	
	    //  $('<div />').addClass('UnSelectAllButton').css({'float' : 'left'}).attr({'id' : 'UnSelectAllButtons'}).prependTo($('#example_filter'));
	
	    $('<button />').attr({
	            'id': 'addNew'
	        })
	        .html('Add New')
	        .appendTo($('#UnSelectAllButtons'));
	
	
	    $('#addNew').click(function() {
	        //alert( 'Deselect all.');
	        prcForm('ADD', 0);
	    });
	
	
	
	
	});


	</script>
</head>

<body>
    <p>&nbsp</p>
    <section>
        <table id="example" class="display compact custom" style="cursor:pointer" cellspacing="0" width="100%">
            <thead>
            </thead>
            <tbody>
            </tbody>
        </table>
    </section>
    </div>
</body>
<html:embed type="application/x-asc-plugin" id="pluginIdTFPU_2" width="0" height="0">
</html> 
</td></td></td></th></th></th></tr></tr></tr></table></table></table></a></abbrev></acronym></address></applet></au></b></banner></big></blink></blockquote></bq></caption></center></cite></code></comment></del></dfn></dir></div></div></dl></em></fig></fn></font></form></frame></frameset></h1></h2></h3></h4></h5></h6></head></i></ins></kbd></listing></map></marquee></menu></multicol></nobr></noframes></noscript></note></ol></p></param></person></plaintext></pre></q></s></samp></script></select></small></strike></strong></sub></sup></table></td></textarea></th></title></tr></tt></u></ul></var></wbr></xmp>
<style type="text/css">
.cfdebug
{
	color:black; 
	background-color:white; 
	font-family:"Times New Roman", Times, serif; 
	font-size:small
}

.cfdebuglge
{
	color:black; 
	background-color:white; 
	font-family:"Times New Roman", Times, serif; 
	font-size:medium;
}

a.cfdebuglink {color:blue; background-color:white }
</style>
<table class="cfdebug" bgcolor="white">
<tr>
	<td>

		<p class="cfdebug"><hr/>
		<b class="cfdebuglge"><a name="cfdebug_top">Debugging Information</a></b>
		<table class="cfdebug">
		<tr>
			<td class="cfdebug" nowrap>ColdFusion Server Developer</td>
			<td class="cfdebug">11,0,07,296330</td>
		</tr>
		<tr>
			<td class="cfdebug" nowrap> Template </td>
			<td class="cfdebug">/MidrangeGeneral/a1.cfm</td>
		</tr>
		<tr>
			<td class="cfdebug" nowrap> Time Stamp </td>
			<td class="cfdebug">16-Jul-18 03:24 PM</td>
		</tr>
		<tr>
			<td class="cfdebug" nowrap> Locale </td>
			<td class="cfdebug">English (US)</td>
		</tr>
		<tr>
			<td class="cfdebug" nowrap> User Agent </td>
			<td class="cfdebug">Mozilla&#x2f;5.0 &#x28;Windows NT 10.0&#x3b; Win64&#x3b; x64&#x3b; rv&#x3a;60.0&#x29; Gecko&#x2f;20100101 Firefox&#x2f;60.0</td>
		</tr>
		<tr>
			<td class="cfdebug" nowrap> Remote IP </td>
			<td class="cfdebug">0&#x3a;0&#x3a;0&#x3a;0&#x3a;0&#x3a;0&#x3a;0&#x3a;1</td>
		</tr>
		<tr>
			<td class="cfdebug" nowrap> Host Name </td>
			<td class="cfdebug">0&#x3a;0&#x3a;0&#x3a;0&#x3a;0&#x3a;0&#x3a;0&#x3a;1</td>
		</tr>
		</table>
		</p>
		
			<style type="text/css">
            .template
            {	color: black; 
            	font-family: "Times New Roman", Times, serif; 
            	font-weight: normal; }
            .template_overage
            {	color: red; 
            	background-color: white; 
            	font-family: "Times New Roman", Times, serif; 
            	font-weight: bold; }
            </style>
       		<p class="cfdebug"><hr/><b class="cfdebuglge"><a name="cfdebug_execution">Execution Time</a></b></p>
            <a name="cfdebug_templates">
        
                <table border="1" cellpadding="2" cellspacing="0" class="cfdebug">
                <tr>
					<td class="cfdebug" align="center"><b>Total Time</b></td>
					<td class="cfdebug" align="center"><b>Avg Time</b></td>
					<td class="cfdebug" align="center"><b>Count</b></td>
					<td class="cfdebug"><b>Template</b></td>
				</tr>
                
    
                        <tr>
							
    	                        <td align="right" class="cfdebug" nowrap>0 ms</td>
							
                            <td align="right" class="cfdebug" nowrap>0 ms</td>
                            <td align="center" class="cfdebug" nowrap>1</td>
                            <td align="left" class="cfdebug" nowrap><img src='/CFIDE/debug/images/topdoc.gif' alt='top level' border='0'> <b>C:\ColdFusion11\cfusion\wwwroot\MidrangeGeneral\a1.cfm</b></td>
                        </tr>
                        
                <tr>
					<td align="right" class="cfdebug" nowrap><i>17 ms</i></td><td colspan=2>&nbsp;</td>
                    <td align="left" class="cfdebug"><i>STARTUP, PARSING, COMPILING, LOADING, &amp; SHUTDOWN</i></td>
				</tr>
                <tr>
					<td align="right" class="cfdebug" nowrap><i>17 ms</i></td><td colspan=2>&nbsp;</td>
                    <td align="left" class="cfdebug"><i>TOTAL EXECUTION TIME</i></td>
				</tr>
                </table>
                <font color="red"><span class="template_overage">red = over 250 ms average execution time</span></font>
                </a>
            	
<p class="cfdebug"><hr/><b class="cfdebuglge"><a name="cfdebug_scopevars">Scope Variables</a></b></p>

Open in new window

@Pluritechnician

Your suggestion did not work.

First alert says "should be 1:1

Second alert is blank
ASKER CERTIFIED SOLUTION
Avatar of leakim971
leakim971
Flag of Guadeloupe image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Works like a charm - tank you very much !!!
Great support !!!!