' + loading_txt + '<\/div>'; } // Create the XMLHttpRequest object that we can use to send an // Ajax request to the server. var xhr; if (window.XMLHttpRequest) { xhr = new XMLHttpRequest(); } else if (window.ActiveXObject) { var versions = [ "MSXML2.XMLHttp.5.0", "MSXML2.XMLHttp.4.0", "MSXML2.XMLHttp.3.0", "MSXML2.XMLHttp", "Microsoft.XMLHttp" ]; for (var i=0; i < versions.length; i++) try { xhr = new ActiveXObject(versions[i]); } catch (e) { } } // No XMLHttpRequest object found? Fallback to a simpler way of // displaying the thumbnail image. This way we won't have // loading or error feedback and full size viewer support, // but at least we do show the image. This should't happen for // modern browsers. if (!xhr) { target.innerHTML = (target_url ? '' : '') + '

' + (target_url ? '<\/a>' : ''); return; } // Setup the XMLHttpRequest object for the request. xhr.open("get", ajax_url, true); xhr.setRequestHeader("Content-Type", "text/plain"); xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { var res = xhr.responseText; // An "OK x x" message was returned. if (res.substr(0,2) == 'OK') { // Parse the respones message. // I know... a bit old school parsing. var dim = res.substr(3); var xpos = dim.indexOf('x'); var spos = dim.indexOf(' '); var origw = dim.substr(0,xpos); var origh = dim.substr(xpos+1, spos-xpos-1); dim = dim.substr(spos+1); xpos = dim.indexOf('x'); var w = dim.substr(0,xpos); var h = dim.substr(xpos+1); var origsize = origw+"x"+origh; var scalesize = w+"x"+h; var is_scaled = (origsize != scalesize); // Opera does not seem to load images that are not visible :( // So for those, we never get an onload event. Therefore, // we make the image 0x0 pixels and resize it to the real // size after loading. var html = (target_url ? '' : '') + '' + (target_url ? '<\/a>' : ''); container.innerHTML += html; // Go to extended viewer mode if the image was scaled down // or if a target URL was provided. if (is_scaled || target_url) { var info = document.getElementById('info_'+viewer_id); if (info) info.style.display = 'block'; var div = document.getElementById('div_'+viewer_id); if (div) div.className = 'mod_embed_images_extended'; } // If a function was loaded for a viewer to initialize the // viewer, then hand over the image data to that function. if (window.mod_embed_images_initviewer) { var image = document.getElementById('image_'+viewer_id); var link = document.getElementById('link_'+viewer_id); mod_embed_images_initviewer( container, image, link, fullimage_url, message_id ); } } // Some error message was returned. Show the error to the user. else container.innerHTML = '

' + 'Image error<\/strong>' + res + '
' + 'open image URL<\/a>' + '<\/div>'; } } // Send the request to the server. xhr.send(''); } function mod_embed_images_image_loaded(image, w, h) { image.style.width = w+'px'; image.style.height = h+'px'; var container = image.parentNode; while (container.className != 'mod_embed_images_image') { container = container.parentNode; if (!container) return; // Should not happen. } container.style.width = image.width + 'px'; container.parentNode.style.width = parseInt(image.width) + 'px'; container.style.height = image.height + 'px'; for (var i = 0; i < container.childNodes.length; i++) { if (container.childNodes[i].className == 'mod_embed_images_loading') { container.childNodes[i].style.display = 'none'; } } } /* Added by module "embed_images/viewer:browser", file "mods/embed_images/viewers/browser/viewer.js" */ function mod_embed_images_initviewer(container, image, link, url, message_id) { var a = document.createElement('a'); a.href = url; a.target = '_new'; container.appendChild(a); a.appendChild(image); } /* Added by module "embed_attachments", file "mods/embed_attachments/embed_attachments.js" */ function mod_embed_attachments_create_link(id,fn) { // Find the textarea. Multiple cases for backward compatibility. var area = document.getElementById("phorum_textarea"); if (! area) area = document.getElementById("body"); if (! area) { alert( 'There seems to be a technical problem. The textarea cannot be ' + 'found in the page. The textarea should have id="body" in the ' + 'definition, so the Embed Attachments module can find it.' ); return } // Add attachment BBcode to the message body. fn = unescape(fn); var attlink = '[attachment ' + id + ' ' + fn + ']'; if (area.createTextRange) /* MSIE */ { area.focus(area.caretPos); area.caretPos = document.selection.createRange().duplicate(); curtxt = area.caretPos.text; area.caretPos.text = attlink + curtxt; } else /* Other browsers */ { var pos = area.selectionStart; area.value = area.value.substring(0,pos) + attlink + area.value.substring(pos); area.focus(); area.selectionStart = pos + attlink.length; area.selectionEnd = area.selectionStart; } } /* Added by module "bbcode", file "mods/bbcode/bbcode_editor_tools.js" */ /////////////////////////////////////////////////////////////////////////////// // // // Copyright (C) 2007 Phorum Development Team // // http://www.phorum.org // // // // This program is free software. You can redistribute it and/or modify // // it under the terms of either the current Phorum License (viewable at // // phorum.org) or the Phorum License that was distributed with this file // // // // This program is distributed in the hope that it will be useful, // // but WITHOUT ANY WARRANTY, without even the implied warranty of // // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. // // // // You should have received a copy of the Phorum License // // along with this program. // /////////////////////////////////////////////////////////////////////////////// // Javascript code for BBcode support in the Phorum editor_tools module. // Some variables for storing objects that we need globally. var editor_tools_size_picker_obj = null; // Valid sizes to select from for the size picker. If you add or change sizes, // remember to change the module language file to supply some display strings. var editor_tools_size_picker_sizes = new Array( 'x-large', 'large', 'medium', 'small', 'x-small' ); // ---------------------------------------------------------------------- // Tool: [hr] or [hline] (horizontal line) // ---------------------------------------------------------------------- function editor_tools_handle_hr() { editor_tools_add_tags('\n[hr]\n', ''); editor_tools_focus_textarea(); } // ---------------------------------------------------------------------- // Tool: [b]...[/b] (bold) // ---------------------------------------------------------------------- function editor_tools_handle_bold() { editor_tools_add_tags('[b]', '[/b]'); editor_tools_focus_textarea(); } // ---------------------------------------------------------------------- // Tool: [s]...[/s] (strike through) // ---------------------------------------------------------------------- function editor_tools_handle_strike() { editor_tools_add_tags('[s]', '[/s]'); editor_tools_focus_textarea(); } // ---------------------------------------------------------------------- // Tool: [u]...[/u] (underline) // ---------------------------------------------------------------------- function editor_tools_handle_underline() { editor_tools_add_tags('[u]', '[/u]'); editor_tools_focus_textarea(); } // ---------------------------------------------------------------------- // Tool: [i]...[/i] (italic) // ---------------------------------------------------------------------- function editor_tools_handle_italic() { editor_tools_add_tags('[i]', '[/i]'); editor_tools_focus_textarea(); } // ---------------------------------------------------------------------- // Tool: [center]...[/center] (center text) // ---------------------------------------------------------------------- function editor_tools_handle_center() { editor_tools_add_tags('[center]', '[/center]'); editor_tools_focus_textarea(); } // ---------------------------------------------------------------------- // Tool: [sub]...[/sub] (subscript) // ---------------------------------------------------------------------- function editor_tools_handle_subscript() { editor_tools_add_tags('[sub]', '[/sub]'); editor_tools_focus_textarea(); } // ---------------------------------------------------------------------- // Tool: [sup]...[/sup] (superscript) // ---------------------------------------------------------------------- function editor_tools_handle_superscript() { editor_tools_add_tags('[sup]', '[/sup]'); editor_tools_focus_textarea(); } // ---------------------------------------------------------------------- // Tool: [small]...[/small] (small font) // ---------------------------------------------------------------------- function editor_tools_handle_small() { editor_tools_add_tags('[small]', '[/small]'); editor_tools_focus_textarea(); } // ---------------------------------------------------------------------- // Tool: [large]...[/large] (large font) // ---------------------------------------------------------------------- function editor_tools_handle_large() { editor_tools_add_tags('[large]', '[/large]'); editor_tools_focus_textarea(); } // ---------------------------------------------------------------------- // Tool: [code]...[/code] (formatted code) // ---------------------------------------------------------------------- function editor_tools_handle_code() { editor_tools_add_tags('[code]\n', '\n[/code]\n'); editor_tools_focus_textarea(); } // ---------------------------------------------------------------------- // Tool: [email]...[/email] (email address link) // ---------------------------------------------------------------------- function editor_tools_handle_email() { var email = prompt(editor_tools_translate("enter email"), ''); if (email == null) return; email = editor_tools_strip_whitespace(email); if (email == '') { editor_tools_add_tags('[email]', '[/email]'); } else { editor_tools_add_tags('[email]' + email + '[/email]', ''); } editor_tools_focus_textarea(); } // ---------------------------------------------------------------------- // Tool: [url=...]...[/url] (URL link) // ---------------------------------------------------------------------- function editor_tools_handle_url() { var url = 'http://'; for (;;) { // Read input. url = prompt(editor_tools_translate("enter url"), url); if (url == null) return; // Cancel clicked. url = editor_tools_strip_whitespace(url); // Check the URL scheme (http, https, ftp and mailto are allowed). copy = url.toLowerCase(); if (copy == 'http://' || ( copy.substring(0,7) != 'http://' && copy.substring(0,8) != 'https://' && copy.substring(0,6) != 'ftp://' && copy.substring(0,7) != 'mailto:')) { alert(editor_tools_translate("invalid url")); continue; } break; } editor_tools_add_tags('[url=' + url + ']', '[/url]', null, editor_tools_translate("enter url description")); editor_tools_focus_textarea(); } // ---------------------------------------------------------------------- // Tool: [color=...]...[/color] (text color) // ---------------------------------------------------------------------- function editor_tools_handle_color() { editor_tools_store_range(); // Display the color picker. var img_obj = document.getElementById('editor-tools-img-color'); showColorPicker(img_obj); return; } // Called by the color picker library. function editor_tools_handle_color_select(color) { editor_tools_restore_range(); editor_tools_add_tags('[color=' + color + ']', '[/color]'); editor_tools_focus_textarea(); } // ---------------------------------------------------------------------- // Tool: [size=...]...[/size] (text size) // ---------------------------------------------------------------------- function editor_tools_handle_size() { editor_tools_store_range(); // Create the size picker on first access. if (!editor_tools_size_picker_obj) { // Create a new popup. var popup = editor_tools_construct_popup('editor-tools-size-picker','l'); editor_tools_size_picker_obj = popup[0]; var content_obj = popup[1]; // Populate the new popup. for (var i = 0; i < editor_tools_size_picker_sizes.length; i++) { var size = editor_tools_size_picker_sizes[i]; var a_obj = document.createElement('a'); a_obj.href = 'javascript:editor_tools_handle_size_select("' + size + '")'; a_obj.style.fontSize = size; a_obj.innerHTML = editor_tools_translate(size); content_obj.appendChild(a_obj); var br_obj = document.createElement('br'); content_obj.appendChild(br_obj); } // Register the popup with the editor tools. editor_tools_register_popup_object(editor_tools_size_picker_obj); } // Display the popup. var button_obj = document.getElementById('editor-tools-img-size'); editor_tools_toggle_popup(editor_tools_size_picker_obj, button_obj); } function editor_tools_handle_size_select(size) { editor_tools_hide_all_popups(); editor_tools_restore_range(); size = editor_tools_strip_whitespace(size); editor_tools_add_tags('[size=' + size + ']', '[/size]'); editor_tools_focus_textarea(); } // ---------------------------------------------------------------------- // Tool: [img]...[/img] (Image URL) // ---------------------------------------------------------------------- function editor_tools_handle_image() { var url = 'http://'; for (;;) { // Read input. url = prompt(editor_tools_translate("enter image url"), url); if (url == null) return; // Cancel clicked. url = editor_tools_strip_whitespace(url); // Check the URL scheme (http, https, ftp and mailto are allowed). var copy = url.toLowerCase(); if (copy == 'http://' || ( copy.substring(0,7) != 'http://' && copy.substring(0,8) != 'https://' && copy.substring(0,6) != 'ftp://')) { alert(editor_tools_translate("invalid image url")); continue; } break; } editor_tools_add_tags('[img]' + url + '[/img]', ''); editor_tools_focus_textarea(); } // ---------------------------------------------------------------------- // Tool: [quote]...[/quote] (add a quote) // ---------------------------------------------------------------------- function editor_tools_handle_quote() { // Read input. var who = prompt(editor_tools_translate("enter who you quote"), ''); if (who == null) return; who = editor_tools_strip_whitespace(who); if (who == '') { editor_tools_add_tags('[quote]', '[/quote]'); } else { editor_tools_add_tags('[quote=' + who + ']', '[/quote]'); } editor_tools_focus_textarea(); } /* Added by module "bbcode", file "mods/bbcode/colorpicker/js_color_picker_v2.js.php" */ /************************************************************************************************************ (C) www.dhtmlgoodies.com, October 2005 This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website. Terms of use: You are free to use this script as long as the copyright message is kept intact. However, you may not redistribute, sell or repost it without our permission. Thank you! www.dhtmlgoodies.com Alf Magne Kalleland ************************************************************************************************************/ var MSIE = navigator.userAgent.indexOf('MSIE')>=0?true:false; var navigatorVersion = navigator.appVersion.replace(/.*MSIE (\d\.\d).*/g,'$1')/1; /* Changed for Phorum editor tools */ var form_widget_amount_slider_handle = 'http://www.caranorte.com/foros/mods/bbcode/colorpicker/images/slider_handle.gif'; var slider_handle_image_obj = false; var sliderObjectArray = new Array(); var slider_counter = 0; var slideInProgress = false; var handle_start_x; var event_start_x; var currentSliderIndex; function form_widget_cancel_event() { return false; } function getImageSliderHeight(){ if(!slider_handle_image_obj){ slider_handle_image_obj = new Image(); slider_handle_image_obj.src = form_widget_amount_slider_handle; } if(slider_handle_image_obj.width>0){ return; }else{ setTimeout('getImageSliderHeight()',50); } } function positionSliderImage(e,theIndex,inputObj) { if(this)inputObj = this; if(!theIndex)theIndex = inputObj.getAttribute('sliderIndex'); var handleImg = document.getElementById('slider_handle' + theIndex); var ratio = sliderObjectArray[theIndex]['width'] / (sliderObjectArray[theIndex]['max']-sliderObjectArray[theIndex]['min']); var currentValue = sliderObjectArray[theIndex]['formTarget'].value-sliderObjectArray[theIndex]['min']; handleImg.style.left = currentValue * ratio + 'px'; setColorByRGB(); } function adjustFormValue(theIndex) { var handleImg = document.getElementById('slider_handle' + theIndex); var ratio = sliderObjectArray[theIndex]['width'] / (sliderObjectArray[theIndex]['max']-sliderObjectArray[theIndex]['min']); var currentPos = handleImg.style.left.replace('px',''); sliderObjectArray[theIndex]['formTarget'].value = Math.round(currentPos / ratio) + sliderObjectArray[theIndex]['min']; } function initMoveSlider(e) { if(document.all)e = event; slideInProgress = true; event_start_x = e.clientX; handle_start_x = this.style.left.replace('px',''); currentSliderIndex = this.id.replace(/[^\d]/g,''); return false; } function startMoveSlider(e) { if(document.all)e = event; if(!slideInProgress)return; var leftPos = handle_start_x/1 + e.clientX/1 - event_start_x; if(leftPos<0)leftPos = 0; if(leftPos/1>sliderObjectArray[currentSliderIndex]['width'])leftPos = sliderObjectArray[currentSliderIndex]['width']; document.getElementById('slider_handle' + currentSliderIndex).style.left = leftPos + 'px'; adjustFormValue(currentSliderIndex); if(sliderObjectArray[currentSliderIndex]['onchangeAction']){ eval(sliderObjectArray[currentSliderIndex]['onchangeAction']); } } function stopMoveSlider() { slideInProgress = false; } function form_widget_amount_slider(targetElId,formTarget,width,min,max,onchangeAction) { if(!slider_handle_image_obj){ getImageSliderHeight(); } slider_counter = slider_counter +1; sliderObjectArray[slider_counter] = new Array(); sliderObjectArray[slider_counter] = {"width":width - 9,"min":min,"max":max,"formTarget":formTarget,"onchangeAction":onchangeAction}; formTarget.setAttribute('sliderIndex',slider_counter); formTarget.onchange = positionSliderImage; var parentObj = document.createElement('DIV'); parentObj.style.width = width + 'px'; parentObj.style.height = '12px'; // The height of the image parentObj.style.position = 'relative'; parentObj.id = 'slider_container' + slider_counter; document.getElementById(targetElId).appendChild(parentObj); var obj = document.createElement('DIV'); obj.className = 'form_widget_amount_slider'; obj.innerHTML = ''; obj.style.width = width + 'px'; obj.id = 'slider_slider' + slider_counter; obj.style.position = 'absolute'; obj.style.bottom = '0px'; parentObj.appendChild(obj); var handleImg = document.createElement('IMG'); handleImg.style.position = 'absolute'; handleImg.style.left = '0px'; handleImg.style.zIndex = 5; handleImg.src = slider_handle_image_obj.src; handleImg.id = 'slider_handle' + slider_counter; handleImg.onmousedown = initMoveSlider; if(document.body.onmouseup){ if(document.body.onmouseup.toString().indexOf('stopMoveSlider')==-1){ alert('You allready have an onmouseup event assigned to the body tag'); } }else{ document.body.onmouseup = stopMoveSlider; document.body.onmousemove = startMoveSlider; } handleImg.ondragstart = form_widget_cancel_event; parentObj.appendChild(handleImg); positionSliderImage(false,slider_counter); } var namedColors = new Array('AliceBlue','AntiqueWhite','Aqua','Aquamarine','Azure','Beige','Bisque','Black','BlanchedAlmond','Blue','BlueViolet','Brown', 'BurlyWood','CadetBlue','Chartreuse','Chocolate','Coral','CornflowerBlue','Cornsilk','Crimson','Cyan','DarkBlue','DarkCyan','DarkGoldenRod','DarkGray', 'DarkGreen','DarkKhaki','DarkMagenta','DarkOliveGreen','Darkorange','DarkOrchid','DarkRed','DarkSalmon','DarkSeaGreen','DarkSlateBlue','DarkSlateGray', 'DarkTurquoise','DarkViolet','DeepPink','DeepSkyBlue','DimGray','DodgerBlue','Feldspar','FireBrick','FloralWhite','ForestGreen','Fuchsia','Gainsboro', 'GhostWhite','Gold','GoldenRod','Gray','Green','GreenYellow','HoneyDew','HotPink','IndianRed','Indigo','Ivory','Khaki','Lavender','LavenderBlush', 'LawnGreen','LemonChiffon','LightBlue','LightCoral','LightCyan','LightGoldenRodYellow','LightGrey','LightGreen','LightPink','LightSalmon','LightSeaGreen', 'LightSkyBlue','LightSlateBlue','LightSlateGray','LightSteelBlue','LightYellow','Lime','LimeGreen','Linen','Magenta','Maroon','MediumAquaMarine', 'MediumBlue','MediumOrchid','MediumPurple','MediumSeaGreen','MediumSlateBlue','MediumSpringGreen','MediumTurquoise','MediumVioletRed','MidnightBlue', 'MintCream','MistyRose','Moccasin','NavajoWhite','Navy','OldLace','Olive','OliveDrab','Orange','OrangeRed','Orchid','PaleGoldenRod','PaleGreen', 'PaleTurquoise','PaleVioletRed','PapayaWhip','PeachPuff','Peru','Pink','Plum','PowderBlue','Purple','Red','RosyBrown','RoyalBlue','SaddleBrown', 'Salmon','SandyBrown','SeaGreen','SeaShell','Sienna','Silver','SkyBlue','SlateBlue','SlateGray','Snow','SpringGreen','SteelBlue','Tan','Teal','Thistle', 'Tomato','Turquoise','Violet','VioletRed','Wheat','White','WhiteSmoke','Yellow','YellowGreen'); var namedColorRGB = new Array('#F0F8FF','#FAEBD7','#00FFFF','#7FFFD4','#F0FFFF','#F5F5DC','#FFE4C4','#000000','#FFEBCD','#0000FF','#8A2BE2','#A52A2A','#DEB887', '#5F9EA0','#7FFF00','#D2691E','#FF7F50','#6495ED','#FFF8DC','#DC143C','#00FFFF','#00008B','#008B8B','#B8860B','#A9A9A9','#006400','#BDB76B','#8B008B', '#556B2F','#FF8C00','#9932CC','#8B0000','#E9967A','#8FBC8F','#483D8B','#2F4F4F','#00CED1','#9400D3','#FF1493','#00BFFF','#696969','#1E90FF','#D19275', '#B22222','#FFFAF0','#228B22','#FF00FF','#DCDCDC','#F8F8FF','#FFD700','#DAA520','#808080','#008000','#ADFF2F','#F0FFF0','#FF69B4','#CD5C5C','#4B0082', '#FFFFF0','#F0E68C','#E6E6FA','#FFF0F5','#7CFC00','#FFFACD','#ADD8E6','#F08080','#E0FFFF','#FAFAD2','#D3D3D3','#90EE90','#FFB6C1','#FFA07A','#20B2AA', '#87CEFA','#8470FF','#778899','#B0C4DE','#FFFFE0','#00FF00','#32CD32','#FAF0E6','#FF00FF','#800000','#66CDAA','#0000CD','#BA55D3','#9370D8','#3CB371', '#7B68EE','#00FA9A','#48D1CC','#C71585','#191970','#F5FFFA','#FFE4E1','#FFE4B5','#FFDEAD','#000080','#FDF5E6','#808000','#6B8E23','#FFA500','#FF4500', '#DA70D6','#EEE8AA','#98FB98','#AFEEEE','#D87093','#FFEFD5','#FFDAB9','#CD853F','#FFC0CB','#DDA0DD','#B0E0E6','#800080','#FF0000','#BC8F8F','#4169E1', '#8B4513','#FA8072','#F4A460','#2E8B57','#FFF5EE','#A0522D','#C0C0C0','#87CEEB','#6A5ACD','#708090','#FFFAFA','#00FF7F','#4682B4','#D2B48C','#008080', '#D8BFD8','#FF6347','#40E0D0','#EE82EE','#D02090','#F5DEB3','#FFFFFF','#F5F5F5','#FFFF00','#9ACD32'); var color_picker_div = false; var color_picker_active_tab = false; var color_picker_form_field = false; var color_picker_active_input = false; function baseConverter (number,ob,nb) { number = number + ""; number = number.toUpperCase(); var list = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ"; var dec = 0; for (var i = 0; i <= number.length; i++) { dec += (list.indexOf(number.charAt(i))) * (Math.pow(ob , (number.length - i - 1))); } number = ""; var magnitude = Math.floor((Math.log(dec))/(Math.log(nb))); for (var i = magnitude; i >= 0; i--) { var amount = Math.floor(dec/Math.pow(nb,i)); number = number + list.charAt(amount); dec -= amount*(Math.pow(nb,i)); } if(number.length==0)number=0; return number; } function colorPickerGetTopPos(inputObj) { var returnValue = inputObj.offsetTop; while((inputObj = inputObj.offsetParent) != null){ returnValue += inputObj.offsetTop; } return returnValue; } function colorPickerGetLeftPos(inputObj) { var returnValue = inputObj.offsetLeft; while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetLeft; return returnValue; } function cancelColorPickerEvent(){ return false; } function showHideColorOptions(e,inputObj) { var thisObj = this; if(inputObj){ var parentNode = inputObj.parentNode; thisObj = inputObj; }else var parentNode = this.parentNode; var activeColorDiv = false; var subDiv = parentNode.getElementsByTagName('DIV')[0]; counter=0; var initZIndex = 10; var contentDiv = document.getElementById('color_picker_content').getElementsByTagName('DIV')[0]; do{ if(subDiv.tagName=='DIV' && subDiv.className!='colorPickerCloseButton'){ if(subDiv==thisObj){ thisObj.className='colorPickerTab_active'; thisObj.style.zIndex = 50; var img = thisObj.getElementsByTagName('IMG')[0]; /* Changed for Phorum editor tools */ img.src = "http://www.caranorte.com/foros/mods/bbcode/colorpicker/images/tab_right_active.gif" img.src = img.src.replace(/inactive/,'active'); contentDiv.style.display='block'; activeColorDiv = contentDiv; }else{ subDiv.className = 'colorPickerTab_inactive'; var img = subDiv.getElementsByTagName('IMG')[0]; /* Changed for Phorum editor tools */ img.src = "http://www.caranorte.com/foros/mods/bbcode/colorpicker/images/tab_right_inactive.gif"; if(activeColorDiv) subDiv.style.zIndex = initZIndex - counter; else subDiv.style.zIndex = counter; contentDiv.style.display='none'; } counter++; } subDiv = subDiv.nextSibling; if(contentDiv.nextSibling)contentDiv = contentDiv.nextSibling; }while(subDiv); document.getElementById('colorPicker_statusBarTxt').innerHTML = ' '; } function createColorPickerTopRow(inputObj){ /* Changed for Phorum editor tools */ var tabs = [editor_tools_lang['rgb'],editor_tools_lang['named'],editor_tools_lang['slides']]; var tabWidths = [ parseInt(editor_tools_lang['rgb_size']), parseInt(editor_tools_lang['named_size']), parseInt(editor_tools_lang['slides_size']) ]; var div = document.createElement('DIV'); div.className='colorPicker_topRow'; inputObj.appendChild(div); var currentWidth = 0; for(var no=0;no=0;r-=3){ for(var g=0;g<=15;g+=3){ for(var b=0;b<=15;b+=3){ var red = baseConverter(r,10,16) + ''; var green = baseConverter(g,10,16) + ''; var blue = baseConverter(b,10,16) + ''; var color = '#' + red + red + green + green + blue + blue; var div = document.createElement('DIV'); div.style.backgroundColor=color; div.innerHTML = ''; div.className='colorSquare'; div.title = color; div.onclick = chooseColor; div.setAttribute('rgbColor',color); div.onmouseover = colorPickerShowStatusBarText; div.onmouseout = colorPickerHideStatusBarText; webColorDiv.appendChild(div); } } } } function createNamedColors(inputObj){ var namedColorDiv = document.createElement('DIV'); namedColorDiv.style.paddingTop = '1px'; namedColorDiv.style.display='none'; inputObj.appendChild(namedColorDiv); for(var no=0;no255)r=255; if(g/1>255)g=255; if(b/1>255)b=255; r = baseConverter(r,10,16) + ''; g = baseConverter(g,10,16) + ''; b = baseConverter(b,10,16) + ''; if(r.length==1)r = '0' + r; if(g.length==1)g = '0' + g; if(b.length==1)b = '0' + b; document.getElementById('colorPreview').style.backgroundColor = '#' + r + g + b; document.getElementById('js_color_picker_color_code').value = '#' + r + g + b; } /* Added by module "bbcode", file "mods/bbcode/colorpicker/color_functions.js" */ function baseConverter (number,ob,nb) { number = number + ""; number = number.toUpperCase(); var list = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ"; var dec = 0; for (var i = 0; i <= number.length; i++) { dec += (list.indexOf(number.charAt(i))) * (Math.pow(ob , (number.length - i - 1))); } number = ""; var magnitude = Math.floor((Math.log(dec))/(Math.log(nb))); for (var i = magnitude; i >= 0; i--) { var amount = Math.floor(dec/Math.pow(nb,i)); number = number + list.charAt(amount); dec -= amount*(Math.pow(nb,i)); } if(number.length==0)number=0; return number; } // Converts a RGB color to HSV function toHSV(rgbColor){ rgbColor = rgbColor.replace('#',''); red = baseConverter(rgbColor.substr(0,2),16,10); green = baseConverter(rgbColor.substr(2,2),16,10); blue = baseConverter(rgbColor.substr(4,2),16,10); if(red.length==0)red=0; if(green.length==0)green=0; if(blue.length==0)blue=0; red = red/255; green = green/255; blue = blue/255; maxValue = Math.max(red,green,blue); minValue = Math.min(red,green,blue); var hue = 0; if(maxValue==minValue){ hue = 0; saturation=0; }else{ if(red == maxValue){ hue = (green - blue) / (maxValue-minValue)/1; }else if(green == maxValue){ hue = 2 + (blue - red)/1 / (maxValue-minValue)/1; }else if(blue == maxValue){ hue = 4 + (red - green) / (maxValue-minValue)/1; } saturation = (maxValue-minValue) / maxValue; } hue = hue * 60; valueBrightness = maxValue; if(valueBrightness/1<0.5){ //saturation = (maxValue - minValue) / (maxValue + minValue); } if(valueBrightness/1>= 0.5){ //saturation = (maxValue - minValue) / (2 - maxValue - minValue); } returnArray = [hue,saturation,valueBrightness]; return returnArray; } function toRgb(hue,saturation,valueBrightness){ Hi = Math.floor(hue / 60); if(hue==360)Hi=0; f = hue/60 - Hi; p = (valueBrightness * (1- saturation)).toPrecision(2); q = (valueBrightness * (1 - (f * saturation))).toPrecision(2); t = (valueBrightness * (1 - ((1-f)*saturation))).toPrecision(2); switch(Hi){ case 0: red = valueBrightness; green = t; blue = p; break; case 1: red = q; green = valueBrightness; blue = p; break; case 2: red = q; green = valueBrightness; blue = t; break; case 3: red = p; green = q;; blue = valueBrightness; break; case 4: red = t; green = p; blue = valueBrightness; break; case 5: red = valueBrightness; green = p; blue = q; break; } if(saturation==0){ red = valueBrightness; green = valueBrightness; blue = valueBrightness; } red*=255; green*=255; blue*=255; red = Math.round(red); green = Math.round(green); blue = Math.round(blue); red = baseConverter(red,10,16); green = baseConverter(green,10,16); blue = baseConverter(blue,10,16); red = red + ""; green = green + ""; blue = blue + ""; while(red.length<2){ red = "0" + red; } while(green.length<2){ green = "0" + green; } while(blue.length<2){ blue = "0" + "" + blue; } rgbColor = "#" + red + "" + green + "" + blue; return rgbColor.toUpperCase(); } function findColorByDegrees(rgbColor,degrees){ rgbColor = rgbColor.replace('#',''); myArray = toHSV(rgbColor); myArray[0]+=degrees; if(myArray[0]>=360)myArray[0]-=360; if(myArray[0]<0)myArray[0]+=360; return toRgb(myArray[0],myArray[1],myArray[2]); } function findColorByBrightness(rgbColor,brightness){ rgbColor = rgbColor.replace('#',''); myArray = toHSV(rgbColor); myArray[2]+=brightness/100; if(myArray[2]>1)myArray[2]=1; if(myArray[2]<0)myArray[2]=0; myArray[1]+=brightness/100; if(myArray[1]>1)myArray[1]=1; if(myArray[1]<0)myArray[1]=0; return toRgb(myArray[0],myArray[1],myArray[2]); }