PH777 fun,CROWN89 login Register.REGISTER NOW GET FREE 888 PESOS REWARDS!

(@pdidee)

After upgrading to 4.0 my custom theme’s custom TinyMce icons to add shortcodes for columns and other web elements is no longer working properly. The window light box shows up but when I select an item an click the insert button nothing happens. Window stay and the only button that works is the cancel button? I think the issue might be the update to TinyMce itself. Can someone point me in the right direction? Below is the code to the JS files for both plugins:

Columns:

(function() {
	// Load plugin specific language pack
	tinymce.PluginManager.requireLangPack('phil_button_columns');

	tinymce.create('tinymce.plugins.phil_button_columns', {

		init : function(ed, url) {
		// Register the command so that it can be invoked by using tinyMCE.activeEditor.execCommand('mceExample');

			ed.addCommand('phil_button_columns', function() {
				ed.windowManager.open({
					file : url + '/phil_columns_panel.php',
					width : 660,
					height : 350,
					inline : 1
				}, {
					plugin_url : url // Plugin absolute URL
				});
			});

			// Register example button
			ed.addButton('phil_button_columns', {
				title : 'Insert a Column',
				cmd : 'phil_button_columns',
				image : url + '/ico-columns.png'
			});

			// Add a node change handler, selects the button in the UI when a image is selected
			ed.onNodeChange.add(function(ed, cm, n) {
				cm.setActive('phil_button_columns', n.nodeName == 'IMG');
			});
		},
		createControl : function(n, cm) {
			return null;
		},
		getInfo : function() {
			return {
					longname  : 'phil_button_columns',
					author 	  : 'phildesigns',
					authorurl : 'https://www.mysite.com',
					infourl   : 'https://www.mysite.com',
					version   : "1.0"
			};
		}
	});

	// Register plugin
	tinymce.PluginManager.add('phil_button_columns', tinymce.plugins.phil_button_columns);
})();

And here is the one for the Shortcodes:

(function() {
	// Load plugin specific language pack
	tinymce.PluginManager.requireLangPack('phil_button_shortcodes');

	tinymce.create('tinymce.plugins.phil_button_shortcodes', {

		init : function(ed, url) {
		// Register the command so that it can be invoked by using tinyMCE.activeEditor.execCommand('mceExample');

			ed.addCommand('phil_button_shortcodes', function() {
				ed.windowManager.open({
					file : url + '/phil_shortcodes_panel.php',
					width : jQuery(window).width()-100,
					height : jQuery(window).height()-100,
					inline : 1
				}, {
					plugin_url : url // Plugin absolute URL
				});
			});

			// Register example button
			ed.addButton('phil_button_shortcodes', {
				title : 'Insert a Shortcode',
				cmd : 'phil_button_shortcodes',
				image : url + '/ico-shortcodes.png'
			});

			// Add a node change handler, selects the button in the UI when a image is selected
			ed.onNodeChange.add(function(ed, cm, n) {
				cm.setActive('phil_button_shortcodes', n.nodeName == 'IMG');
			});
		},
		createControl : function(n, cm) {
			return null;
		},
		getInfo : function() {
			return {
					longname  : 'phil_button_shortcodes',
					author 	  : 'phildesigns',
					authorurl : 'https://www.mysite.com',
					infourl   : 'https://www.mysite.com',
					version   : "1.0"
			};
		}
	});

	// Register plugin
	tinymce.PluginManager.add('phil_button_shortcodes', tinymce.plugins.phil_button_shortcodes);
})();

Viewing 2 replies - 1 through 2 (of 2 total)

Thread Starter

PDidee

(@pdidee)

10 years, 5 months ago

Little more info. I think the problem is with the php files that create the popup window. Here is the one for Columns:

<?php
$wpconfig = realpath("../../../../../wp-config.php");
if (!file_exists($wpconfig))  {
	echo "Could not found wp-config.php. Error in path :\n\n".$wpconfig ;
	die;
}
require_once($wpconfig);
global $wpdb;
?>
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
	<title><?php _e("Insert Columns", 'whitelabel'); ?></title>
<!-- <meta http-equiv="Content-Type" content="<?php// bloginfo('html_type'); ?>; charset=<?php //echo get_option('blog_charset'); ?>" /> -->
	<script language="javascript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/wp-includes/js/tinymce/tiny_mce_popup.js"></script>
	<script language="javascript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/wp-includes/js/tinymce/utils/form_utils.js"></script>
	<?php
		wp_admin_css( 'global', true );
		wp_admin_css( 'wp-admin', true );
	?>
	<link rel="stylesheet" id="shortcode-style"  href="<?php echo get_template_directory_uri().'/includes/phil_columns/phil_columns_style.css'; ?>" type="text/css" media="all" />
	<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script language="javascript" type="text/javascript" src="<?php echo get_template_directory_uri().'/includes/phil_columns/phil_columns_function.js'; ?>"></script>
	<base target="_self" />
</head>
	<body id="link" style="overflow:hidden" onLoad="tinyMCEPopup.executeOnLoad('init();');document.body.style.display='';">
<!-- <form onsubmit="insertLink();return false;" action="#"> -->

	<div id="gridExamples" class="container_16">
		<p class="grid_16 margin1">Select a <strong>size</strong> for the column that you want to insert in the page.</p>

		<div class="grid_16 holder" data-grid="one_sixth"><div class="grid_1 margin">&nbsp;</div><div class="grid_2">1/6</div></div>
		<div class="grid_16 holder" data-grid="one_fifth"><div class="grid_1 margin">&nbsp;</div><div class="grid_3">1/5</div></div>
		<div class="grid_16 holder" data-grid="one_fourth"><div class="grid_1 margin">&nbsp;</div><div class="grid_4">1/4</div></div>
		<div class="grid_16 holder" data-grid="three_fourth"><div class="grid_1 margin">&nbsp;</div><div class="grid_12">3/4</div></div>
		<div class="grid_16 holder" data-grid="one_third"><div class="grid_1 margin">&nbsp;</div><div class="grid_5">1/3</div></div>
		<div class="grid_16 holder" data-grid="two_third"><div class="grid_1 margin">&nbsp;</div><div class="grid_10">2/3</div></div>
		<div class="grid_16 holder" data-grid="one_half"><div class="grid_1 margin">&nbsp;</div><div class="grid_8">1/2</div></div>
		<div class="grid_16 holder" data-grid="full_width"><div class="grid_16">1/1</div></div>
		<div class="holder clearing" data-grid="clear"><div class="grid_16">Empty div, for clearing floats(use this after each row, if it looks messed up)</div></div>

		<p class="grid_16 extra"><br />
			<label for="lastCheck">Check this box if the current column is the <strong>last column</strong> in it's row</label>
			<input name="lastCheck" type="checkbox" value="" id="lastCheck" />
		</p>

		<div class="grid_16 clean">
			<div class="mceActionPanel" style="overflow: hidden; margin-top: 20px;">
				<div style="float: left">
					<input type="button" id="cancel" name="cancel" value="<?php _e("Cancel", 'whitelabel'); ?>" onClick="tinyMCEPopup.close();" />
				</div>
				<div style="float: right">
					<button id="insertCode" value="<?php _e("Insert", 'whitelabel'); ?>" class="button" type="button"><?php _e("Insert", 'whitelabel'); ?></button>
				</div>
			</div>
		</div>

	</div>

</body>
</html>

And here is the one for Shortcodes:

<?php
$wpconfig = realpath("../../../../../wp-config.php");
if (!file_exists($wpconfig))  {
	echo "Could not found wp-config.php. Error in path :\n\n".$wpconfig ;
	die;
}
require_once($wpconfig);
global $wpdb;
?>
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
	<title><?php _e("Insert Shortcode", 'whitelabel'); ?></title>
<!-- <meta http-equiv="Content-Type" content="<?php// bloginfo('html_type'); ?>; charset=<?php //echo get_option('blog_charset'); ?>" /> -->
	<script language="javascript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/wp-includes/js/tinymce/tiny_mce_popup.js"></script>
	<script language="javascript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/wp-includes/js/tinymce/utils/form_utils.js"></script>

	<link rel="stylesheet" id="shortcode-style"  href="<?php echo get_template_directory_uri().'/includes/phil_shortcodes/phil_shortcodes_style.css'; ?>" type="text/css" media="all" />

	<?php
		wp_admin_css( 'global', true );
		wp_admin_css( 'wp-admin', true );
		wp_enqueue_script('media-upload');
		wp_enqueue_script('thickbox');
	?>

	<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script language="javascript" type="text/javascript" src="<?php echo get_template_directory_uri().'/../../../wp-admin/js/media-upload.js'; ?>"></script>
	<script language="javascript" type="text/javascript" src="<?php echo get_template_directory_uri().'/includes/phil_shortcodes/phil_shortcodes_function.js'; ?>"></script>
	<script language="javascript" type="text/javascript" src="<?php echo get_template_directory_uri(). '/includes/phil_plugins/thickbox-compressed.js'; ?>"></script>
	<base target="_self" />

</head>
	<body id="link" onLoad="tinyMCEPopup.executeOnLoad('init();');document.body.style.display='';">
<!-- <form onsubmit="insertLink();return false;" action="#"> -->

	<div>

		<div class="clean">
			<p>Step 1: Select a <strong>shortcode type</strong>:</p>

			<select id="philShortcodeType">
				<option data-id="#philClean">Select...</option>
				<option data-id="#philAlertBox">Alert Box</option>
				<option data-id="#philButtons">Button</option>
				<!--<option data-id="#philTextBox">Code Box</option>-->
				<option data-id="#philDivider">Divider</option>
				<option data-id="#philDropcap">Dropcap</option>
				<option data-id="#philMark">Highlighted Text</option>
				<!--<option data-id="#philIconButton">Icon Button</option>-->
				<!--<option data-id="#philIconBlock">Icon Text Block</option>-->
				<!--<option data-id="#philImage">Image</option>-->
				<option data-id="#philLateProjects">Latest Projects</option>
				<option data-id="#philLatePosts">Latest Posts</option>
				<!--<option data-id="#philList">List</option>-->
				<!--<option data-id="#philMaps">Google Map</option>-->
				<option data-id="#philPricingTable">Pricing Table</option>
				<!--<option data-id="#philPostList">Posts Box</option>-->
				<!--<option data-id="#philQuote">Quote</option>-->
				<option data-id="#philSocial">Social Icons</option>
				<option data-id="#philTabs">Tabs</option>
				<option data-id="#philTagline">Tagline</option>
				<option data-id="#philTitleTagline">Title + Tagline</option>
				<option data-id="#philTestimonials">Testimonials</option>
				<option data-id="#philToggles">Toggles</option>
			</select>
		</div>

		<div id="philShortcodePanels" class="clean panels">
			<p>Step 2: Configure <strong>shortcode options</strong>:</p>

			<div data-type="none" id="philClean" class="first selected">
				<div class="field large clearfix"><label>Select a shortcode first..</label></div>
			</div>

			<div data-type="alertBox" id="philAlertBox">
				<p>Alert box</p>

				<div class="field">
					<label for="philAlertBoxStyle">Type:</label>
					<select id="philAlertBoxStyle">
						<option>info</option>
						<option>note</option>
						<option>download</option>
						<option>warning</option>
					</select>
				</div>

				<div class="field">
					<label for="philAlertBoxContent">Content:</label>
					<textarea id="philAlertBoxContent"></textarea>
				</div>

			</div>

			<div data-type="button" id="philButtons">
				<p>Button</p>

				<div class="field">
					<label for="philButtonsStyle">Style:</label>
					<select id="philButtonsStyle">
						<option>blue</option>
						<option>pink</option>
						<option>purple</option>
						<option>black</option>
						<option>green</option>
						<option>red</option>
						<option>brown</option>
						<option>yellow</option>
						<option>aqua</option>
						<option>orange</option>
						<option>navy</option>
						<option>gray</option>
					</select>
				</div>

				<div class="field">
					<label for="philButtonsLabel">Label:</label>
					<input id="philButtonsLabel" type="text" value="" />
				</div>

				<div class="field">
					<label for="philButtonsLink">Link:</label>
					<input id="philButtonsLink" type="text" value="" />
				</div>

				<div class="field">
					<label for="philButtonsTarget">Target:</label>
					<select id="philButtonsTarget">
						<option>_self</option>
						<option>_blank</option>
						<option>_parent</option>
						<option>_top</option>
					</select>
				</div>	

			</div>

			<div data-type="contrast" id="philContrast">
				<p>Contrast Container</p>

				<div class="field">
					<label for="philContrastId">Container ID:</label>
					<input id="philContrastId" type="text" value="" />
				</div>

				<div class="field large clearfix"><label>This shortcode can be used only in pages without a sidebar!</label></div>

			</div>

			<div data-type="divider" id="philDivider">
				<p>Divider</p>
				<div class="field large clearfix"><label>There are no options for this shortcode.</label></div>
			</div>

			<div data-type="dropcap" id="philDropcap">
				<p>Dropcap</p>

				<div class="field">
					<label for="philDropcapLetter">First letter:</label>
					<input id="philDropcapLetter" type="text" value="" />
				</div>

			</div>

			<div data-type="maps" id="philMaps">
				<p>Google Map</p>

				<div class="field">
					<label for="philMapsSize1">Map width(px):</label>
					<input id="philMapsSize1" type="text" value="" />
				</div>

				<div class="field">
					<label for="philMapsSize2">Map height(px):</label>
					<input id="philMapsSize2" type="text" value="" />
				</div>

				<div class="field">
					<label for="philMapsLatitude1">Map position(lat):</label>
					<input id="philMapsLatitude1" type="text" value="" />
				</div>

				<div class="field">
					<label for="philMapsLongitude1">Map position(long):</label>
					<input id="philMapsLongitude1" type="text" value="" />
				</div>

				<div class="field">
					<label for="philMapsZoom">Map zoom level:</label>
					<input id="philMapsZoom" type="text" value="14" />
				</div>

				<div class="field">
					<label for="philMapsLatitude2">Marker position(lat):</label>
					<input id="philMapsLatitude2" type="text" value="" />
				</div>

				<div class="field">
					<label for="philMapsLongitude2">Marker position(long):</label>
					<input id="philMapsLongitude2" type="text" value="" />
				</div>

				<div class="field">
					<label for="philMapsTitle">Marker Title:</label>
					<input id="philMapsTitle" type="text" value="" />
				</div>

				<div class="field">
					<label for="philMapsAddress1">Marker Address(1):</label>
					<input id="philMapsAddress1" type="text" value="" />
				</div>

				<div class="field">
					<label for="philMapsAddress2">Marker Address(2):</label>
					<input id="philMapsAddress2" type="text" value="" />
				</div>

			</div>

			<div data-type="mark" id="philMark">
				<p>Highlighted Text</p>

				<div class="field">
					<label for="philMarkStyle">Style:</label>
					<select id="philMarkStyle">
						<option>lite1</option>
						<option>lite2</option>
					</select>
				</div>	

			</div>

			<div data-type="iconButton" id="philIconButton">
				<p>Icon Button</p>

				<div class="field">
					<label>Icon:</label>
					<ul id="philIconButtonIcon" class="iconList clearfix">
						<li data-icon="audio"><span class="icon audio">Audio</span></li>
						<li data-icon="mail"><span class="icon mail">Mail</span></li>
						<li data-icon="shirt"><span class="icon shirt">Shirt</span></li>
						<li data-icon="run"><span class="icon run">Run</span></li>
						<li data-icon="tag"><span class="icon tag">Tag</span></li>
						<li data-icon="cup"><span class="icon cup">Cup</span></li>
						<li data-icon="lab"><span class="icon lab">Lab</span></li>
						<li data-icon="cloud"><span class="icon cloud">Cloud</span></li>
						<li data-icon="loupe"><span class="icon loupe">Loupe</span></li>
						<li data-icon="info"><span class="icon info">Info</span></li>
						<li data-icon="brush"><span class="icon brush">Brush</span></li>
						<li data-icon="umbrella"><span class="icon umbrella">Umbrella</span></li>
						<li data-icon="flag"><span class="icon flag">Flag</span></li>
						<li data-icon="link"><span class="icon link">Link</span></li>
						<li data-icon="book"><span class="icon book">Book</span></li>
						<li data-icon="help"><span class="icon help">Help</span></li>
						<li data-icon="rss"><span class="icon rss">RSS</span></li>
						<li data-icon="folder"><span class="icon folder">Folder</span></li>
						<li data-icon="attention"><span class="icon attention">Attention</span></li>
						<li data-icon="bell"><span class="icon bell">Bell</span></li>
						<li data-icon="note"><span class="icon note">Note</span></li>
						<li data-icon="globe"><span class="icon globe">Globe</span></li>
						<li data-icon="clock"><span class="icon clock">Clock</span></li>
						<li data-icon="photo"><span class="icon photo">Photo</span></li>
						<li data-icon="eye"><span class="icon eye">Eye</span></li>
						<li data-icon="bulb"><span class="icon bulb">Bulb</span></li>
						<li data-icon="key"><span class="icon key">Key</span></li>
						<li data-icon="plane"><span class="icon plane">Plane</span></li>
						<li data-icon="car"><span class="icon car">Car</span></li>
						<li data-icon="settings"><span class="icon settings">Settings</span></li>
						<li data-icon="phone"><span class="icon phone">Phone</span></li>
						<li data-icon="map"><span class="icon map">Map</span></li>
						<li data-icon="bubble"><span class="icon bubble">Bubble</span></li>
						<li data-icon="people"><span class="icon people">People</span></li>
						<li data-icon="video"><span class="icon video">Video</span></li>
						<li data-icon="case"><span class="icon case">Case</span></li>
						<li id="philIconButtonCustomIconButton">Add a custom icon <span style="font-size:11px">(37x32)</span><div id="philIconButtonCustomIcon"></div></li>
					</ul>
				</div>

				<div class="field">
					<label for="philIconButtonLabel">Label:</label>
					<input id="philIconButtonLabel" type="text" value="" />
				</div>

				<div class="field">
					<label for="philIconButtonLink">Link:</label>
					<input id="philIconButtonLink" type="text" value="" />
				</div>

				<div class="field">
					<label for="philIconButtonTarget">Target:</label>
					<select id="philIconButtonTarget">
						<option>_self</option>
						<option>_blank</option>
						<option>_parent</option>
						<option>_top</option>
					</select>
				</div>	

			</div>

			<div data-type="iconBlock" id="philIconBlock">
				<p>Icon Text Block</p>

				<div class="field">
					<label>Icon:</label>
					<ul id="philIconBlockIcon" class="iconList clearfix">
						<li data-icon="audio"><span class="icon audio">Audio</span></li>
						<li data-icon="mail"><span class="icon mail">Mail</span></li>
						<li data-icon="shirt"><span class="icon shirt">Shirt</span></li>
						<li data-icon="run"><span class="icon run">Run</span></li>
						<li data-icon="tag"><span class="icon tag">Tag</span></li>
						<li data-icon="cup"><span class="icon cup">Cup</span></li>
						<li data-icon="lab"><span class="icon lab">Lab</span></li>
						<li data-icon="cloud"><span class="icon cloud">Cloud</span></li>
						<li data-icon="loupe"><span class="icon loupe">Loupe</span></li>
						<li data-icon="info"><span class="icon info">Info</span></li>
						<li data-icon="brush"><span class="icon brush">Brush</span></li>
						<li data-icon="umbrella"><span class="icon umbrella">Umbrella</span></li>
						<li data-icon="flag"><span class="icon flag">Flag</span></li>
						<li data-icon="link"><span class="icon link">Link</span></li>
						<li data-icon="book"><span class="icon book">Book</span></li>
						<li data-icon="help"><span class="icon help">Help</span></li>
						<li data-icon="rss"><span class="icon rss">RSS</span></li>
						<li data-icon="folder"><span class="icon folder">Folder</span></li>
						<li data-icon="attention"><span class="icon attention">Attention</span></li>
						<li data-icon="bell"><span class="icon bell">Bell</span></li>
						<li data-icon="note"><span class="icon note">Note</span></li>
						<li data-icon="globe"><span class="icon globe">Globe</span></li>
						<li data-icon="clock"><span class="icon clock">Clock</span></li>
						<li data-icon="photo"><span class="icon photo">Photo</span></li>
						<li data-icon="eye"><span class="icon eye">Eye</span></li>
						<li data-icon="bulb"><span class="icon bulb">Bulb</span></li>
						<li data-icon="key"><span class="icon key">Key</span></li>
						<li data-icon="plane"><span class="icon plane">Plane</span></li>
						<li data-icon="car"><span class="icon car">Car</span></li>
						<li data-icon="settings"><span class="icon settings">Settings</span></li>
						<li data-icon="phone"><span class="icon phone">Phone</span></li>
						<li data-icon="map"><span class="icon map">Map</span></li>
						<li data-icon="bubble"><span class="icon bubble">Bubble</span></li>
						<li data-icon="people"><span class="icon people">People</span></li>
						<li data-icon="video"><span class="icon video">Video</span></li>
						<li data-icon="case"><span class="icon case">Case</span></li>
						<li id="philIconBlockCustomIconButton">Add a custom icon <span style="font-size:11px">(37x32)</span><div id="philIconBlockCustomIcon"></div></li>
					</ul>
				</div>

				<div class="field">
					<label for="philIconBlockTitle">Title:</label>
					<input id="philIconBlockTitle" type="text" value="" />
				</div>

				<div class="field">
					<label for="philIconBlockText">Content:</label>
					<textarea id="philIconBlockText"></textarea>
				</div>

			</div>

			<div data-type="image" id="philImage">
				<p>Image (lightbox)</p>

				<div class="field">
					<label for="philImagePath">Path:</label>
					<input id="philImagePath" type="text" name="philImagePath" value="" />
					<input id="philImagePathButton" class="button" type="button" value="Upload" />
				</div>

				<div class="field">
					<label for="philImageCaption">Caption:</label>
					<input id="philImageCaption" type="text" value="" />
				</div>

				<div class="field clearfix">
					<label for="philImageCaptionShow">Show caption:</label>
					<input id="philImageCaptionShow" type="checkbox" value="" />
					<span class="description">Check this if you want to display the image's caption below it</span>
				</div>

				<div class="field">
					<label for="philImageAlign">Align:</label>
					<select id="philImageAlign">
						<option>left</option>
						<option>right</option>
						<option>none</option>
					</select>
					<span class="description indented"><br />Choose <strong>none</strong> if you want to reset the image's margin</span>
				</div>

				<div class="field clearfix">
					<label for="philImageLightbox">Enable lightbox</label>
					<input id="philImageLightbox" type="checkbox" value="" />
					<span class="description">Check this if you want to display a large image instead of a link</span>
				</div>

				<div class="field hidden" id="philImageField1">
					<label for="philImagePathLarge">Large image path:</label>
					<input id="philImagePathLarge" type="text" value="" />
					<input id="philImagePathLargeButton" class="button" type="button" value="Upload" />
				</div>

				<div class="field hidden" id="philImageField2">
					<label for="philImageGallery">Lightbox gallery:</label>
					<input id="philImageGallery" type="text" value="" />
				</div>

				<div class="field" id="philImageField3">
					<label for="philImageLink">Link:</label>
					<input id="philImageLink" type="text" value="" />
				</div>

				<div class="field" id="philImageField4">
					<label for="philImageTarget">Target:</label>
					<select id="philImageTarget">
						<option>_self</option>
						<option>_blank</option>
						<option>_parent</option>
						<option>_top</option>
					</select>
				</div>	

			</div>

			<div data-type="titleTagline" id="philTitleTagline">
				<p>Title + Tagline</p>

				<div class="field">
					<label for="philTitleTaglineTitle">Title:</label>
					<input id="philTitleTaglineTitle" type="text" value="" />
				</div>

				<div class="field">
					<label for="philTitleTaglineTagline">Tagline:</label>
					<textarea id="philTitleTaglineTagline" type="text"></textarea>
				</div>

			</div>

			<div data-type="lateprojects" id="philLateProjects">
				<p>Latest Projects</p>

				<div class="field">
					<label for="philLateProjectsNo">Number of projects(3/row):</label>
					<input id="philLateProjectsNo" type="text" value="6" />
				</div>
			</div>

			<div data-type="lateposts" id="philLatePosts">
				<p>Latest Posts</p>

				<div class="field">
					<label for="philLatePostsNo">Number of posts(2/row):</label>
					<input id="philLatePostsNo" type="text" value="4" />
				</div>
			</div>

			<div data-type="list" id="philList">
				<p>List</p>

				<div class="field">
					<label for="philListStyle">Style:</label>
					<select id="philListStyle">
						<option>arrow1</option>
						<option>arrow2</option>
						<option>circle</option>
						<option>check</option>
						<option>star</option>
						<option>plus</option>
						<option>dash</option>
						<option>special</option>
					</select>
				</div>

				<div class="field">
					<label for="philListContent">Content:</label>
					<textarea id="philListContent"></textarea>
					<span class="description indented"><br />Write each list item on a new line</span>
				</div>

			</div>

			<div data-type="numericBlock" id="philNumericBlock">
				<p>Numeric Text Block</p>

					<div class="field">
						<label>Number:</label>
						<input id="philNumericBlockNumber" type="text" value="" />
					</div>

					<div class="field">
						<label>Title:</label>
						<input id="philNumericBlockTitle" type="text" value="" />
					</div>

				<div class="field">
					<label for="philNumericBlockContent">Content:</label>
					<textarea id="philNumericBlockContent"></textarea>
				</div>

			</div>

			<div data-type="pricingTable" id="philPricingTable">
				<p>Pricing Table</p>

				<div class="boxes">

					<div class="field nochild">
						<label for="philPricingTableFields">Number of tables:</label>
						<select id="philPricingTableFields">
							<option>1</option>
							<option>2</option>
							<option>3</option>
							<option>4</option>
							<option>5</option>
						</select>
					</div>

					<div class="enclosed first">

						<div class="field">
							<label for="philPricingTableStyle">Style:</label>
							<select class="philPricingTableStyle">
								<option>1</option>
								<option>2</option>
								<option>3</option>
								<option>4</option>
								<option>5</option>
								<option>6</option>
								<option>7</option>
								<option>8</option>
								<option>9</option>
								<option>10</option>
							</select>
						</div>

						<div class="field">
							<label>Title:</label>
							<input class="philPricingTableTitle" type="text" value="" />
						</div>

						<div class="field">
							<label>Price:</label>
							<input class="philPricingTablePrice" type="text" value="" />
						</div>

						<div class="field">
							<label>Price Sign:</label>
							<input class="philPricingTablePriceSign" type="text" value="" />
							<span class="description indented"><br />$, &euro; or whatever..</span>
						</div>

						<div class="field">
							<label>Price Second Line:</label>
							<input class="philPricingTablePriceLine" type="text" value="" />
							<span class="description indented"><br />This is a second line of text below the price.</span>
						</div>

						<div class="field">
							<label>Content:</label>
							<textarea class="philPricingTableContent"></textarea>
							<span class="description indented"><br />You should write features in an <strong>unordered list</strong>.</span>
						</div>

						<div class="field">
							<label>Footer content:</label>
							<input class="philPricingTableFooter" type="text" value="" />
							<span class="description indented"><br />You can add a <strong>Sign Up</strong> button here.</span>
						</div>

					</div>

				</div>

				<input id="philPricingTableAdd" class="button" type="button" value="Add column" />

			</div>

			<div data-type="postBox" id="philPostList">
				<p>Posts Box</p>

				<div class="field">
					<label for="philPostsTitle">Box Title:</label>
					<input id="philPostsTitle" type="text" value="" />
				</div>

				<div class="field">
					<label for="philPostsTag">Posts category ID:</label>
					<input id="philPostsTag" type="text" value="" />
					<span class="description indented"><br />If left empty, it will take the all latest posts</span>
				</div>

				<div class="field">
					<label for="philPostsNo">Number of posts:</label>
					<input id="philPostsNo" type="text" value="" />
				</div>

			</div>

			<div data-type="quote" id="philQuote">
				<p>Quote</p>
				<div class="field">
					<label for="philQuoteContent">Content:</label>
					<textarea id="philQuoteContent"></textarea>
				</div>
			</div>

			<div data-type="social" id="philSocial">
				<p>Social Icons</p>

				<div class="boxes">

					<div class="enclosed first">

						<div class="field">
							<label>RSS:</label>
							<input id="philSocialRSS" type="text" value="" />
						</div>

						<div class="field">
							<label>Facebook:</label>
							<input id="philSocialFacebook" type="text" value="" />
						</div>

						<div class="field">
							<label>Twitter:</label>
							<input id="philSocialTwitter" type="text" value="" />
						</div>

						<div class="field">
							<label>Dribbble:</label>
							<input id="philSocialDribbble" type="text" value="" />
						</div>

						<div class="field">
							<label>Pinterest:</label>
							<input id="philSocialPinterest" type="text" value="" />
						</div>

						<div class="field">
							<label>LinkedIn:</label>
							<input id="philSocialLinkedIn" type="text" value="" />
						</div>

						<div class="field">
							<label>Vimeo:</label>
							<input id="philSocialVimeo" type="text" value="" />
						</div>

						<div class="field">
							<label>LastFM:</label>
							<input id="philSocialLastFM" type="text" value="" />
						</div>

						<div class="field">
							<label>Tumblr:</label>
							<input id="philSocialTumblr" type="text" value="" />
						</div>

						<div class="field">
							<label>Forrst:</label>
							<input id="philSocialForrst" type="text" value="" />
						</div>

						<div class="field">
							<label>Skype:</label>
							<input id="philSocialSkype" type="text" value="" />
						</div>

						<div class="field">
							<label>Flickr:</label>
							<input id="philSocialFlickr" type="text" value="" />
						</div>

						<div class="field">
							<label>Deviantart:</label>
							<input id="philSocialDeviantart" type="text" value="" />
						</div>

						<div class="field">
							<label>Google:</label>
							<input id="philSocialGoogle" type="text" value="" />
						</div>

						<div class="field">
							<label>FriendFeed:</label>
							<input id="philSocialFriendFeed" type="text" value="" />
						</div>

					</div>

				</div>

			</div>

			<div data-type="tabs" id="philTabs">
				<p>Tabs</p>

				<div class="boxes">

					<div class="field nochild">
						<label>Style:</label>
						<select id="philTabsStyle">
							<option>centered</option>
							<option>left</option>
						</select>
					</div>

					<div class="enclosed first">

						<div class="field">
							<label>Title:</label>
							<input class="philTabsTitle" type="text" value="" />
						</div>

						<div class="field">
							<label>Content:</label>
							<textarea class="philTabsContent"></textarea>
						</div>

					</div>

				</div>

				<input id="philTabsAdd" class="button" type="button" value="Add tab" />

			</div>

			<div data-type="table" id="philTable">
				<p>Table</p>
				<div class="field">
					<label for="philTableContent">Content:</label>
					<textarea id="philTableContent"></textarea>
				</div>
			</div>

			<div data-type="tagline" id="philTagline">
				<p>Tagline box</p>

				<div class="field">
					<label for="philTaglineContent">Content:</label>
					<textarea id="philTaglineContent"></textarea>
				</div>

			</div>

			<div data-type="team" id="philTeam">
				<p>Team List</p>

				<div class="boxes">

					<div class="enclosed first">

						<div class="field">
							<label>Name(title):</label>
							<input class="philTeamTitle" type="text" value="" />
						</div>

						<div class="field">
							<label>Position(subtitle):</label>
							<input class="philTeamSubtitle" type="text" value="" />
						</div>

						<div class="field">
							<label>Content:</label>
							<textarea class="philTeamContent" ></textarea>
						</div>

						<div class="field">
							<label>Path:</label>
							<input type="text" class="philTeamImagePath" value="" />
							<input class="button philTeamImageButton" type="button" value="Upload" />
						</div>

					</div>

				</div>

				<input id="philTeamAdd" class="button" type="button" value="Add member" />

			</div>

			<div data-type="textBox" id="philTextBox">
				<p>Text box</p>

				<div class="field">
					<label for="philTextBoxContent">Content:</label>
					<textarea id="philTextBoxContent"></textarea>
				</div>

			</div>

			<div data-type="testimonials" id="philTestimonials">
				<p>Testimonials</p>

				<div class="boxes">
					<div class="enclosed first">

						<div class="field">
							<label>Source:</label>
							<input class="philTestimonialsSource" type="text" value="" />
						</div>

						<div class="field">
							<label>Content:</label>
							<textarea class="philTestimonialsContent"></textarea>
						</div>

					</div>
				</div>

				<input id="philTestimonialsAdd" class="button" type="button" value="Add testimonial" />

			</div>

			<div data-type="toggles" id="philToggles">
				<p>Toggles</p>

				<div class="boxes">
					<div class="enclosed first">

						<div class="field">
							<label for="philTogglesTitle1">Title:</label>
							<input class="philTogglesTitle" id="philTogglesTitle1" type="text" value="" />
						</div>

						<div class="field">
							<label for="philTogglesContent1">Content:</label>
							<textarea class="philTogglesContent" id="philTogglesContent1"></textarea>
						</div>

					</div>
				</div>

				<input id="philTogglesAdd" class="button" type="button" value="Add toggle" />

			</div>

		</div>

		<div class="clean">
			<p>Step 3: <strong>Insert</strong> the shortcode</strong><p>
			<div class="mceActionPanel" style="overflow: hidden; margin-top: 20px;">
				<div style="float: left">
					<input type="button" id="cancel" name="cancel" value="<?php _e("Cancel", 'whitelabel'); ?>" onClick="tinyMCEPopup.close();" class="button" />
				</div>
				<div style="float: right">
					<button id="insertCode" value="<?php _e("Insert", 'whitelabel'); ?>" class="button" type="button"><?php _e("Insert", 'whitelabel'); ?></button>
				</div>
				<div style="float: right">
					&nbsp;
				</div>
				<div style="float: right">
					<button id="previewCode" value="<?php _e("Preview", 'whitelabel'); ?>" class="button" type="button"><?php _e("Preview", 'whitelabel'); ?></button>
				</div>
			</div>
		</div>

	</div>

</body>
</html>

Thread Starter

PDidee

(@pdidee)

10 years, 5 months ago

Or perhaps it’s the javascript code:
COLUMNS:

(function($){
	$(function() {

		var $gridMargins = $('.margin');

		$('#marginsCheck').click(function(){
			if($(this).attr('checked')=='checked'){
				$gridMargins.fadeIn();
			}else{
				$gridMargins.fadeOut();
			}
		});

		var $selectedColumn = $('');
		$('.holder').click(function(){
			$selectedColumn.removeClass('selectedCol');
			$selectedColumn = $(this);
			$selectedColumn.addClass('selectedCol');
			return false;
		});

		$('#insertCode').click(function (){
			if($selectedColumn.length > 0) {
				var tagtext;
				var ctag;
				var inst = tinyMCE.getInstanceById('content');
				var html = inst.selection.getContent();
				var prefix='';
				var omega='';
				var alpha='';

				if($('#marginsCheck').attr('checked')=='checked')
					prefix = ' margin';

				if($('#firstCheck').attr('checked')=='checked')
					prefix = ' first';

				if($('#lastCheck').attr('checked')=='checked')
					prefix = ' last';

				tagtext	= "[" + $selectedColumn.data('grid');

				if ($selectedColumn.data('grid') != 'clear'){
					if ( html )
						ctag = "[/" + $selectedColumn.data('grid') + "]";
					else
						ctag = " Your content here [/" + $selectedColumn.data('grid') + "]";
				}else{
					ctag = "[/clear]";
				}

				window.tinyMCE.execInstanceCommand('content', 'mceInsertContent', false, tagtext+prefix+']'+html+ctag);
				tinyMCEPopup.editor.execCommand('mceRepaint');
				tinyMCEPopup.close();
			}else{
				tinyMCEPopup.close();
			}
			return false;

		});

	});
})(jQuery);'

SHORTCODES:

(function($){
$(function() {

//shortcodes handling
var $selectedShortcode = $(‘#philShortcodePanels’).find(‘div.selected’);
$(‘#philShortcodeType’).change(function(){
$selectedShortcode.slideUp(250, function(){
$selectedShortcode.delay(100).slideDown(350);
});
$selectedShortcode = $(‘#philShortcodePanels’).find($(this).find(‘:selected’).data(‘id’));
});

function clonePanel($button, $holder, imgPath, imgButton){
$button.click(function(){
var $clone = $holder.children(‘div.boxes’).children(‘div.first’).clone(false);
$clone.removeClass(‘first’).append(‘Remove‘);
$clone.find(‘input, textarea’).val(”);
$clone.appendTo($holder.children(‘div.boxes’));
if(imgPath != ”){
enableUpload($clone.find(imgButton), $clone.find(imgPath));
}
$(‘.removePanel’).click(function(){
$(this).parent().remove();
});
});
}

clonePanel($(‘#philPricingTableAdd’), $(‘#philPricingTable’), ”, ”);
clonePanel($(‘#philTabsAdd’), $(‘#philTabs’), ”, ”);
clonePanel($(‘#philTestimonialsAdd’), $(‘#philTestimonials’), ”, ”);
clonePanel($(‘#philTogglesAdd’), $(‘#philToggles’), ”, ”);
clonePanel($(‘#philTeamAdd’), $(‘#philTeam’), ‘.philTeamImagePath’, ‘.philTeamImagePathButton’);

$(‘#philImageLightbox’).click(function(){
if($(‘#philImageLightbox’).attr(‘checked’) == ‘checked’){
$(‘#philImageField1’).removeClass(‘hidden’);
$(‘#philImageField2’).removeClass(‘hidden’);
$(‘#philImageField3’).addClass(‘hidden’);
$(‘#philImageField4’).addClass(‘hidden’);
} else {
$(‘#philImageField1’).addClass(‘hidden’);
$(‘#philImageField2’).addClass(‘hidden’);
$(‘#philImageField3’).removeClass(‘hidden’);
$(‘#philImageField4’).removeClass(‘hidden’);
}
});

var $uploadImgPath, uploadImgType;
function enableUpload($button, $path, type){
$button.click(function() {
$uploadImgPath = $path;
uploadImgType = type;
formfield = $path.attr(‘name’);
tb_show(”, ‘../../../../../wp-admin/media-upload.php?type=image&TB_iframe=true’);
return false;
});
}
window.send_to_editor = function(html) {
imgurl = $(‘img’,html).attr(‘src’);
if(uploadImgType){
$uploadImgPath.empty().html(‘<img src=”‘ + imgurl + ‘” />’);
}else{
$uploadImgPath.val(imgurl);
}
tb_remove();
}

enableUpload($(‘#philImagePathButton’), $(‘#philImagePath’), false);
enableUpload($(‘#philImagePathLargeButton’), $(‘#philImagePathLarge’), false);
enableUpload($(‘.philTeamImageButton’), $(‘.philTeamImagePath’), false);
enableUpload($(‘#philIconBlockCustomIconButton’), $(‘#philIconBlockCustomIcon’), true);
enableUpload($(‘#philIconButtonCustomIconButton’), $(‘#philIconButtonCustomIcon’), true);

function nl2br (str) {
var breakTag = ‘
‘;
return (str + ”).replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, ‘$1’+ breakTag);
}

var $selIcon = $();
function enableIconSelection($holder, selector){
$holder.find(selector).click(function(){
$selIcon.removeClass(‘selected’);
$selIcon = $(this);
$selIcon.addClass(‘selected’);
});
}

enableIconSelection($(‘#philIconButtonIcon’), ‘li’);
enableIconSelection($(‘#philIconBlockIcon’), ‘li’);

//shortcode preview
$(‘#previewCode’).click(function(){
if($selectedShortcode.data(‘type’) != ‘none’) {

var inst = tinyMCE.getInstanceById(‘content’);
var html = inst.selection.getContent();

var shortcodeData = ”;

switch($selectedShortcode.data(‘type’)){
case ‘button’:
shortcodeData = insertButton(html);
break;
case ‘contrast’:
shortcodeData = insertContrast(html);
break;
case ‘divider’:
shortcodeData = insertDivider(html);
break;
case ‘dropcap’:
shortcodeData = insertDropcap(html);
break;
case ‘iconButton’:
shortcodeData = insertIconButton(html);
break;
case ‘iconBlock’:
shortcodeData = insertIconBlock(html);
break;
case ‘image’:
shortcodeData = insertImage(html);
break;
case ‘list’:
shortcodeData = insertList(html);
break;
case ‘lateposts’:
shortcodeData = insertLatePosts(html);
break;
case ‘lateprojects’:
shortcodeData = insertLateProjects(html);
break;
case ‘mark’:
shortcodeData = insertMark(html);
break;
case ‘maps’:
shortcodeData = insertMaps(html);
break;
case ‘numericBlock’:
shortcodeData = insertNumericBlock(html);
break;
case ‘pricingTable’:
shortcodeData = insertPricingTable(html);
break;
case ‘postBox’:
shortcodeData = insertPostBox(html);
break;
case ‘quote’:
shortcodeData = insertQuote(html);
break;
case ‘social’:
shortcodeData = insertSocial(html);
break;
case ‘tabs’:
shortcodeData = insertTabs(html);
break;
case ‘table’:
shortcodeData = insertTable(html);
break;
case ‘tagline’:
shortcodeData = insertTagline(html);
break;
case ‘titleTagline’:
shortcodeData = insertTitleTagline(html);
break;
case ‘team’:
shortcodeData = insertTeam(html);
break;
case ‘textBox’:
shortcodeData = insertTextBox(html);
break;
case ‘testimonials’:
shortcodeData = insertTestimonials(html);
break;
case ‘toggles’:
shortcodeData = insertToggles(html);
break;
}
}

window.open(‘phil_shortcodes_preview.php?shortcode=’+escape(shortcodeData) , ‘Shortcode Previewer’, ‘width=640,height=500’);
return false;
});

//shortcode insertion process
$(‘#insertCode’).click(function (){
if($selectedShortcode.data(‘type’) != ‘none’) {

var inst = tinyMCE.getInstanceById(‘content’);
var html = inst.selection.getContent();

var shortcodeData = ”;

switch($selectedShortcode.data(‘type’)){
case ‘alertBox’:
shortcodeData = insertAlertBox(html);
break;
case ‘button’:
shortcodeData = insertButton(html);
break;
case ‘contrast’:
shortcodeData = insertContrast(html);
break;
case ‘divider’:
shortcodeData = insertDivider(html);
break;
case ‘dropcap’:
shortcodeData = insertDropcap(html);
break;
case ‘iconButton’:
shortcodeData = insertIconButton(html);
break;
case ‘iconBlock’:
shortcodeData = insertIconBlock(html);
break;
case ‘image’:
shortcodeData = insertImage(html);
break;
case ‘list’:
shortcodeData = insertList(html);
break;
case ‘lateposts’:
shortcodeData = insertLatePosts(html);
break;
case ‘lateprojects’:
shortcodeData = insertLateProjects(html);
break;
case ‘mark’:
shortcodeData = insertMark(html);
break;
case ‘maps’:
shortcodeData = insertMaps(html);
break;
case ‘numericBlock’:
shortcodeData = insertNumericBlock(html);
break;
case ‘pricingTable’:
shortcodeData = insertPricingTable(html);
break;
case ‘postBox’:
shortcodeData = insertPostBox(html);
break;
case ‘quote’:
shortcodeData = insertQuote(html);
break;
case ‘social’:
shortcodeData = insertSocial(html);
break;
case ‘tabs’:
shortcodeData = insertTabs(html);
break;
case ‘table’:
shortcodeData = insertTable(html);
break;
case ‘tagline’:
shortcodeData = insertTagline(html);
break;
case ‘titleTagline’:
shortcodeData = insertTitleTagline(html);
break;
case ‘team’:
shortcodeData = insertTeam(html);
break;
case ‘textBox’:
shortcodeData = insertTextBox(html);
break;
case ‘testimonials’:
shortcodeData = insertTestimonials(html);
break;
case ‘toggles’:
shortcodeData = insertToggles(html);
break;
}

window.tinyMCE.execInstanceCommand(‘content’, ‘mceInsertContent’, false, shortcodeData);
tinyMCEPopup.editor.execCommand(‘mceRepaint’);
tinyMCEPopup.close();

}else{
tinyMCEPopup.close();
}
return false;

});

//shortcode insertion functions

function insertAlertBox(){
var data = ‘[phil_alert_box style=”‘ + $(‘#philAlertBoxStyle’).val() + ‘”]’ + $(‘#philAlertBoxContent’).val() + ‘[/phil_alert_box]’;
return data;
}

function insertButton(){
var data = ‘[phil_button style=”‘ + $(‘#philButtonsStyle’).val() + ‘” link=”‘ + $(‘#philButtonsLink’).val() + ‘” target=”‘ + $(‘#philButtonsTarget’).val() + ‘” label=”‘ + $(‘#philButtonsLabel’).val()+ ‘”] [/phil_button]’;
return data;
}

function insertContrast(html){
var data;
if(html)
data = ‘[phil_contrast id=”‘ + $(‘#philContrastId’).val() + ‘”] ‘ + html + ‘ [/phil_contrast]’;
else
data = ‘[phil_contrast id=”‘ + $(‘#philContrastId’).val() + ‘”] Your content here [/phil_contrast]’;
return data;
}

function insertDivider(){
var data = ‘[phil_divider] [/phil_divider]’;
return data;
}

function insertDropcap(){
var data = ‘[phil_dropcap]’ + $(‘#philDropcapLetter’).val() + ‘[/phil_dropcap]’;
return data;
}

function insertIconBlock(){
var data = ‘[phil_icon_block title=”‘ + $(‘#philIconBlockTitle’).val() + ‘” icon=”‘;
if($(‘#philIconBlockCustomIconButton’).hasClass(‘selected’)){
data += $(‘#philIconBlockCustomIcon’).find(‘img’).attr(‘src’) + ‘” icon_title=”Icon” icon_type=”custom”]’;
} else {
data += $(‘#philIconBlockIcon’).find(‘li.selected’).data(‘icon’) + ‘” icon_title=”‘ + $(‘#philIconBlockIcon’).find(‘li.selected’).find(‘span’).text() + ‘”]’;
}

data += $(‘#philIconBlockText’).val() + ‘[/phil_icon_block]’;
return data;
}

function insertImage(){
var data = ‘[phil_image path=”‘ + $(‘#philImagePath’).val() + ‘” caption=”‘ + $(‘#philImageCaption’).val() + ‘” show_caption=”‘;

if($(‘#philImageCaptionShow’).attr(‘checked’) == ‘checked’)
data += ‘true” align=”‘ + $(‘#philImageAlign’).val() + ‘” lightbox=”‘;
else
data += ‘false” align=”‘ + $(‘#philImageAlign’).val() + ‘” lightbox=”‘;

if($(‘#philImageLightbox’).attr(‘checked’) == ‘checked’){
data += ‘true” link=”‘ + $(‘#philImagePathLarge’).val() + ‘” gallery=”‘ +$(‘#philImageGallery’).val() + ‘”]’;
} else {
data += ‘false” link=”‘ + $(‘#philImageLink’).val() + ‘” target=”‘ +$(‘#philImageTarget’).val() + ‘”]’;
}

data += ‘[/phil_image]’;
return data;
}

function insertLatePosts(){
var data= ‘[phil_latest_posts no=”‘ + $(‘#philLatePostsNo’).val() + ‘” /]’;
return data;
}

function insertLateProjects(){
var data= ‘[phil_latest_projects no=”‘ + $(‘#philLateProjectsNo’).val() + ‘” /]’;
return data;
}

function insertList(){
var data = ‘[phil_list type=”‘ + $(‘#philListStyle’).val() + ‘”]’;
$.each(nl2br($(‘#philListContent’).val()).split(‘
‘), function(index, value){
data += ‘[phil_list_item]’ + value + ‘[/phil_list_item]’;
});
data += ‘[/phil_list]’;
return data;
}

function insertMark(html){
var data;
if(html)
data = ‘[phil_highlight style=”‘ + $(‘#philMarkStyle’).val() + ‘”]’ + html + ‘[/phil_highlight]’;
else
data = ‘[phil_highlight style=”‘ + $(‘#philMarkStyle’).val() + ‘”]Your content here[/phil_highlight]’;
return data;
}

function insertMaps(html){
var data = ‘[phil_google_maps lat1=”‘ + $(‘#philMapsLatitude1’).val() + ‘” long1=”‘ + $(‘#philMapsLongitude1’).val() + ‘” lat2=”‘ + $(‘#philMapsLatitude2’).val() + ‘” long2=”‘ + $(‘#philMapsLongitude2’).val() + ‘” zoom=”‘ + $(‘#philMapsZoom’).val() + ‘” title=”‘ + $(‘#philMapsTitle’).val() + ‘” address1=”‘ + $(‘#philMapsAddress1’).val() + ‘” address2=”‘ + $(‘#philMapsAddress2’).val() + ‘” width=”‘ + $(‘#philMapsSize1’).val() + ‘” height=”‘ + $(‘#philMapsSize2’).val() + ‘”][/phil_google_maps]’;
return data;
}

function insertNumericBlock(html){
var data = ‘[phil_numeric_block number=”‘ + $(‘#philNumericBlockNumber’).val() + ‘” title=”‘ + $(‘#philNumericBlockTitle’).val() + ‘”]’ + $(‘#philNumericBlockContent’).val() + ‘[/phil_numeric_block]’;
return data;
}

function insertPostBox(){
var data = ‘[phil_posts_box title=”‘ + $(‘#philPostsTitle’).val() + ‘” category=”‘ + $(‘#philPostsTag’).val() + ‘” no=”‘ + $(‘#philPostsNo’).val() + ‘”] [/phil_posts_box]’;
return data;
}

function insertQuote(){
var data = ‘[phil_quote]’ + $(‘#philQuoteContent’).val() + ‘[/phil_quote]’;
return data;
}

function insertSocial(){
var data = ‘[phil_social]’;

if($(‘#philSocialRSS’).val() != ”)
data += ‘[phil_link type=”rss” href=”‘ + $(‘#philSocialRSS’).val() + ‘” /]’;
if($(‘#philSocialFacebook’).val() != ”)
data += ‘[phil_link type=”facebook” href=”‘ + $(‘#philSocialFacebook’).val() + ‘” /]’;
if($(‘#philSocialTwitter’).val() != ”)
data += ‘[phil_link type=”twitter” href=”‘ + $(‘#philSocialTwitter’).val() + ‘” /]’;
if($(‘#philSocialDribbble’).val() != ”)
data += ‘[phil_link type=”dribbble” href=”‘ + $(‘#philSocialDribbble’).val() + ‘” /]’;
if($(‘#philSocialPinterest’).val() != ”)
data += ‘[phil_link type=”pinterest” href=”‘ + $(‘#philSocialPinterest’).val() + ‘” /]’;
if($(‘#philSocialphil_linkedIn’).val() != ”)
data += ‘[phil_link type=”linkedin” href=”‘ + $(‘#philSocialLinkedIn’).val() + ‘” /]’;
if($(‘#philSocialVimeo’).val() != ”)
data += ‘[phil_link type=”vimeo” href=”‘ + $(‘#philSocialVimeo’).val() + ‘” /]’;
if($(‘#philSocialLastFM’).val() != ”)
data += ‘[phil_link type=”lastfm” href=”‘ + $(‘#philSocialLastFM’).val() + ‘” /]’;
if($(‘#philSocialTumblr’).val() != ”)
data += ‘[phil_link type=”tumblr” href=”‘ + $(‘#philSocialTumblr’).val() + ‘” /]’;
if($(‘#philSocialForrst’).val() != ”)
data += ‘[phil_link type=”forrst” href=”‘ + $(‘#philSocialForrst’).val() + ‘” /]’;
if($(‘#philSocialSkype’).val() != ”)
data += ‘[phil_link type=”skype” href=”‘ + $(‘#philSocialSkype’).val() + ‘” /]’;
if($(‘#philSocialFlickr’).val() != ”)
data += ‘[phil_link type=”flickr” href=”‘ + $(‘#philSocialFlickr’).val() + ‘” /]’;
if($(‘#philSocialDeviantart’).val() != ”)
data += ‘[phil_link type=”deviantart” href=”‘ + $(‘#philSocialDeviantart’).val() + ‘” /]’;
if($(‘#philSocialGoogle’).val() != ”)
data += ‘[phil_link type=”google” href=”‘ + $(‘#philSocialGoogle’).val() + ‘” /]’;
if($(‘#philSocialFriendFeed’).val() != ”)
data += ‘[phil_link type=”friendfeed” href=”‘ + $(‘#philSocialFriendFeed’).val() + ‘” /]’;

data += ‘[/phil_social]’;
return data;
}

function insertTabs(){
var data = ‘[phil_tabs style=”‘ + $(‘#philTabsStyle’).val() + ‘”]’
$(‘#philTabs’).children(‘div.boxes’).children(‘div’).each(function(){
if(!$(this).hasClass(‘nochild’))
data += ‘[phil_tab title=”‘ + $(this).find(‘.philTabsTitle’).val() + ‘”]’ + $(this).find(‘.philTabsContent’).val() + ‘[/phil_tab]’;
});
data += ‘[/phil_tabs]’;
return data;
}

function insertTeam(){
var data = ‘[phil_team]’;
$(‘#philTeam’).children(‘div.boxes’).children(‘div’).each(function(){
data += ‘[phil_team_member name=”‘ + $(this).find(‘.philTeamTitle’).val() + ‘” position=”‘ + $(this).find(‘.philTeamSubtitle’).val() + ‘” image=”‘ + $(this).find(‘.philTeamImagePath’).val() + ‘”]’ + $(this).find(‘.philTeamContent’).val() + ‘[/phil_team_member]’;
});
data += ‘[/phil_team]’;
return data;
}

function insertTagline(){
var data = ‘[phil_tagline]’ + $(‘#philTaglineContent’).val() + ‘[/phil_tagline]’;
return data;
}

function insertTitleTagline(){
var data = ‘[phil_title_tagline title=”‘ + $(‘#philTitleTaglineTitle’).val() + ‘”]’ + $(‘#philTitleTaglineTagline’).val() + ‘[/phil_title_tagline]’;
return data;
}

function insertTable(){
var data = ‘[phil_table]’ + $(‘#philTableContent’).val() + ‘[/phil_table]’;
return data;
}

function insertTextBox(){
var data = ‘[phil_text_box]’ + $(‘#philTextBoxContent’).val() + ‘[/phil_text_box]’;
return data;
}

function insertTestimonials(){
var data = ‘[phil_testimonials]’
$(‘#philTestimonials’).children(‘div.boxes’).children(‘div’).each(function(){
data += ‘[phil_testimonial source=”‘ + $(this).find(‘.philTestimonialsSource’).val() + ‘”]’ + $(this).find(‘.philTestimonialsContent’).val() + ‘[/phil_testimonial]’;
});
data += ‘[/phil_testimonials]’;
return data;
}

function insertToggles(){
var data = ‘[phil_toggles]’
$(‘#philToggles’).children(‘div.boxes’).children(‘div’).each(function(){
data += ‘[phil_toggle title=”‘ + $(this).find(‘.philTogglesTitle’).val() + ‘”]’ + $(this).find(‘.philTogglesContent’).val() + ‘[/phil_toggle]’;
});
data += ‘[/phil_toggles]’;
return data;
}

});
})(jQuery);`

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Having an issue with Custom TinyMce…’ is closed to new replies.

Having an issue with Custom TinyMce…

Tags

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics