XAS-Service
view release on metacpan or search on metacpan
web/root/yaml/docs/assets/js/snippet/jquery.snippet.js view on Meta::CPAN
/*
* Snippet :: jQuery Syntax Highlighter v2.0.0
* http://steamdev.com/snippet
*
* Copyright 2011, SteamDev
* Released under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*
* Date: Wed Jan 19, 2011
*/
(function($) {
//enables console.log() in all browsers for error messages
window.log=function(){log.history=log.history||[];log.history.push(arguments);if(this.console){console.log(Array.prototype.slice.call(arguments))}};
$.fn.snippet = function(language,settings) {
if(typeof language == "object"){settings = language;}
if(typeof language == "string"){
language = language.toLowerCase();
}
var defaults = {
style:"random",
showNum:true,
transparent:false,
collapse:false,
menu:true,
showMsg:"Expand Code",
hideMsg:"Collapse Code",
clipboard:"",
startCollapsed:true,
startText:false,
box:"",
boxColor:"",
boxFill:""
};
// array containing all style names
var styleArr = ["acid","berries-dark","berries-light","bipolar","blacknblue","bright","contrast","darkblue","darkness","desert","dull","easter","emacs","golden","greenlcd","ide-anjuta","ide-codewarrior","ide-devcpp","ide-eclipse","ide-kdev","ide-ms...
if(settings){$.extend(defaults,settings)}
return this.each(function() {
// variable containing the style to be used
var useStyle = defaults.style.toLowerCase();
if(defaults.style == "random"){
var randomnumber=Math.floor(Math.random()*(styleArr.length));
useStyle = styleArr[randomnumber];
}
// variable containing the selected node
var o = $(this);
// the name of the selected node
var node = this.nodeName.toLowerCase();
// if the node is indeed a <pre> element...
if(node == "pre"){
// saves the original html as a data on the node
if(o.data('orgHtml')==undefined || o.data('orgHtml')==null){
var orgHtml = o.html();
o.data('orgHtml',orgHtml);
}
// if node IS NOT an existing Snippet...
if(!o.parent().hasClass("snippet-wrap")){
// if language is NOT a string...
if(typeof language != "string"){
if(o.attr('class').length>0){var errclass=" class=\""+o.attr('class')+"\""}else{var errclass="";}
if(o.attr('id').length>0){var errid=" id=\""+o.attr('id')+"\""}else{var errid="";}
var error = "Snippet Error: You must specify a language on inital usage of Snippet. Reference <pre"+errclass+errid+">";
console.log(error);
return false;
}
o.addClass("sh_"+language).addClass("snippet-formatted").wrap("<div class='snippet-container' style='"+o.attr('style')+";'><div class='sh_"+useStyle+" snippet-wrap'></div></div>");
o.removeAttr('style');
sh_highlightDocument();
// build an ordered list if showNum is true
if(defaults.showNum){
var newhtml = o.html();
newhtml=newhtml.replace(/\n/g, "</li><li>");
newhtml="<ol class='snippet-num'><li>"+newhtml+"</li></ol>";
while(newhtml.indexOf("<li></li></ol>") != -1){
newhtml=newhtml.replace("<li></li></ol>","</ol>");
}
}
// build an unordered list if showNum is false
else {
var newhtml = o.html();
newhtml=newhtml.replace(/\n/g, "</li><li>");
newhtml="<ul class='snippet-no-num'><li>"+newhtml+"</li></ul>";
while(newhtml.indexOf("<li></li></ul>") != -1){
newhtml=newhtml.replace("<li></li></ul>","</ul>");
}
}
// normalizes tab space by replacing them with 4 non-breaking spaces
newhtml=newhtml.replace(/\t/g, " ");
// insert highlighted code into <pre> element
o.html(newhtml);
// cleans up the highlighted html
while(o.find("li").eq(0).html() == ""){
o.find("li").eq(0).remove();
}
o.find("li").each(function(){
if($(this).html().length<2){
var rep = ($(this).html()).replace(/\s/g,"");
if(rep==""){
if($.browser.opera){
$(this).html(" ");
} else {
$(this).html("<span style='display:none;'> </span>");
}
}
}
});
// builds text-only view and hover menu
var txtOnly = "<pre class='snippet-textonly sh_sourceCode' style='display:none;'>"+o.data('orgHtml')+"</pre>";
var controls = "<div class='snippet-menu sh_sourceCode' style='display:none;'><pre>"
+"<a class='snippet-copy' href='#'>copy</a>"
+"<a class='snippet-text' href='#'>text</a>"
+"<a class='snippet-window' href='#'>pop-up</a>"
+"</pre></div>";
o.parent().append(txtOnly);
o.parent().prepend(controls);
o.parent().hover(function(){$(this).find('.snippet-menu').fadeIn("fast");},function(){$(this).find('.snippet-menu').fadeOut("fast");});
// builds clipboard
if(defaults.clipboard!="" && defaults.clipboard!=false){
var cpy = o.parent().find('a.snippet-copy');
cpy.show();
cpy.parents('.snippet-menu').show();
var txt = o.parents('.snippet-wrap').find('.snippet-textonly').text();
ZeroClipboard.setMoviePath(defaults.clipboard);
var clip = new ZeroClipboard.Client();
clip.setText(txt);
clip.glue(cpy[0], cpy.parents('.snippet-menu')[0]);
clip.addEventListener( 'complete', function(client, text) {
if(text.length > 500){
text = text.substr(0,500)+"...\n\n("+(text.length-500)+" characters not shown)";
}
alert("Copied text to clipboard:\n\n " + text );
});
cpy.parents('.snippet-menu').hide();
} else {
o.parent().find('a.snippet-copy').hide();
}
// click event for text-only view
o.parent().find("a.snippet-text").click(function(){
var org = $(this).parents('.snippet-wrap').find('.snippet-formatted');
var txt = $(this).parents('.snippet-wrap').find('.snippet-textonly');
org.toggle();
txt.toggle();
if(txt.is(':visible')){
$(this).html("html");
} else {
$(this).html("text");
}
$(this).blur();
return false;
});
// click event for popup view
o.parent().find("a.snippet-window").click(function(){
var txt = $(this).parents('.snippet-wrap').find('.snippet-textonly').html();
snippetPopup(txt);
$(this).blur();
return false;
});
// disables menu
if(!defaults.menu){
o.prev('.snippet-menu').find('pre,.snippet-clipboard').hide();
}
// collapse functionality
if(defaults.collapse){
var styleClass = o.parent().attr('class');
var collapseShow = "<div class='snippet-reveal "+styleClass+"'><pre class='sh_sourceCode'><a href='#' class='snippet-toggle'>"+defaults.showMsg+"</a></pre></div>";
var collapseHide = "<div class='sh_sourceCode snippet-hide'><pre><a href='#' class='snippet-revealed snippet-toggle'>"+defaults.hideMsg+"</a></pre></div>";
o.parents('.snippet-container').append(collapseShow);
o.parent().append(collapseHide);
var root = o.parents('.snippet-container');
if(defaults.startCollapsed){
root.find('.snippet-reveal').show();
root.find('.snippet-wrap').eq(0).hide();
} else {
root.find('.snippet-reveal').hide();
root.find('.snippet-wrap').eq(0).show();
}
root.find('a.snippet-toggle').click(function(){
root.find('.snippet-wrap').toggle();
return false;
});
}
// makes snippet background transparent
if(defaults.transparent){
var styleObj = {"background-color":"transparent","box-shadow":"none","-moz-box-shadow":"none","-webkit-box-shadow":"none"}
o.css(styleObj);
o.next(".snippet-textonly").css(styleObj);
o.parents('.snippet-container').find('.snippet-reveal pre').css(styleObj);
}
// starts snippet on text-only view
if(defaults.startText){
o.hide();
o.next(".snippet-textonly").show();
o.parent().find(".snippet-text").html("html");
}
// boxes in specified lines of code
if(defaults.box!=""){
var spacer = "<span class='box-sp'> </span>";
var boxNums = defaults.box.split(',');
for(var i=0;i<boxNums.length;i++){
var boxNum = boxNums[i];
if(boxNum.indexOf('-')==-1){
boxNum = parseFloat(boxNum)-1;
o.find("li").eq(boxNum).addClass('box').prepend(spacer);
} else {
var numStart = parseFloat(boxNum.split('-')[0])-1;
var numEnd = parseFloat(boxNum.split('-')[1])-1;
if(numStart<numEnd){
o.find("li").eq(numStart).addClass('box box-top').prepend(spacer);
o.find("li").eq(numEnd).addClass('box box-bot').prepend(spacer);
for(var x=numStart+1; x<numEnd; x++){
o.find("li").eq(x).addClass('box box-mid').prepend(spacer);
web/root/yaml/docs/assets/js/snippet/jquery.snippet.js view on Meta::CPAN
var li = o.find("li").eq(0);
li.unwrap();
}
}
// hide numbers by switching <ol> to <ul>
else {
var list = o.find("li").eq(0).parent();
if(list.hasClass("snippet-num")){
list.wrap("<ul class='snippet-no-num'></ul>");
var li = o.find("li").eq(0);
li.unwrap();
}
}
// box in specified lines
if(defaults.box!=""){
var spacer = "<span class='box-sp'> </span>";
var boxNums = defaults.box.split(',');
for(var i=0;i<boxNums.length;i++){
var boxNum = boxNums[i];
if(boxNum.indexOf('-')==-1){
boxNum = parseFloat(boxNum)-1;
o.find("li").eq(boxNum).addClass('box').prepend(spacer);
} else {
var numStart = parseFloat(boxNum.split('-')[0])-1;
var numEnd = parseFloat(boxNum.split('-')[1])-1;
if(numStart<numEnd){
o.find("li").eq(numStart).addClass('box box-top').prepend(spacer);
o.find("li").eq(numEnd).addClass('box box-bot').prepend(spacer);
for(var x=numStart+1; x<numEnd; x++){
o.find("li").eq(x).addClass('box box-mid').prepend(spacer);
}
} else if (numStart==numEnd){
o.find("li").eq(numStart).addClass('box').prepend(spacer);
}
}
}
if(defaults.boxColor!=""){
o.find("li.box").css('border-color',defaults.boxColor);
}
if(defaults.boxFill!=""){
o.find("li.box").addClass('box-bg').css('background-color',defaults.boxFill);
}
if($.browser.webkit){
o.find(".snippet-num li.box").css('margin-left','-3.3em');
o.find(".snippet-num li .box-sp").css('width','21px');
}
}
sh_highlightDocument();
// show/hide hover menu
if(!defaults.menu){
o.prev('.snippet-menu').find('pre,.snippet-clipboard').hide();
} else {
o.prev('.snippet-menu').find('pre,.snippet-clipboard').show();
}
}
} else {
var error = "Snippet Error: Sorry, Snippet only formats '<pre>' elements. '<"+node+">' elements are currently unsupported.";
console.log(error);
return false;
}
});
};
})(jQuery);
// snippet new window popup function
function snippetPopup(content) {
top.consoleRef=window.open('','myconsole',
'width=600,height=300'
+',left=50,top=50'
+',menubar=0'
+',toolbar=0'
+',location=0'
+',status=0'
+',scrollbars=1'
+',resizable=1');
top.consoleRef.document.writeln(
'<html><head><title>Snippet :: Code View :: '+location.href+'</title></head>'
+'<body bgcolor=white onLoad="self.focus()">'
+'<pre>'+content+'</pre>'
+'</body></html>'
);
top.consoleRef.document.close();
}
// ZeroClipboard
// Simple Set Clipboard System
// Author: Joseph Huckaby
var ZeroClipboard = {
version: "1.0.7",
clients: {}, // registered upload clients on page, indexed by id
moviePath: 'ZeroClipboard.swf', // URL to movie
nextId: 1, // ID of next movie
$: function(thingy) {
// simple DOM lookup utility function
if (typeof(thingy) == 'string') thingy = document.getElementById(thingy);
if (!thingy.addClass) {
// extend element with a few useful methods
thingy.hide = function() { this.style.display = 'none'; };
thingy.show = function() { this.style.display = ''; };
thingy.addClass = function(name) { this.removeClass(name); this.className += ' ' + name; };
web/root/yaml/docs/assets/js/snippet/jquery.snippet.js view on Meta::CPAN
return thingy;
},
setMoviePath: function(path) {
// set path to ZeroClipboard.swf
this.moviePath = path;
},
dispatch: function(id, eventName, args) {
// receive event from flash movie, send to client
var client = this.clients[id];
if (client) {
client.receiveEvent(eventName, args);
}
},
register: function(id, client) {
// register new client to receive events
this.clients[id] = client;
},
getDOMObjectPosition: function(obj, stopObj) {
// get absolute coordinates for dom element
var info = {
left: 0,
top: 0,
width: obj.width ? obj.width : obj.offsetWidth,
height: obj.height ? obj.height : obj.offsetHeight
};
while (obj && (obj != stopObj)) {
info.left += obj.offsetLeft;
info.top += obj.offsetTop;
obj = obj.offsetParent;
}
return info;
},
Client: function(elem) {
// constructor for new simple upload client
this.handlers = {};
// unique ID
this.id = ZeroClipboard.nextId++;
this.movieId = 'ZeroClipboardMovie_' + this.id;
// register client with singleton to receive flash events
ZeroClipboard.register(this.id, this);
// create movie
if (elem) this.glue(elem);
}
};
ZeroClipboard.Client.prototype = {
id: 0, // unique ID for us
ready: false, // whether movie is ready to receive events or not
movie: null, // reference to movie object
clipText: '', // text to copy to clipboard
handCursorEnabled: true, // whether to show hand cursor, or default pointer cursor
cssEffects: true, // enable CSS mouse effects on dom container
handlers: null, // user event handlers
glue: function(elem, appendElem, stylesToAdd) {
// glue to DOM element
// elem can be ID or actual DOM element object
this.domElement = ZeroClipboard.$(elem);
// float just above object, or zIndex 99 if dom element isn't set
var zIndex = 99;
if (this.domElement.style.zIndex) {
zIndex = parseInt(this.domElement.style.zIndex, 10) + 1;
}
if (typeof(appendElem) == 'string') {
appendElem = ZeroClipboard.$(appendElem);
}
else if (typeof(appendElem) == 'undefined') {
appendElem = document.getElementsByTagName('body')[0];
}
// find X/Y position of domElement
var box = ZeroClipboard.getDOMObjectPosition(this.domElement, appendElem);
// create floating DIV above element
this.div = document.createElement('div');
this.div.className = "snippet-clipboard";
var style = this.div.style;
style.position = 'absolute';
style.left = '' + box.left + 'px';
style.top = '' + box.top + 'px';
style.width = '' + box.width + 'px';
style.height = '' + box.height + 'px';
style.zIndex = zIndex;
if (typeof(stylesToAdd) == 'object') {
for (addedStyle in stylesToAdd) {
style[addedStyle] = stylesToAdd[addedStyle];
}
}
// style.backgroundColor = '#f00'; // debug
appendElem.appendChild(this.div);
this.div.innerHTML = this.getHTML( box.width, box.height );
},
getHTML: function(width, height) {
// return HTML for movie
var html = '';
var flashvars = 'id=' + this.id +
'&width=' + width +
'&height=' + height;
if (navigator.userAgent.match(/MSIE/)) {
// IE gets an OBJECT tag
var protocol = location.href.match(/^https/i) ? 'https://' : 'http://';
html += '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="'+protocol+'download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="'+width+'" height="'+height+'" id="'+this.movieId+'" align="middle"><p...
}
else {
// all other browsers get an EMBED tag
html += '<embed id="'+this.movieId+'" src="'+ZeroClipboard.moviePath+'" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="'+width+'" height="'+height+'" name="'+this.movieId+'" align="middle" allowScriptAccess="always" allowFullScr...
}
return html;
},
hide: function() {
// temporarily hide floater offscreen
if (this.div) {
this.div.style.left = '-2000px';
}
},
show: function() {
// show ourselves after a call to hide()
this.reposition();
},
destroy: function() {
// destroy control and floater
if (this.domElement && this.div) {
this.hide();
this.div.innerHTML = '';
var body = document.getElementsByTagName('body')[0];
try { body.removeChild( this.div ); } catch(e) {;}
this.domElement = null;
this.div = null;
}
},
reposition: function(elem) {
// reposition our floating div, optionally to new container
// warning: container CANNOT change size, only position
if (elem) {
this.domElement = ZeroClipboard.$(elem);
if (!this.domElement) this.hide();
}
if (this.domElement && this.div) {
var box = ZeroClipboard.getDOMObjectPosition(this.domElement);
var style = this.div.style;
style.left = '' + box.left + 'px';
style.top = '' + box.top + 'px';
}
},
setText: function(newText) {
// set text to be copied to clipboard
this.clipText = newText;
if (this.ready){ this.movie.setText(newText);}
},
addEventListener: function(eventName, func) {
// add user event listener for event
// event types: load, queueStart, fileStart, fileComplete, queueComplete, progress, error, cancel
eventName = eventName.toString().toLowerCase().replace(/^on/, '');
if (!this.handlers[eventName]){ this.handlers[eventName] = [];}
this.handlers[eventName].push(func);
},
setHandCursor: function(enabled) {
// enable hand cursor (true), or default arrow cursor (false)
this.handCursorEnabled = enabled;
if (this.ready){ this.movie.setHandCursor(enabled);}
},
setCSSEffects: function(enabled) {
// enable or disable CSS effects on DOM container
this.cssEffects = !!enabled;
},
receiveEvent: function(eventName, args) {
// receive event from flash
eventName = eventName.toString().toLowerCase().replace(/^on/, '');
// special behavior for certain events
switch (eventName) {
case 'load':
// movie claims it is ready, but in IE this isn't always the case...
// bug fix: Cannot extend EMBED DOM elements in Firefox, must use traditional function
this.movie = document.getElementById(this.movieId);
if (!this.movie) {
var self = this;
setTimeout( function() { self.receiveEvent('load', null); }, 1 );
return;
}
// firefox on pc needs a "kick" in order to set these in certain cases
if (!this.ready && navigator.userAgent.match(/Firefox/) && navigator.userAgent.match(/Windows/)) {
var self = this;
setTimeout( function() { self.receiveEvent('load', null); }, 100 );
this.ready = true;
return;
}
this.ready = true;
try{
this.movie.setText( this.clipText );
}catch(e){}
try{
this.movie.setHandCursor( this.handCursorEnabled );
}catch(e){}
break;
case 'mouseover':
if (this.domElement && this.cssEffects) {
this.domElement.addClass('hover');
if (this.recoverActive){ this.domElement.addClass('active');}
( run in 1.506 second using v1.01-cache-2.11-cpan-84e82930d8c )