IPB/Development/javascript_uncompressed/jscripts/folder_rte_files/module_image.php

<html>
<head>
  <title>Insert Div/Span</title>
	<script type="text/javascript">
	<!--
	
	//-----------------------------------------
    // Attempt to get editor ID
    //-----------------------------------------

    var editor_id         = <?php print '"'.trim( htmlspecialchars( substr( $_REQUEST['editorid'], 0, 30 ) ) ).'";'; ?>
	var this_module       = 'image';
	var this_height       = 400;
	var allow_advanced    = null;
	var current_selection = null;
	
	/*-------------------------------------------------------------------------*/
	// INIT
	/*-------------------------------------------------------------------------*/
	
	function Init()
	{
		var allow_advanced    = parent.IPS_editor[ editor_id ].allow_advanced;
		var current_selection = parent.IPS_editor[ editor_id ].get_selection();

		//-----------------------------------------
		// Set up main close button
		//-----------------------------------------
		
		parent.document.getElementById( editor_id + '_cb-close-window' ).onclick      = do_cancel;
		parent.document.getElementById( editor_id + '_cb-close-window' ).style.cursor = 'pointer';
		
		//-----------------------------------------
		// Resize window
		//-----------------------------------------
		
		parent.document.getElementById( editor_id +  '_htmlblock_'  + this_module + '_menu' ).style.height = this_height + 'px';
		parent.document.getElementById( editor_id + '_iframeblock_' + this_module + '_menu' ).style.height = ( this_height - 10 ) + 'px';
		
		//-----------------------------------------
		// Module specific stuff
		//-----------------------------------------
		
		document.getElementById("f_src").focus();
		
		//-----------------------------------------
		// Show advanced options?
		//-----------------------------------------
		
		if ( allow_advanced )
		{
			document.getElementById("advanced-options").style.display = '';
		}
		
		//-----------------------------------------
		// Set up initial text value
		//-----------------------------------------
		
		var link_regex = '';
		var link_src  = '';
		
		if ( parent.IPS_editor[ editor_id ].use_bbcode && ! parent.IPS_editor[ editor_id ].is_rte )
		{
			link_regex = new RegExp( "\[img\]([^\[]+?)\[/img\]", "i" );
		}
		else
		{
			link_regex = new RegExp( "<img src=['\"]([^\"']+?)['\"]([^>]+?)?/>", "i" );
		}
		
		if ( current_selection.match( link_regex ) )
		{ 
			link_src = current_selection.replace( link_regex, "$1" );
		}
		
		if ( link_src )
		{
			current_selection = link_src;
		}
		
		document.getElementById("f_src").value = parent.IPS_editor[ editor_id ].strip_empty_html( current_selection );
	}
	
	/*-------------------------------------------------------------------------*/
	// Do cancel
	/*-------------------------------------------------------------------------*/
	
	function do_cancel()
	{
		parent.IPS_editor[ editor_id ].module_remove_control_bar();
	 	return false;
	}
	
	/*-------------------------------------------------------------------------*/
	// Do submit (low tech)
	/*-------------------------------------------------------------------------*/
	
	function do_submit()
	{
		var fields = [ "f_src", "f_ad_title", "f_ad_alt" ];
					  
		var param = new Object();
		
		//-----------------------------------------
		// Compile data
		//-----------------------------------------
		
		for ( var i in fields )
		{
			param[ fields[i] ] = document.getElementById( fields[i] ).value;
		}
		
		//-----------------------------------------
        // Set up required fields
        //-----------------------------------------
        
		var required = {
						  "f_src": "You must enter an image location"
					   };
					
		for (var i in required)
		{
			var el = document.getElementById(i);
		  
			if ( ! el.value )
			{
				alert(required[i]);
				el.focus();
				return false;
			}
		}
		
		//-----------------------------------------
		// Now prep the table
		//-----------------------------------------
		
		var link_title  = allow_advanced && param['f_ad_title']  != '' ? ' title="'  + param['f_ad_title']  + '"' : '';
		var link_alt    = allow_advanced && param['f_ad_alt']    != '' ? ' alt="'    + param['f_ad_alt']    + '"' : '';
		var link_border = allow_advanced && param['f_ad_border'] != '' ? ' border="' + param['f_ad_border'] + '"' : '';
		var link_html   = '';
		
		if ( parent.IPS_editor[ editor_id ].use_bbcode && ! parent.IPS_editor[ editor_id ].is_rte )
		{
			link_html = '[img]' + param['f_src'] + '[/img]';
		}
		else
		{
			link_html = '<img src="' + param['f_src'] + '"' + link_title + link_alt + link_border + ' />';
		}

    	//-----------------------------------------
        // Return..
        //-----------------------------------------

		parent.IPS_editor[ editor_id].editor_check_focus();
       
        parent.IPS_editor[ editor_id ].insert_text( link_html );

		//-----------------------------------------
		// Kill Window
		//-----------------------------------------
		
		do_cancel();
		
		return false;
	}
	//-->
	</script>

<style type='text/css' media="all">
@import url(rte_popup.css);
</style>
</head>

<body onload="Init()">

<div class="title">Insert Image</div>

<form action="" method="get">

<fieldset style="margin-left: 5px;">
<legend>Image Location</legend>
<table border="0" width='100%' style="padding: 0px; margin: 0px">
  <tbody>
  <tr>
    <td><textarea name="src" id="f_src" style='width:100%;height:60px' cols='23' onfocus='this.select()' rows='4'>http://</textarea></td>
  </tr>
  </tbody>
</table>
</fieldset>


<div id='advanced-options' style='display:none'>
	<br />
	<fieldset style="margin-left: 5px;">
	<legend>Advanced Options</legend>
	<table border="0" width='100%' style="padding: 0px; margin: 0px">
	  <tbody>
	 <tr>
	    <td>Border:</td>
	    <td><input type="text" name="border" id="f_ad_border" size="4" value="0" title="Image Border" /></td>
	  </tr>
	  <tr>
	    <td>Title:</td>
	    <td><input type="text" name="title" id="f_ad_title" size="20" value="" title="Image Title" /></td>
	  </tr>
	  <tr>
	    <td>Alt Text:</td>
	    <td><input type="text" name="fontsize" id="f_ad_alt" size="20" value="" title="Image ALT" /></td>
	  </tr>
	  </tbody>
	</table>
	</fieldset>
</div>

<br />





<div style="text-align: center;">
<hr />
<button type="button" class='tblbutton' name="ok" onclick="return do_submit();">OK</button>
<button type="button" class='tblbutton' name="cancel" onclick="return do_cancel();">Cancel</button>
</div>

</form>

</body>
</html>