JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://www.prototypejs.org/assets/2008/1/25/prototype-1.5.1.2.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
JavaScript
jQuery.noConflict(); // restore '$' to Prototype
function log(msg, color) {
var div = document.createElement("div");
div.appendChild(document.createTextNode(msg));
div.style.color = color || "black";
document.body.appendChild(div);
}
log("Loading Prototype " + Prototype.Version + " and jQuery " + jQuery.fn.jquery + " on the same page");
window.onload = function() {
if (window.jQuery && jQuery.fx) {
log("jQuery loaded correctly!", "green");
} else {
log("jQuery failed to load completely.", "red");
}
}
var loadTimer = setTimeout(function() {
log("Prototype load event did not fire, probably due to jQuery conflict.", "red");
}, 5000);
Event.observe(window, "load", function() {
clearTimeout(loadTimer);
log("Prototype load event fired successfully!", "green");
});