JQuery / script cheatsheet - Revision history

Kpe: /* Navigation */

2025-01-17T11:58:06Z

Navigation

@@ Line 17: / Line 17: @@
      url = $(this).attr("href").replace("=edit","=show");
      $(this).attr("href",url);
    });

Kpe: /* Navigation */

2023-12-01T12:31:29Z

Navigation

← Older revision		Revision as of 14:31, 1 December 2023
Line 11:		Line 11:
	}		}
	}		}

			==== Prevent edit as default command from lists ====

			$(".tableList a").each(function() {
			url = $(this).attr("href").replace("=edit","=show");
			$(this).attr("href",url);
			});

	=== Input manipulation ===		=== Input manipulation ===

Kpe at 15:03, 17 November 2023

2023-11-17T15:03:10Z

← Older revision		Revision as of 17:03, 17 November 2023
Line 129:		Line 129:
	selection.addRange(range);		selection.addRange(range);
	}		}


			=== AJAX lookups ===

	==== Address lookup in Denmark ====		==== Address lookup in Denmark ====

Kpe at 15:02, 17 November 2023

2023-11-17T15:02:37Z

← Older revision		Revision as of 17:02, 17 November 2023
Line 129:		Line 129:
	selection.addRange(range);		selection.addRange(range);
	}		}

			==== Address lookup in Denmark ====
			In custom header

			<script src='script/dawa-autocomplete.js' ></script>

			In custom script

			$("#DATA_ADRESSE").dawaautocomplete({ adgangsadresserOnly: true, baseUrl: 'https://dawa.aws.dk/' });

Kpe at 08:28, 4 May 2022

2022-05-04T08:28:32Z

← Older revision		Revision as of 10:28, 4 May 2022
Line 1:		Line 1:

	~~=== Copy / paste ===~~

	~~==== Selecting text for easy copying ====~~

	~~//Get Exising Select Options~~
	~~$('form#product select').each(function(i, select){~~
	~~var $select = $(select);~~
	~~$select.find('option').each(function(j, option){~~
	~~var $option = $(option);~~
	~~// Create a radio:~~
	~~var $radio = $('<input type="radio" />');~~
	~~// Set name and value:~~
	~~$radio.attr('name', $select.attr('name')).attr('value', $option.val());~~
	~~// Set checked if the option was selected~~
	~~if ($option.attr('selected')) $radio.attr('checked', 'checked');~~
	~~// Insert radio before select box:~~
	~~$select.before($radio);~~
	~~// Insert a label:~~
	~~$select.before(~~
	~~$("<label />").attr('for', $select.attr('name')).text($option.text())~~
	);
	~~// Insert a <br />:~~
	~~$select.before("<br/>");~~
	~~});~~
	~~$select.remove();~~
	~~});~~

	~~[https://stackoverflow.com/questions/2029267/jquery-convert-select-to-radio-buttons credit]~~

	~~==== Selecting text for easy copying ====~~

	~~var textNode = document.getElementById('IdOfNodeToBeSelected');~~
	~~if (document.selection) {~~
	~~var range = document.body.createTextRange();~~
	~~range.moveToElementText(textNode);~~
	~~range.select();~~
	~~} else if (window.getSelection) {~~
	~~var selection = window.getSelection();~~
	~~var range = document.createRange();~~
	~~range.selectNodeContents(textNode);~~
	~~selection.removeAllRanges();~~
	~~selection.addRange(range);~~
	}



	=== Navigation ===		=== Navigation ===
Line 130:		Line 84:

	transformToSelectField( "NAME", "Alice Bob" );		transformToSelectField( "NAME", "Alice Bob" );


			=== Copy / paste ===

			==== Selecting text for easy copying ====

			//Get Exising Select Options
			$('form#product select').each(function(i, select){
			var $select = $(select);
			$select.find('option').each(function(j, option){
			var $option = $(option);
			// Create a radio:
			var $radio = $('<input type="radio" />');
			// Set name and value:
			$radio.attr('name', $select.attr('name')).attr('value', $option.val());
			// Set checked if the option was selected
			if ($option.attr('selected')) $radio.attr('checked', 'checked');
			// Insert radio before select box:
			$select.before($radio);
			// Insert a label:
			$select.before(
			$("<label />").attr('for', $select.attr('name')).text($option.text())
			);
			// Insert a <br />:
			$select.before("<br/>");
			});
			$select.remove();
			});

			[https://stackoverflow.com/questions/2029267/jquery-convert-select-to-radio-buttons credit]

			==== Selecting text for easy copying ====

			var textNode = document.getElementById('IdOfNodeToBeSelected');
			if (document.selection) {
			var range = document.body.createTextRange();
			range.moveToElementText(textNode);
			range.select();
			} else if (window.getSelection) {
			var selection = window.getSelection();
			var range = document.createRange();
			range.selectNodeContents(textNode);
			selection.removeAllRanges();
			selection.addRange(range);
			}

Kpe at 08:27, 4 May 2022

2022-05-04T08:27:34Z

← Older revision		Revision as of 10:27, 4 May 2022
Line 1:		Line 1:

			=== Copy / paste ===
	==== ~~Making radiobuttons unselectable~~ ====
	~~Clicking on a radiobutton a second type will remove the selection~~

	~~$("input[type=radio]").click( function() {~~
	~~if( $(this).attr("checked") == 'checked' )~~
	~~$(this).removeAttr("checked").button("refresh");~~
	~~else~~
	~~$(this).attr("checked",true).button("refresh");~~
	~~});~~

	==== Selecting text for easy copying ====		==== Selecting text for easy copying ====
Line 52:		Line 43:
	selection.addRange(range);		selection.addRange(range);
	}		}



			=== Navigation ===

			==== Redirecting non administrators away from list views ====

			var params = window.location.href.split("?")[1];
			if( params == "SagID=251&command=list" ) {
			if( ! $( "#TempusServaPage" ).hasClass( "IsAdministrator" ) ) {
			console.log("redirecting to main from list");
			window.location.href = "main";
			}
			}

			=== Input manipulation ===

	==== Building multiselect values from existing services ====		==== Building multiselect values from existing services ====
Line 95:		Line 102:
	});});		});});

			==== Making radiobuttons unselectable ====
			Clicking on a radiobutton a second type will remove the selection

	~~==== Redirecting non administrators away from list views ====~~		$("input[type=radio]").click( function() {
			if( $(this).attr("checked") == 'checked' )
	~~var params = window.location.href.split~~("?")~~[1];~~		$(this).removeAttr("checked").button("refresh");
	if( ~~params == "SagID=251&command=list"~~ ) {		else
	if( ! $( ~~"#TempusServaPage"~~ ).~~hasClass~~( "~~IsAdministrator~~" ) ) {		$(this).attr("checked",true).button("refresh");
	~~console~~.~~log~~("~~redirecting to main from list~~");		});
	~~window~~.~~location~~.~~href =~~ "~~main~~";
	}
	}


	==== Transform text input to selectbox ====		==== Transform text input to selectbox ====

Kpe at 08:25, 4 May 2022

2022-05-04T08:25:33Z

← Older revision		Revision as of 10:25, 4 May 2022
Line 105:		Line 105:
	}		}
	}		}


			==== Transform text input to selectbox ====
			Include the following function

			function transformToSelectField( fieldName, valueList) {
			var select = "<select class='form-control' id='DATA_" + fieldName + "' name='DATA_" + fieldName + "' tabindex='2'>";
			var optionsList = valueList.split(" ");
			for (var i = 0; i < optionsList.length; i++) {
			var isSelected = ( getValue(fieldName) == optionsList[i] ) ? " selected " : "";
			select += "<option " + isSelected + " value='" + optionsList[i] + "'>" + optionsList[i] + "</option>";
			}
			select += "</select>";
			console.log( select );
			$("#DATA_" + fieldName).replaceWith( select );
			}

			Example usage

			transformToSelectField( "NAME", "Alice Bob" );

Tvi: 11 revisions imported

2021-12-10T11:07:15Z

11 revisions imported

← Older revision	Revision as of 13:07, 10 December 2021
(No difference)

old>Admin: /* Making radiobuttons unselectable */

2020-06-07T08:49:11Z

Making radiobuttons unselectable

← Older revision		Revision as of 10:49, 7 June 2020
Line 2:		Line 2:

	==== Making radiobuttons unselectable ====		==== Making radiobuttons unselectable ====
			Clicking on a radiobutton a second type will remove the selection

	$("input[type=radio]").click( function() {		$("input[type=radio]").click( function() {

old>Admin: /* Selecting text for easy copying */

2020-06-07T08:48:21Z

Selecting text for easy copying

← Older revision		Revision as of 10:48, 7 June 2020
Line 1:		Line 1:


			==== Making radiobuttons unselectable ====

			$("input[type=radio]").click( function() {
			if( $(this).attr("checked") == 'checked' )
			$(this).removeAttr("checked").button("refresh");
			else
			$(this).attr("checked",true).button("refresh");
			});

	==== Selecting text for easy copying ====		==== Selecting text for easy copying ====