www.RickLaFleur.com

MET CS 601

MET CS 601 project, using "click relevency" for it's list, is still available here

posted by RickLaFleur.com # Sunday, June 28, 2009 0 Comments Links to this post

Very simple wysiwyg console

I found this script at webmasterworld to write out HTML or JavaScript to an IFrame on the page; acts as a very simple wysiwyg console:

<html> 
<head> 
<title>HomeWork 1.0</title> 
</head> 
<body> 
<script type="text/javascript"><!-- 

function Txt2Frame() { 
document.frames.my_frame.document.open(); 
document.frames.my_frame.document.write('<html><head><title>My_Frame</title></head><body>'); 
document.frames.my_frame.document.write(Txt2Frame.arguments[0]); 
document.frames.my_frame.document.write('</body></html>'); 
document.frames.my_frame.document.close(); 
} 

//--></script> 

<form name="test_form"> 
<textarea onChange="Javascript:Txt2Frame(CharT.value);" name="CharT" cols="10" rows="5"></textarea> 
</form> 

<iframe frameborder="1" scrolling="0" name="my_frame" width="300" height="55"></iframe> 

</body> 
</html>

Labels: JavaScript

posted by RickLaFleur.com # Monday, May 18, 2009 0 Comments Links to this post

Using SyntaxHighlighter on Blogger site

Using the SyntaxHighlighter on non Blogger sites is pretty straightforward - for my notes on use, please see Using SyntaxHighlighter.

However, I and other have run into a bug when trying to deploy to a Blogger site, namely that <br/> would be inserted in the code when displayed to the page and, in my case, line returns would be ignored, resulting in all the code being writtent to one line.

I was able to find a solution on the Tips for software engineer site. In essence, add the following JavaScript to the page just before the closing body tag:

<script class='javascript'>  
 //<![CDATA[  
     function FindTagsByName(container, name, Tag)  
     {  
         var elements = document.getElementsByTagName(Tag);  
         for (var i = 0; i < elements.length; i++)  
         {  
             if (elements[i].getAttribute("name") == name)  
             {  
                 container.push(elements[i]);  
             }  
         }  
     }  
     var elements = [];  
     FindTagsByName(elements, "code", "pre");  
     FindTagsByName(elements, "code", "textarea");  
    
  for(var i=0; i < elements.length; i++) {  
   if(elements[i].nodeName.toUpperCase() == "TEXTAREA") {  
    var childNode = elements[i].childNodes[0];  
    var newNode = document.createTextNode(childNode.nodeValue.replace(/<br\s*\/?>/gi,'\n'));  
    elements[i].replaceChild(newNode, childNode);  
      
   }  
 else if(elements[i].nodeName.toUpperCase() == "PRE") {  
    brs = elements[i].getElementsByTagName("br");  
    for(var j = 0, brLength = brs.length; j < brLength; j++) {  
     var newNode = document.createTextNode("\n");  
     elements[i].replaceChild(newNode, brs[0]);  
    }  
   }  
  }  
   //clipboard does not work well, no line breaks  
   // dp.SyntaxHighlighter.ClipboardSwf =   
   //"http://[YOUR HOST]/clipboard.swf";  
   dp.SyntaxHighlighter.HighlightAll("code");  
 //]]>
</script>

Labels: blog, bug, code, JavaScript

posted by RickLaFleur.com # Monday, October 06, 2008 0 Comments Links to this post

Using SyntaxHighlighter

Following provides details on adding the Google SyntaxHighlighter to a non Blogger site.

Visit the syntaxhighlighter home page, read the minimal documentation available, and then download the kit.
Distribute the files of the kit to your Web site; note I chose to use wwwroot/js for the scripts and wwwroot/css for the style sheet file rather then the default file structure of the kit.
Edit your Web page template and add the following just before the closing body tag:


<link type="text/css" rel="stylesheet" href="/css/SyntaxHighlighter.css"></link>
<script language="javascript" src="/js/shCore.js"></script>
<script language="javascript" src="/js/shBrushCSharp.js"></script>
<script language="javascript" src="/js/shBrushXml.js"></script>
<script language="javascript">
dp.SyntaxHighlighter.ClipboardSwf = '/flash/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code');
</script>

Add example code to your page within pre tags, replacing any < or > characters with their html equiv:

<pre name="code" class="c-sharp">
string [] s = {"a", "b", "c"};
for (int i = 0; i < s.Length; i++)
{
    Console.WriteLine(s[i]);
}
</pre>

However, if using integrating with Blogger you may observe some problems - if so check out this article.

Labels: code, html, JavaScript