diff --git a/dataRender/hyperLink.js b/dataRender/hyperLink.js
index 1d286bd..9ddd6d8 100644
--- a/dataRender/hyperLink.js
+++ b/dataRender/hyperLink.js
@@ -1,17 +1,17 @@
/**
- * This data rendering helper method can be useful when a hyperLink with custom
- * text has to rendered. The data for the column is still fully searchable and sortable, based on the hyperLink value,
+ * This data rendering helper method can be useful when a hyperLink with custom
+ * anchorText has to rendered. The data for the column is still fully searchable and sortable, based on the hyperLink value,
* and sortable, based on the hyperLink value, but during display in webpage is rendered with custom placeholder
*
* It accepts four parameters:
*
- * 1. 'text' - type string - (optional - default `Click Here`) - The custom placeholder to display
- * 2. 'location' - type string - (optional - default `newTab`)
+ * 1. 'anchorText' - type string - (optional - default `Click Here`) - The custom placeholder to display
+ * 2. 'location' - type string - (optional - default `newTab`)
* takes two values 'newTab' and 'popup'
- * 3. 'width' - type integer - (optional - default `600`)
+ * 3. 'width' - type integer - (optional - default `600`)
* The custom width of popup to display.
* Value is utilised on when 'location' is given as 'popup'.
- * 4. 'height' - type integer - (optional - default `400`)
+ * 4. 'height' - type integer - (optional - default `400`)
* The custom heigth of popup to display.
* Value is utilised on when 'location' is given as 'popup'.
*
@@ -35,7 +35,7 @@
* $('#example').DataTable( {
* columnDefs: [ {
* targets: 2,
- * render: $.fn.dataTable.render.ellipsis( 'Download' )
+ * render: $.fn.dataTable.render.hyperLink( 'Download' )
* } ]
* } );
*
@@ -45,7 +45,7 @@
* $('#example').DataTable( {
* columnDefs: [ {
* targets: 2,
- * render: $.fn.dataTable.render.ellipsis( 'Download', 'popup' )
+ * render: $.fn.dataTable.render.hyperLink( 'Download', 'popup' )
* } ]
* } );
*
@@ -55,59 +55,87 @@
* $('#example').DataTable( {
* columnDefs: [ {
* targets: 2,
- * render: $.fn.dataTable.render.ellipsis( 'Download', 'popup' , 1000, 500)
+ * render: $.fn.dataTable.render.hyperLink( 'Download', 'popup' , 1000, 500)
* } ]
* } );
*/
-jQuery.fn.dataTable.render.hyperLink = function (text, location, width, height) {
-
-
- validateAndReturnDefaultIfFailed = function(item, defaultValue) {
-
- if ( typeof item === 'number' ) {
- return item;
- }
-
-
- if ( typeof item === 'string' ) {
- return parseInt(item) ? item : defaultValue;
- }
-
- return defaultValue;
- }
-
- text = text || 'Click Here';
- location = location || 'newTab';
- width = validateAndReturnDefaultIfFailed(width, '600');
- height = validateAndReturnDefaultIfFailed(height, '400');
-
-
-
-
- return function (data, type, row) {
+jQuery.fn.dataTable.render.hyperLink = function (
+ anchorText,
+ location,
+ width,
+ height
+) {
+ validateAndReturnDefaultIfFailed = function (item, defaultValue) {
+ if (typeof item === "number") {
+ return item;
+ }
+
+ if (typeof item === "string") {
+ return parseInt(item) ? item : defaultValue;
+ }
+
+ return defaultValue;
+ };
+ var anchorText = anchorText || "Click Here";
+ var location = location || "newTab";
+ var width = validateAndReturnDefaultIfFailed(width, "600");
+ var height = validateAndReturnDefaultIfFailed(height, "400");
+
+ return function (data, type, row) {
// restriction only for table display rendering
- if (type !== 'display') {
+ if (type !== "display") {
return data;
}
-
- try {
-
- url = new URL(data);
-
- switch(location) {
- case 'newTab' :
- return '' + text + '';
- case 'popup':
- return '' + text + '';
- default:
- return '' + text + '';
- }
-
- } catch(e) {
- return url;
- }
-
+
+ var url = data;
+
+ try {
+ url = new URL(data);
+
+ switch (location) {
+ case "newTab":
+ return (
+ '' +
+ anchorText +
+ ""
+ );
+ case "popup":
+ return (
+ '" +
+ anchorText +
+ ""
+ );
+ default:
+ return (
+ '' +
+ anchorText +
+ ""
+ );
+ }
+ } catch (e) {
+ return url;
+ }
};
};