Beginning JavaScript with DOM Scripting and Ajax, 2nd Edition

Chapter 11 ■ Using Third-Party JavaScript
jqueryTest.js (continued)
function() {
$(this.parentNode.nextSibling).slideUp('slow');
$(this).html('Show Code');
}
)
}
)
The other case of toggle() in this example uses slideUp() to slowly hide the code example and changes the text
of the link back to “Show Code”.
jQuery also allows for simple Ajax requests. jQuery uses the load(), $.get(), and $.post() methods as
explained at http://api.jquery.com/category/ajax/. For example, if you want to create the PRE elements
and load the real code examples into them when the user clicks a link, this is pretty easy to do. Check the demo
exampleJQueryAjax.html to see the following script in action:
jqueryTestAjax.js
$(document).ready (
function() {
$('a.codeExample').each (
function( i ) {
$(this).after('');
}
)
$('pre.codeExample').hide();
$('a.codeExample').toggle (
function() {
if(!this.old){
this.old = $(this).html();
}
$(this).html('Hide Code');
parseCode(this);
},
function() {
$(this).html(this.old);
$(this.nextSibling).hide();
}
)
function parseCode(o){
if(!o.nextSibling.hascode){
$.get (o.href,
function(code){
code=code.replace(/&/mg,'&');
code=code.replace(//mg,'>');
code=code.replace(/\"/mg,'"');
code=code.replace(/\r?\n/g,'');
code=code.replace(//g,'');
326
www.it-ebooks.info