Carregar biblioteca Javascript

hesmarjassi · Janeiro 22, 2016

Pessoal ao carregar minha biblioteca dá o erro:

Uncaught ReferenceError: load is not defined

Dá o erro se eu carregar assim:

<script src="https://code.jquery.com/jquery-1.11.3.js"></script>

ou se eu baixar o arquivo e carregar assim:

<script type='text/javascript' rel='stylesheet' src='jquery-1.11.3.js'></script>

Se ajudar o meu arquivo index.html está assim:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<html>

	<head>

		<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />	

		<script type='text/javascript' rel='stylesheet' src='o.js'></script>
		
		<script src='https://code.jquery.com/jquery-1.11.3.js'></script>

		
 	</head>

	<body>	

		<div class='centralizar'>

		<div class='cab'>Bloquear Horario da Baia</div>

		<div class='menu' id='menu'></div>

		<div class='main' id='main'></div>

		</div>

	</body>

</html>

Alguém tem idéia do pq ??

andrealoisio · Janeiro 22, 2016

Aparentemente o erro está no arquivo o.js

Criei um arquivo aqui retirando somente a linha

E não apresentou erro, "... is not defined" geralmente é uma variável sendo comparada sem ter sido declarada

hesmarjassi · Janeiro 22, 2016

Eu tirei o arquivo o.js pra testar e aí ele não dá erro, mas não carrega a página, ele deve estar dando algum tipo de conflito com o arquivo:

<script src='https://code.jquery.com/jquery-1.11.3.js'></script>

Olha quando eu simplesmente carrego a página aparece essa mensagem:

Refused to set unsafe header "User-Agent"

E quando eu clico no erro: Uncaught ReferenceError: load is not defined

Aparece assim:

(anonymous function)
onclick

Não sei se está relacionado ao javascript que quero executar, que no caso é esse:

<script language="javascript" type="text/javascript">
		
	$( document ).ready(function() {
	    alert(1);
		$('#selectAll').click(function(){
			if ($(this).prop("checked")) {
				$('#checar').text('Desmarcar todos');
				$('.marcar').prop("checked", true); 
			}
			else{
				$('#checar').text('Marcar todos');
				$('.marcar').prop("checked", false);
			}
		});
	});
		
	</script>

Ou o q tem no arquivo o.js que é esse :

var Class, Pack, Js, Css, $, Popup, Url,Events;

;(function o(){

	Class = {

		create : function( PROTO, CREATE_PARAMS ){

			var p = function(){};

			p.prototype = PROTO;

			var n = new p();

			if( n.create )

				n.create( CREATE_PARAMS );

			return n;

		}

	};

	Doc = {

		ready : function( scopeToRun ){

			document.onreadystatechange = function(){

				if( document.readyState != 'complete')return;

				else{

					scopeToRun();

				};

			};		

		},

		memo : {

			tempList : []

		},

		$ : function(){

			return document.getElementById(arguments[0]);

		},

		load : function( params ){

			axLoad = Class.create( Ajax );

			if( params.evt ){

				if( typeof(params.evt.beforeLoad)=='function' )

					params.evt.beforeLoad();

			};	

			axLoad.process(Doc.$(params.receiver),params.url,params.query).ready(function(){

				if( params.evt ){

					if( typeof(params.evt.afterLoad)=='function' ){

						params.evt.afterLoad();

					}

				};

			});			

		},

		pTypeof : function(){

			entity = arguments[0];

			if (entity === null) return "null";  

			else if (entity === undefined) return "undefined";  

			else {  

				switch (Object.prototype.toString.call(entity)) {  

					case "[object Array]": return "array";  

					case "[object Object]":default: return "object";  

					case "[object Number]": return "number";  

					case "[object Function]": return "function";  

					case "[object String]": return "string";  

					case "[object Boolean]": return "boolean";  

				}  

			}  		

		},

		json : {

			encode : function(){

				var _o = arguments[0];

				var a = [], t;

				for(var p in _o){

					if(_o.hasOwnProperty(p)){

						t = _o[p];

						if(t && typeof t == "object"){

							if( Doc.pTypeof(p)=="array" )

								a[a.length]= "\"" + p + "\":[ " + arguments.callee(t).join(", ") + "]";

							else

								a[a.length]= "\"" + p + "\":{ " + arguments.callee(t).join(", ") + "}";

						}

						else {

							if(typeof t == "string"){

							

								a[a.length] = "\"" + p+ "\": \"" + t.toString() + "\"";

							}

							else{

								a[a.length] = "\"" + p+ "\": " + t.toString();

							}

						}

					}

				}

				return a;

			}

		}

	};

	Pack = {

		cssHash : [],

		jsHash  : [],

		Css : {

			load : function(arqs){

				var i = 0, total = arqs.length, scpt;

				var head  = document.getElementsByTagName("head")[0];		

				for(var x=0;x<total;x++){

					var url = 'layouts/1024/' + arqs[ x ];	

					if( !Pack.cssHash[ url ] ){

						Pack.cssHash[ url ] = Pack.cssHash.length++;

						var link = document.createElement("link");

						link.setAttribute('type','text/css');

						link.setAttribute('href', url);

						link.setAttribute('rel','stylesheet');

						head.appendChild(link);	

						head.onreadystatechange = function(){

							if( head.readyState != 'complete' ) return;

						};

					};

				};			

			},

			unload : function(arqs){

				var i = 0, total = arqs.length-1, scpt;

				var head  = document.getElementsByTagName("head")[0];		

				var links = document.getElementsByTagName("link");

				var tLink = links.length - 1;

				for(var x=total;x>=0;x--){

					var url = 'layouts/1024' + '/' + arqs[ x ];	

					for(var y=tLink;y>=0;y--){

						if( Pack.cssHash[ url ] && links[ y ].href==url ){				

							Pack.cssHash[ url ] = null;

							head.removeChild( links[ y ] );	

							return;

						};

					};

				};			

			}

		},

		Js : {

			load : function(arqs){

				var i = 0, total = arqs.length, scpt, last;

				var head  = document.getElementsByTagName("head")[0];

				var url = 'js/' + arqs[ i ];

				for( i ; i < total ; i++ ){

					if(!Pack.jsHash[ url ])					

						Pack.jsHash[ url ] = Pack.jsHash.length++;

					scpt = document.createElement("script");

					scpt.setAttribute('type','text/javascript');

					scpt.setAttribute('src', url);

					head.appendChild(scpt);

				};		

			}

		}

	};

	Ajax = {

		isProcessing : null,

		'*me': null,

		xhr : null,

		waitMsg : '',

		pReceiver : null,

		ie : ['Microsoft.XMLHTTP','Msxml.XMLHTTP','Msxml2.XMLHTTP'],

		create : function(){

			this['*me'] = this;

			var tmp, i;

			for(i=0; i < this.ie.length; i++){

				try{

					tmp = new ActiveXObject(this.ie[i]);

					if(tmp) break;

				}catch(e){

					tmp = new XMLHttpRequest();

				};

			};

			if(!tmp)tmp = new XMLHttpRequest();

			this.xhr = tmp;

		},

		ready : function( scopeToRun ){

			var self = this;

			this.xhr.onreadystatechange = function(){

				if( self.pReceiver ) self.pReceiver.innerHTML = self.waitMsg;

				if (self.xhr.readyState != 4) return;

				if (self.xhr.status != 200 && self.xhr.status != 304) return;

				if( self.pReceiver ){

					if( self.pReceiver.innerHTML = self.xhr.responseText)

						self.pReceiver.innerHTML = self.xhr.responseText;

					else if( self.pReceiver.value = self.xhr.responseText );

						self.pReceiver.value = self.xhr.responseText;

				};

				self.resultString = self.xhr.responseText;

				self.isProcessing = false;

				if( scopeToRun ) scopeToRun();

			};

		},

		process : function( receiver, url, query ){

			this.pReceiver = receiver;

			this.isProcessing = true;

			this.xhr.open("GET", url+'?'+query, true);

			this.xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');					

			this.xhr.setRequestHeader('User-Agent','XMLHTTP/1.0');

			this.ready();

			this.xhr.send();

			return this;

		},

		processXML : function( urlXML ){

			var self = this;

			self.isProcessing = true;

			self.xhr.open("GET", urlXML, false);		

			self.xhr.send();			

			return self.xhr.responseXML;			

		},

		IM : {

			selfParams : undefined,

			frame : function(){

				var params = this.selfParams;

				var rid = 'f' + Math.floor(Math.random() *  99999);

				var div = document.createElement('DIV');

				div.id = 'd' + rid;

				div.innerHTML = '<iframe style="display:none;" src="about:blank" id="'+rid+'" name="'+rid+'" onload="Ajax.IM.loaded(\''+rid+'\')" ></iframe>';

				document.body.appendChild(div);

				var i = document.getElementById(rid);

				if( params.events && typeof(params.events.onComplete) == 'function' ){

					i.onComplete = params.events.onComplete;

				};			

				params.sender.setAttribute('target',rid);			

			},

			submit : function( params ){

				this.selfParams = params;

				Ajax.IM.frame();

				if( params.events ){

					if( typeof(params.events.onStart.onStart) == 'function' ){

						return params.events.onStart.onStart();

					};

				}else{

					return true;

				};

			},

			loaded : function( id ){

				var i = document.getElementById( id );

				var div = document.getElementById( 'd'+id );

				if (i.contentDocument) {

					var d = i.contentDocument;

				} else if (i.contentWindow) {

					var d = i.contentWindow.document;

				} else {

					var d = window.frames[id].document;

				};

				if( d.location.href == 'about:blank' ){

					return;

				};

				this.response( d.body.innerHTML );

				document.body.removeChild( div );

			},

			response : function( resp ){	

				Doc.$(this.selfParams.receiver).innerHTML = resp;

			}

		},

		result : function( url, query ){

			var self = this;

			this.isProcessing = true;

			this.xhr.open("GET", url+'?'+query, true);

			this.xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');					

			this.xhr.setRequestHeader('User-Agent','XMLHTTP/1.0');

			this.ready();

			this.xhr.send();

			return this;

		}

	};

	Url = {

		create : function(){},

		encode : function (string) {

			return escape(this._utf8_encode(string));

		},

		decode : function (string) {

			return this._utf8_decode(unescape(string));

		},

		_utf8_encode : function (string) {

			string = string.replace(/\r\n/g,"\n");

			var utftext = "";

			for (var n = 0; n < string.length; n++) {

	 

				var c = string.charCodeAt(n);

	 

				if (c < 128) {

					utftext += String.fromCharCode(c);

				}

				else if((c > 127) && (c < 2048)) {

					utftext += String.fromCharCode((c >> 6) | 192);

					utftext += String.fromCharCode((c & 63) | 128);

				}

				else {

					utftext += String.fromCharCode((c >> 12) | 224);

					utftext += String.fromCharCode(((c >> 6) & 63) | 128);

					utftext += String.fromCharCode((c & 63) | 128);

				}

	 

			}

			return utftext;

		},

		_utf8_decode : function (utftext) {

			var string = "";

			var i = 0;

			var c = c1 = c2 = 0;

			while ( i < utftext.length ) {

				c = utftext.charCodeAt(i);

				if (c < 128) {

					string += String.fromCharCode(c);

					i++;

				}

				else if((c > 191) && (c < 224)) {

					c2 = utftext.charCodeAt(i+1);

					string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));

					i += 2;

				}

				else {

					c2 = utftext.charCodeAt(i+1);

					c3 = utftext.charCodeAt(i+2);

					string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));

					i += 3;

				}

			}

			return string.replace(/["+"]/gi," ");

		}

	};

	$ = function( id ){

		var oTmp = document.getElementById( id );

		oTmp.normalize = function(){

			return this;

		};

		return oTmp;

	};

	Px = {

		create : function(){



		},

		timer : 0,

		linear : function( oParams ){

			var self = this;

			var oTarg = $(oParams.id);

			if( !oTarg.style[oParams.property] )oTarg.style[oParams.property] ='0'+oParams.un;

			var ini = (new Date).getTime(), dur = oParams.duration, end = ini+dur;

			if( self.timer ) clearInterval( self.timer );

			self.timer = setInterval(function(){

				var now = (new Date).getTime(), dif = (now>end)?1:(now-ini)/dur;

				v = parseFloat(oTarg.style[oParams.property]);

				oTarg.style[oParams.property] = v + ((oParams.to - v)*dif) + oParams.un;

				if(now>end) clearInterval(self.timer);

			},oParams.fps);	

		},

		circular : function(){

			var self = this;

			var oTarg = $(oParams.id);

			if( !oTarg.style[oParams.property] )oTarg.style[oParams.property] ='0'+oParams.un;

			var ini = (new Date).getTime(), dur = oParams.duration, end = ini+dur;

			if( self.timer ) clearInterval( self.timer );

			var parts = 360 / 6;

			var angle = Math.PI*parts/180;

			var raio = 20;

			var arc = parseFloat(Math.cos(angle)*raio);

			var pIni = parseFloat(oTarg.style[oParams.property]); 

			var pFim = pIni + arc;

			alert( pIni +' '+ arc );

			self.timer = setInterval(function(){

				var now = (new Date).getTime(), dif = (now>end)?1:(now-ini)/dur;

				v = parseFloat(oTarg.style[oParams.property]);

				oTarg.style[oParams.property] = v + ((pFim - v)*dif) + oParams.un;//v + ((oParams.to - v)*dif) + oParams.un;

				if(now>end) clearInterval(self.timer);

			},oParams.fps);		

		},

		dragNdrop : {

			obj_ : undefined,

			iMouseX : undefined,

			iMouseY : undefined,

			startX : undefined,

			startY : undefined,

			start : function(obj){

				obj.onmousedown = this.startDragMouse;

				this.obj_ = obj;

			},

			startDragMouse : function(e){

				Px.dragNdrop.startDrag(Px.dragNdrop.obj_);

				var evt = e || window.event;

				Px.dragNdrop.iMouseX = evt.clientX;

				Px.dragNdrop.iMouseY = evt.clientY;

				Events.add(document,'mousemove',Px.dragNdrop.drag);

				Events.add(document,'mouseup',Px.dragNdrop.drop);

				return false;

			},

			startDrag : function(obj){

				if(this.obj_)

					Px.dragNdrop.drop();

				this.startX = obj.offsetLeft;

				this.startY = obj.offsetTop;

				this.obj_ = obj;

			},

			drag : function(e){

				var evt = e || window.event;

				var x = evt.clientX - Px.dragNdrop.iMouseX;

				var y = evt.clientY - Px.dragNdrop.iMouseY;

				Px.dragNdrop.setPosition(x,y);

				return false;

			},

			setPosition : function(x,y){

				if( this.startY && this.obj_ ){

					this.obj_.style.left = this.startX + x + 'px';

					this.obj_.style.top = this.startY + y + 'px';

				};

			},

			drop : function(){

				Events.remove(document,'mousemove',Px.dragNdrop.drag);

				Events.remove(document,'mouseup',Px.dragNdrop.drop);

				$(Px.dragNdrop.obj_.id).onmousedown = '';

				this.obj_ = null;

			}

			

		}

	};

	Query = {

		create : function(){

		

		},

		receiver : 'bdresp',

		url : 'server/php/bd.php',

		config : function( receiver_, url_ ){

			this.receiver = receiver_;

			this.url = url_;

			return this;

		},

		send : function( sql, XMLValidator, events ){

			if( events && events.beforeValidate ){

				events.beforeValidate();

			};

			if( XMLValidator ){

				if( !this.validate( XMLValidator ) ){

					return;

				};

			};

			if( events && events.afterValidate ){

				events.afterValidate();

			};

			if( events && events.beforeSend ){

				events.beforeSend();

			};

			var axQuery = Class.create( Ajax );

			var str = Url.decode( sql ).replace(/["+"]/gi," ");

			var qry = 'sql='+str;

			axQuery.process($(this.receiver),this.url,qry);

			if( events && events.afterSend ){

				events.afterSend();

			};

		},

		validate : function( XMLValidator ){

			var axValidator = Class.create( Ajax );

			var xml = axValidator.processXML( 'xml/' + XMLValidator );

			if( XMLValidator && xml ){

				for( i = 1; i<xml.childNodes.length; i++){

					for( j = 0; j<xml.childNodes[i].childNodes.length; j++){

						var regra = eval( xml.getElementsByTagName("valores")[ j ].childNodes[0].nodeValue );

						var vazio = eval( xml.getElementsByTagName("vazio")[ j ].childNodes[0].nodeValue );

						var fieldID = xml.getElementsByTagName("campo")[ j ].attributes[0].value;

						var fieldLabel = xml.getElementsByTagName("label")[ j ].childNodes[0].nodeValue;

						var idx = $( fieldID ).value.search( regra );

						if( !vazio && !$( fieldID ).value ){

							alert('O campo ' + fieldLabel + ' não pode estar vazio.');

							return false;	

						}else if( idx > -1 ){

							alert('O campo ' + fieldLabel + ' contém caracteres inválidos.');

							return false;

						};			

					};		

				};

			};

			return true;

		},

		jsCallback : function( params ){

			if( params.query )

				jquery = 'query={'+Doc.json.encode(params.query)+'}';

			else

				jquery = '';

			axCheck = Class.create( Ajax );

			axCheck.result( params.url, jquery ).ready(function(){

				//alert(axCheck.resultString);

				eval(axCheck.resultString);

			});		

		},

		getContent : function( params ){

			if( params.events && params.events.beforeLoad && Doc.pTypeof(params.events.beforeLoad) == 'function' ){

				params.events.beforeLoad();

			};		

			if( params.cssFiles )

				Pack.Css.load( params.cssFiles );

			if( params.query )

				jquery = 'query={'+Doc.json.encode(params.query)+'}';

			else

				jquery = '';

			axCheck = Class.create( Ajax );

			var result = axCheck.waitResult( params.url, jquery );

			if( params.events &&  params.events.afterLoad && Doc.pTypeof(params.events.afterLoad) == 'function' ){

				params.events.afterLoad();

			};	

			return (result) ? result : '';

		}

	};

	Popup = {

		prefix : null,

		phpFile: null,

		create : function( prefix, query ){

			if( prefix != this.prefix && this.prefix)

				this.close();

			this.prefix = prefix;

			this.phpFile = prefix.replace(/["'"]/gi,"");

			Pack.Css.load([this.phpFile+'.css']);

			var axPopup = Class.create( Ajax );	

			if( !query ) query = '';

			axPopup.process( $('popuptmp'), 'server/php/'+this.phpFile+'.php', query );

		},

		close : function(){

			$('popuptmp').innerHTML = '';

			Pack.Css.unload([this.phpFile+'.css']);				

		},

		response : function( hash ){

			var x = hash.length;

			for(var i = 0; i < x; i++){

				var y = hash[ i ].length;

				for(var j = 0; j < y-1; j++){

					var ob = hash[ i ][ j ].replace(/["'"]/gi,"");

					var vl = hash[ i ][ j + 1 ].replace(/["'"]/gi,"");

					if( $( ob ).innerHTML ) 

						$( ob ).innerHTML = vl;

					else 

						$( ob ).value = vl;

				};

			};

			this.close();			

		}

	};

	Events = {

		create : function(){

			

		},

		add : function( obj,evt,fn ){

			if (obj.addEventListener)

				obj.addEventListener(evt,fn,false);

			else if (obj.attachEvent)

				obj.attachEvent('on'+evt,fn);			

		},

		remove : function(obj,evt,fn){

			if (obj.removeEventListener)

				obj.removeEventListener(evt,fn,false);

			else if (obj.detachEvent){

				obj.detachEvent('on'+evt,fn);	

			};

		}

	};

	Validator = {

		check : function( url, query ){

			axCheck = Class.create( Ajax );

			axCheck.result( url, query ).ready(function(){

				eval(axCheck.resultString);

			});

		}

	};

	Mouse = {

		x : function( evt ){

			var e = evt || window.event;

			var pos = null;

			if (e.pageX) 

				pos = e.pageX;

			else if (e.clientX)

			   pos = e.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft :  document.body.scrollLeft);

			else if (e.x)

			   pos = e.x + document.body.scrollLeft;

			else return pos;

			return pos;

		},

		y : function( evt ){

			var e = evt || window.event;

			var pos = null;

			if (e.pageY) 

				pos = e.pageY;

			else if (e.clientY)

			   pos = e.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);

			else if (e.y)

			   pos = e.y + document.body.scrollTop;

			else return pos;

			return pos;

		}

	};

})();

Doc.ready(function(){	

	Pack.Css.load(['index.css']);

	Pack.Js.load(['bloqueio.js']);

});

????

William Bruno · Janeiro 24, 2016

Pra que serve esse o.js? porque você quer carregar ele? quem fez?

O seu código não parece usar nada dele.

hesmarjassi · Janeiro 25, 2016

Opa Bruno, não sei quem fez, quando cheguei aqui ele já estava e todo lugar tem ele, deixei de carregar ele em um momento pra teste e aí a página não carrega, tenho a impressão q está relacionado ao css, não sei se algo mais. O problema é ele impedir minha biblioteca de carregar , pq faz isso ???

hesmarjassi · Janeiro 25, 2016

Fiz o teste alterando a ordem de carregamento do html , deixando assim:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<html>

	<head>

		<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />	
		
		<script type='text/javascript' rel='stylesheet' src='jquery-1.11.3.js'></script>

		<script type='text/javascript' rel='stylesheet' src='o.js'></script>
		
		
		
 	</head>

	<body>	

		<div class='centralizar'>

		<div class='cab'>Bloquear Horario da Baia</div>

		<div class='menu' id='menu'></div>

		<div class='main' id='main'></div>

		</div>

	</body>

</html>

mas continua dando o erro: Uncaught ReferenceError: load is not defined

Entrar

Arquivado

Carregar biblioteca Javascript

Recommended Posts

hesmarjassi 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

andrealoisio 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

hesmarjassi 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

hesmarjassi 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

hesmarjassi 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

PHP+Codeigniter - Ajuda en NFePhp para Sistema

PHP+Codeigniter - Teclas para Salvar (atalho)

Javascript - Passar Parâmetros para uma Função.

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante