MediaWiki:Common.js - Revision history

Chris at 13:00, 7 November 2023

2023-11-07T13:00:35Z

← Older revision		Revision as of 13:00, 7 November 2023
Line 7:		Line 7:
	// - tab inputs are automatically named "tabs-input-x-y" where		// - tab inputs are automatically named "tabs-input-x-y" where
	// x is the tabs set number (starting at 1) and y is the tab number within the set (starting at 1)		// x is the tabs set number (starting at 1) and y is the tab number within the set (starting at 1)
			// TO IMPROVE THIS -- Calculate which tab should be activated by index rather than ID

	$('.tabs-input').on('click', function () { // When a tab input is clicked		$('.tabs-input').on('click', function () { // When a tab input is clicked
	var tab_id = $(this).attr('id'); // Get the tab id		var tab_id = $(this).attr('id'); // Get the tab id
	~~//var pan_id = "panorama-" + tab_id[tab_id.length-1]; // Calc the iframe id from the tab id~~
	~~//$('#' + pan_id).attr('src', $('#' + pan_id).attr('data-src')); // Set the iframe src to the data-src to load it~~
	var ifr_id = "ifr-" + tab_id.substr(new String("tabs-input-").length); // Calc the iframe id from the tab id		var ifr_id = "ifr-" + tab_id.substr(new String("tabs-input-").length); // Calc the iframe id from the tab id
	// ~~- assign each tab an id of "tab-SOME_UNIQUE_ID" and the iframe within it an id of "ifr-SOME_UNIQUE_ID"~~		//console.log(ifr_id);
	~~// var ifr_id = "ifr-" + tab_id.substr(5); // Calc the iframe id from the tab id~~
	console.log(ifr_id);
	$('#' + ifr_id).attr('src', $('#' + ifr_id).attr('data-src')); // Set the iframe src to the data-src to load it		$('#' + ifr_id).attr('src', $('#' + ifr_id).attr('data-src')); // Set the iframe src to the data-src to load it



			//var pan_id = "panorama-" + tab_id[tab_id.length-1]; // Calc the iframe id from the tab id
			//$('#' + pan_id).attr('src', $('#' + pan_id).attr('data-src')); // Set the iframe src to the data-src to load it
			// - assign each tab an id of "tab-SOME_UNIQUE_ID" and the iframe within it an id of "ifr-SOME_UNIQUE_ID"
			// var ifr_id = "ifr-" + tab_id.substr(5); // Calc the iframe id from the tab id
	});		});

Chris at 12:00, 7 November 2023

2023-11-07T12:00:32Z

← Older revision		Revision as of 12:00, 7 November 2023
Line 4:		Line 4:
	// to use:		// to use:
	// - change the iframe src to data-src so it doesn't load right away		// - change the iframe src to data-src so it doesn't load right away
			// - iframes must be given ids that match the ids of the tab _inputs_ (not tabs) that get clicked
			// - tab inputs are automatically named "tabs-input-x-y" where
			// x is the tabs set number (starting at 1) and y is the tab number within the set (starting at 1)

	$('.tabs-input').on('click', function () { // When a tab input is clicked		$('.tabs-input').on('click', function () { // When a tab input is clicked

Chris at 11:56, 7 November 2023

2023-11-07T11:56:48Z

← Older revision		Revision as of 11:56, 7 November 2023
Line 13:		Line 13:
	// var ifr_id = "ifr-" + tab_id.substr(5); // Calc the iframe id from the tab id		// var ifr_id = "ifr-" + tab_id.substr(5); // Calc the iframe id from the tab id
	console.log(ifr_id);		console.log(ifr_id);
	// $('#' + ifr_id).attr('src', $('#' + ifr_id).attr('data-src')); // Set the iframe src to the data-src to load it		$('#' + ifr_id).attr('src', $('#' + ifr_id).attr('data-src')); // Set the iframe src to the data-src to load it
	});		});

Chris at 11:55, 7 November 2023

2023-11-07T11:55:11Z

← Older revision		Revision as of 11:55, 7 November 2023
Line 9:		Line 9:
	//var pan_id = "panorama-" + tab_id[tab_id.length-1]; // Calc the iframe id from the tab id		//var pan_id = "panorama-" + tab_id[tab_id.length-1]; // Calc the iframe id from the tab id
	//$('#' + pan_id).attr('src', $('#' + pan_id).attr('data-src')); // Set the iframe src to the data-src to load it		//$('#' + pan_id).attr('src', $('#' + pan_id).attr('data-src')); // Set the iframe src to the data-src to load it
	var ifr_id = "ifr-" + tab_id.substr(~~strlen~~("tabs-input-")); // Calc the iframe id from the tab id		var ifr_id = "ifr-" + tab_id.substr(new String("tabs-input-").length); // Calc the iframe id from the tab id
	// - assign each tab an id of "tab-SOME_UNIQUE_ID" and the iframe within it an id of "ifr-SOME_UNIQUE_ID"		// - assign each tab an id of "tab-SOME_UNIQUE_ID" and the iframe within it an id of "ifr-SOME_UNIQUE_ID"
	// var ifr_id = "ifr-" + tab_id.substr(5); // Calc the iframe id from the tab id		// var ifr_id = "ifr-" + tab_id.substr(5); // Calc the iframe id from the tab id

Chris at 11:53, 7 November 2023

2023-11-07T11:53:09Z

← Older revision		Revision as of 11:53, 7 November 2023
Line 9:		Line 9:
	//var pan_id = "panorama-" + tab_id[tab_id.length-1]; // Calc the iframe id from the tab id		//var pan_id = "panorama-" + tab_id[tab_id.length-1]; // Calc the iframe id from the tab id
	//$('#' + pan_id).attr('src', $('#' + pan_id).attr('data-src')); // Set the iframe src to the data-src to load it		//$('#' + pan_id).attr('src', $('#' + pan_id).attr('data-src')); // Set the iframe src to the data-src to load it
	var ifr_id = "ifr-" + tab_id.substr(~~len~~("tabs-input-")); // Calc the iframe id from the tab id		var ifr_id = "ifr-" + tab_id.substr(strlen("tabs-input-")); // Calc the iframe id from the tab id
	// - assign each tab an id of "tab-SOME_UNIQUE_ID" and the iframe within it an id of "ifr-SOME_UNIQUE_ID"		// - assign each tab an id of "tab-SOME_UNIQUE_ID" and the iframe within it an id of "ifr-SOME_UNIQUE_ID"
	// var ifr_id = "ifr-" + tab_id.substr(5); // Calc the iframe id from the tab id		// var ifr_id = "ifr-" + tab_id.substr(5); // Calc the iframe id from the tab id

Chris at 11:52, 7 November 2023

2023-11-07T11:52:26Z

← Older revision		Revision as of 11:52, 7 November 2023
Line 4:		Line 4:
	// to use:		// to use:
	// - change the iframe src to data-src so it doesn't load right away		// - change the iframe src to data-src so it doesn't load right away
	~~// - assign each tab an id of "tab-SOME_UNIQUE_ID" and the iframe within it an id of "ifr-SOME_UNIQUE_ID"~~
	$('.tabs-input').on('click', function () { // When a tab is clicked		$('.tabs-input').on('click', function () { // When a tab input is clicked
	var tab_id = $(this).attr('id'); // Get the tab id		var tab_id = $(this).attr('id'); // Get the tab id
	//var pan_id = "panorama-" + tab_id[tab_id.length-1]; // Calc the iframe id from the tab id		//var pan_id = "panorama-" + tab_id[tab_id.length-1]; // Calc the iframe id from the tab id
	//$('#' + pan_id).attr('src', $('#' + pan_id).attr('data-src')); // Set the iframe src to the data-src to load it		//$('#' + pan_id).attr('src', $('#' + pan_id).attr('data-src')); // Set the iframe src to the data-src to load it
	var ifr_id = "ifr-" + tab_id.substr(5); // Calc the iframe id from the tab id		var ifr_id = "ifr-" + tab_id.substr(len("tabs-input-")); // Calc the iframe id from the tab id
			// - assign each tab an id of "tab-SOME_UNIQUE_ID" and the iframe within it an id of "ifr-SOME_UNIQUE_ID"
			// var ifr_id = "ifr-" + tab_id.substr(5); // Calc the iframe id from the tab id
	console.log(ifr_id);		console.log(ifr_id);
	$('#' + ifr_id).attr('src', $('#' + ifr_id).attr('data-src')); // Set the iframe src to the data-src to load it		// $('#' + ifr_id).attr('src', $('#' + ifr_id).attr('data-src')); // Set the iframe src to the data-src to load it
	});		});

Chris at 11:42, 7 November 2023

2023-11-07T11:42:05Z

← Older revision		Revision as of 11:42, 7 November 2023
Line 9:		Line 9:
	//var pan_id = "panorama-" + tab_id[tab_id.length-1]; // Calc the iframe id from the tab id		//var pan_id = "panorama-" + tab_id[tab_id.length-1]; // Calc the iframe id from the tab id
	//$('#' + pan_id).attr('src', $('#' + pan_id).attr('data-src')); // Set the iframe src to the data-src to load it		//$('#' + pan_id).attr('src', $('#' + pan_id).attr('data-src')); // Set the iframe src to the data-src to load it
	var ifr_id = "ifr-" + tab_id.substr(4); // Calc the iframe id from the tab id		var ifr_id = "ifr-" + tab_id.substr(5); // Calc the iframe id from the tab id
	console.log(ifr_id);		console.log(ifr_id);
	$('#' + ifr_id).attr('src', $('#' + ifr_id).attr('data-src')); // Set the iframe src to the data-src to load it		$('#' + ifr_id).attr('src', $('#' + ifr_id).attr('data-src')); // Set the iframe src to the data-src to load it

Chris at 11:40, 7 November 2023

2023-11-07T11:40:24Z

← Older revision		Revision as of 11:40, 7 November 2023
Line 10:		Line 10:
	//$('#' + pan_id).attr('src', $('#' + pan_id).attr('data-src')); // Set the iframe src to the data-src to load it		//$('#' + pan_id).attr('src', $('#' + pan_id).attr('data-src')); // Set the iframe src to the data-src to load it
	var ifr_id = "ifr-" + tab_id.substr(4); // Calc the iframe id from the tab id		var ifr_id = "ifr-" + tab_id.substr(4); // Calc the iframe id from the tab id
			console.log(ifr_id);
	$('#' + ifr_id).attr('src', $('#' + ifr_id).attr('data-src')); // Set the iframe src to the data-src to load it		$('#' + ifr_id).attr('src', $('#' + ifr_id).attr('data-src')); // Set the iframe src to the data-src to load it
	});		});

Chris at 11:35, 7 November 2023

2023-11-07T11:35:21Z

← Older revision		Revision as of 11:35, 7 November 2023
Line 3:		Line 3:
	// function to load embedded iframe content (panoramas) only after tabs are clicked		// function to load embedded iframe content (panoramas) only after tabs are clicked
	// to use:		// to use:
	// - change the iframe src to data-src ~~and~~ assign it an id ~~that corresponds to~~ the ~~tab~~ id		// - change the iframe src to data-src so it doesn't load right away
			// - assign each tab an id of "tab-SOME_UNIQUE_ID" and the iframe within it an id of "ifr-SOME_UNIQUE_ID"
	$('.tabs-input').on('click', function () { // When a tab is clicked		$('.tabs-input').on('click', function () { // When a tab is clicked
	var tab_id = $(this).attr('id'); // Get the tab id		var tab_id = $(this).attr('id'); // Get the tab id
	var pan_id = "panorama-" + tab_id[tab_id.length-1]; // Calc the iframe id from the tab id		//var pan_id = "panorama-" + tab_id[tab_id.length-1]; // Calc the iframe id from the tab id
	$('#' + pan_id).attr('src', $('#' + pan_id).attr('data-src')); // Set the iframe src to the data-src to load it		//$('#' + pan_id).attr('src', $('#' + pan_id).attr('data-src')); // Set the iframe src to the data-src to load it
			var ifr_id = "ifr-" + tab_id.substr(4); // Calc the iframe id from the tab id
			$('#' + ifr_id).attr('src', $('#' + ifr_id).attr('data-src')); // Set the iframe src to the data-src to load it
	});		});

Chris at 11:20, 7 November 2023

2023-11-07T11:20:10Z

← Older revision		Revision as of 11:20, 7 November 2023
Line 1:		Line 1:
	/* Any JavaScript here will be loaded for all users on every page load. */		/* Any JavaScript here will be loaded for all users on every page load. */

			// function to load embedded iframe content (panoramas) only after tabs are clicked
			// to use:
			// - change the iframe src to data-src and assign it an id that corresponds to the tab id
			$('.tabs-input').on('click', function () { // When a tab is clicked
			var tab_id = $(this).attr('id'); // Get the tab id
			var pan_id = "panorama-" + tab_id[tab_id.length-1]; // Calc the iframe id from the tab id
			$('#' + pan_id).attr('src', $('#' + pan_id).attr('data-src')); // Set the iframe src to the data-src to load it
			});

	/* Was enabled when vrView was working		/* Was enabled when vrView was working
Line 15:		Line 24:
	}		}

	*/

	$('.tabs-input').on('click', function () { var tab_id = $(this).attr('id'); var pan_id = "panorama-" + tab_id[tab_id.length-1]; $('#' + pan_id).attr('src', $('#' + pan_id).attr('data-src')); });		$('.tabs-input').on('click', function () { var tab_id = $(this).attr('id'); var pan_id = "panorama-" + tab_id[tab_id.length-1]; $('#' + pan_id).attr('src', $('#' + pan_id).attr('data-src')); });

	/*
	var panoContainer = document.getElementById('panorama');		var panoContainer = document.getElementById('panorama');
	var panoImage = document.getElementById('panoImage');		var panoImage = document.getElementById('panoImage');