Problemas con código js

[salva_bxt]

Buenas, tengo este código javascript que en teoria lo que hace es permitir contraer y expandir ciertos elementos en html y tal.

Código:

function featuresHash() {
	var hashValue = window.location.hash.toString().split('#')[1];
	
	if ($("a[name='" + hashValue + "']").length != 0 && hashValue.length != 0) {
		$("a[name='" + hashValue + "']").closest("div.feature-item-content").removeClass("unselected");
		$("a[name='" + hashValue + "']").closest("div.feature-item-content").addClass("selected");
		$("a[name='" + hashValue + "']").closest(".features-item-content").toggle();
		location.hash = '#' + hashValue;
	}
}

$(document).ready(function(){
	$(".features-item-content").hide();
	featuresHash();
	$(".features-item-head").click(function() {
		if($(this).hasClass("unselected")){
			$(this).removeClass("unselected");
			$(this).addClass("selected")
			}else{
			if($(this).hasClass("selected")) {
				$(this).removeClass("selected");
				$(this).addClass("unselected")
			}
		}
		$(this).parent().children(".features-item-content").toggleFadeSlide(300)
	});
	$(".expandall").show();
	$(".expandall span").text("Expand all");
	var a=false;
	$(".expandall span").click(function(){
	if(a==false) {
		$(".features-item-content").hide().toggleFadeSlide(300);
		a=true;
		$(".expandall span").text("Collapse all");
		$(".features-item-head").removeClass("unselected").addClass("selected")
		} 
		else {
		$(".features-item-content").show().toggleFadeSlide(300);
		a=false;
		$(".expandall span").text("Expand all");
		$(".features-item-head").removeClass("selected").addClass("unselected")
	}
});

$("span.feature-collapse").before('<img src="/theme/images/features/sm-arrow-up.gif" alt="Collapse" class="floatleft collapse" />');
	$("span.feature-collapse").show();
	$("span.feature-collapse").click(function() {
	$(this).parent().toggleFadeSlide(300);
	$(this).parent().parent().children(".features-item-head").removeClass("selected").addClass("unselected")
});

$("span.define-gpl").qtip({
	content:"What does this mean? Quite simply, you can use phpBB for whatever purpose you wish provided 1) You keep our copyright in the source and 2) If you distribute the code, it's also released under the GPLv2.",
	style:{
		fontSize:11,
		lineHeight:1.2,
		name:"cream"
	},
	position:{
		corner:{
			target:"topMiddle",
			tooltip:"bottomLeft"
		}
	}
});

$("span.define-hash").qtip({
	content:"Think of hashing as one-way encryption. There's no way to get the original text via decryption, so it's much safer.",
	style:{
		fontSize:11,
		lineHeight:1.2,
		name:"cream"
	},
	position:{
		corner:{
			target:"topMiddle",
			tooltip:"bottomLeft"
		}
	}
});

$("span.define-captcha").qtip({
	content:'CAPTCHA stands for "<strong>C</strong>ompletely <strong>A</strong>utomated <strong>P</strong>ublic <strong>T</strong>uring test to tell <strong>C</strong>omputers and <strong>H</strong>umans <strong>A</strong>part." Weird name, awesomely effective.',
	style:{
		fontSize:11,
		lineHeight:1.2,
		name:"cream"
	},
	position:{
		corner:{
			target:"topMiddle",
			tooltip:"bottomLeft"
		}
	}
});

$("span.define-utf8").qtip({
	content:"UTF-8 stands for Universal Character Set Trasformation Format - 8-bit.",
	style:{
		fontSize:11,
		lineHeight:1.2,
		name:"cream"
	},
	position:{
		corner:{
			target:"topMiddle",
			tooltip:"bottomLeft"
		}
	}
})
});

Sin embargo no se hace ese "efecto" que he comentado, ademas el firebug de firefox me manda todos estos errores

TypeError: $("span.define-gpl").qtip is not a function

tooltip:"bottomLeft"

features_fn.js (línea 68)

TypeError: $(this).parent().children(".features-item-content").toggleFadeSlide is not a function

$(this).parent().children(".features-item-content").toggleFadeSlide(300)

features_fn.js (línea 31)

TypeError: $(this).parent().children(".features-item-content").toggleFadeSlide is not a function

$(this).parent().children(".features-item-content").toggleFadeSlide(300)

features_fn.js (línea 31)

TypeError: $(this).parent().children(".features-item-content").toggleFadeSlide is not a function

$(this).parent().children(".features-item-content").toggleFadeSlide(300)

features_fn.js (línea 31)

TypeError: $(this).parent().children(".features-item-content").toggleFadeSlide is not a function

$(this).parent().children(".features-item-content").toggleFadeSlide(300)

features_fn.js (línea 31)

TypeError: $(this).parent().children(".features-item-content").toggleFadeSlide is not a function

$(this).parent().children(".features-item-content").toggleFadeSlide(300)

features_fn.js (línea 31)

TypeError: $(this).parent().children(".features-item-content").toggleFadeSlide is not a function

$(this).parent().children(".features-item-content").toggleFadeSlide(300)

features_fn.js (línea 31)

TypeError: $(this).parent().children(".features-item-content").toggleFadeSlide is not a function

$(this).parent().children(".features-item-content").toggleFadeSlide(300)

features_fn.js (línea 31)

¿Como podría solucionarlo?¿Necesitariais que pusiera el código html también?

[furoya]

Eso no es javascript, es lenguaje de alguna "librería" que no mencionas y deberías hacerlo antes de pedir el traslado al sub-foro correspondiente.

Por otro lado, ¿seguro estás linkeando bien al archivo de esa "librería"?

Si la consola te da todos esos datos, ya deberías saber cuál es el problema. Justamente para eso están, para que los veas y los corrijas.

Te agradezco que hayas metido el código entre etiquetas de código; aunque no lo creas, algunos novatos (y no tanto) no lo hacen y nos complican la lectura.

Bienvenido al Foro.

[salva_bxt]

Iniciado por furoya

Bienvenido al Foro.

Gracias por la bienvenida

Iniciado por furoya

Eso no es javascript, es lenguaje de alguna "librería" que no mencionas y deberías hacerlo antes de pedir el traslado al sub-foro correspondiente.

Perdona mi ignorancia, pero, hay mucha diferencia entre una cosa y la otra?
¿Quieres decir que sería mejor que estuviera en otro subforo? Si es asi lo siento, pero me pareció que este era el indicado :S

Iniciado por furoya

Por otro lado, ¿seguro estás linkeando bien al archivo de esa "librería"?

Si la consola te da todos esos datos, ya deberías saber cuál es el problema. Justamente para eso están, para que los veas y los corrijas.

Si, lo estoy linkeando bien, hasta ahi llego x_D
Poro otro lado, puede que sea ya obvio que de javascript librerias y tal, se bastante poco, pero por lo que entiendo del error is not a function dice que no es una función, debería de ser una función, o esta como función cuando no debe de serlo? :S

Iniciado por furoya

Te agradezco que hayas metido el código entre etiquetas de código; aunque no lo creas, algunos novatos (y no tanto) no lo hacen y nos complican la lectura.

xD Hay gente para todo

[furoya]

La sintaxis de esos plug-in puede ser muy diferente a JS. Y hay que conocerla.
Me parece que lo tuyo debe ser JQuery, pero no estoy seguro porque no lo conozco.

El subforo está en

http://www.forosdelweb.com/f127/


Si la consola te dice que no encuentra una función, era posible que el link estuviese roto. Por eso te preguntaba.
Y un problema de las "librerías" (nunca me gustó esa traducción) es que hay que conocerlas por si aparece un problema. Las tiene que usar alguien que sea programador, porque es una comodidad, no una necesidad (como pasa con un novato, que no puede escribir el mismo programa por las suyas). Supongo que en casi todos -si no todos- se usa javascript, y hay que entender ese lenguaje para leerlo y "corregirlo" si algo no anda.

¿Al final cuál estás usando? ¿jquery-1.7.2.js?

Debajo de tu nikname hay un ícono de alerta, que sirve para reportar el tema. También se usa para avisarle a los moderadores que el tema está en otro foro, para que lo muevan.

P.D. : Gracias por el +1.

[salva_bxt]

Iniciado por furoya

Debajo de tu nikname hay un ícono de alerta, que sirve para reportar el tema. También se usa para avisarle a los moderadores que el tema está en otro foro, para que lo muevan.

¿Sirve también para eso? xD
Como dice

SOLO debe ser usado para reportar spam, mensajes de propaganda o publicidad, y mensajes problemáticos (ej. insultantes, agresivos, que inicien peleas).

Iniciado por furoya

La sintaxis de esos plug-in puede ser muy diferente a JS. Y hay que conocerla.
Me parece que lo tuyo debe ser JQuery, pero no estoy seguro porque no lo conozco.

Si, también tengo dos archivo mas .js no los puse por que ahi no me mandaba error la consola

Iniciado por furoya

Y un problema de las "librerías" (nunca me gustó esa traducción) es que hay que conocerlas por si aparece un problema. Las tiene que usar alguien que sea programador, porque es una comodidad, no una necesidad (como pasa con un novato, que no puede escribir el mismo programa por las suyas). Supongo que en casi todos -si no todos- se usa javascript, y hay que entender ese lenguaje para leerlo y "corregirlo" si algo no anda

Me lo imagino, yo no es que no este abierto a aprender todo lo contrario me gustaría aprender y no tener que depender (al menos no siempre o casi siempre) de las respuestas de otro para hacer casi cualquier cosa

Iniciado por furoya

¿Al final cuál estás usando? ¿jquery-1.7.2.js?

Si, y me parece que también tengo otro archivo, pero no se si me cofundi y lo subi tmb, pero es de otra cosa, o es necesareo, te pondría el código pero ocupa demasiados caracteres xD
Aunque bueno, es este de aquí http://code.google.com/p/hushnote/source/browse/appengine/lib/jquery.qtip-1.0.0-rc3.js

Sobre lo del +1, lo di por que creo que te lo mereciste, gracias a ti por tu ayuda ;)

[tunait]

Ya trasladé el tema al foro de Frameworks ;)

[quike88]

Hola,

Como te mencionó furoya, el problema lo tienes al enlazar las librerías. Deberías tener algo asi:

Código Javascript:

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript" src="ruta_a_la_libreria/jquery.qtip-1.0.0-rc3.js"></script>
 

Revisa y nos comentas.

Un saludo!

[salva_bxt]

Iniciado por quike88

Hola,

Como te mencionó furoya, el problema lo tienes al enlazar las librerías. Deberías tener algo asi:

Código Javascript:

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript" src="ruta_a_la_libreria/jquery.qtip-1.0.0-rc3.js"></script>
 

Yo tenía puesto esto :S Ahi esta mal? (Son 3 archivos, el features_fn.js es el que me mandaba el error en la consola)

Código:

<script type="text/javascript" src="ruta/jquery-1.7.2.js"></script>
<script type="text/javascript" src="ruta/jquery.qtip-1.0.0-rc3.js"></script>
<script type="text/javascript" src="ruta/features_fn.js"></script>

Ahora acabo de poner

Código:

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript" src="ruta/jquery.qtip-1.0.0-rc3.js"></script>
<script type="text/javascript" src="ruta/features_fn.js"></script>

pero sigue igual, lo que en la ruta la pongo bien, por si pensáis que es eso, pero esta bien, si lo pongo en el navegador sale el archivo (por ejemplo lo tengo en misitio.com/js/ y pongoeso y luego el nombre del archivo tanto en el navegador para verificar que esta bien como en el código)

[dontexplain]

(Son 3 archivos, el features_fn.js es el que me mandaba el error en la consola)

Eso es porque probablemente el script features_fn.js es el que intenta clonar el objeto $ (jquery) y el resto de métodos y propiedades de $ para crear otra instancia del prototipo.

Si el navegador no tiene acceso a un script devuelve un error 404 , pero si tratas de replicar algo que no existe hay un problema serio. Revisa que no tengas duplicado por alguna parte jquery y el otro script.

Un saludo.

[furoya]

Colapso monetario. Si dos "librerías" quieren usar el '$' para sí, hay conflicto de intereses.

¿Es así?. Ni se me había ocurrido.

¿Habrá alguna posibilidad de reemplazar a uno por '@', o cualquier otro caracter que no se repita?. Pregunto porque no tengo idea (quedó claro que acá los que saben son ustedes, y yo estoy de metido).

[dontexplain]

Iniciado por furoya

Colapso monetario. Si dos "librerías" quieren usar el '$' para sí, hay conflicto de intereses.

¿Es así?. Ni se me había ocurrido.

¿Habrá alguna posibilidad de reemplazar a uno por '@', o cualquier otro caracter que no se repita?. Pregunto porque no tengo idea (quedó claro que acá los que saben son ustedes, y yo estoy de metido).

Efectivamente, parece que el objeto $ está siendo modificado.

Pero eso tiene una posible solución, utilizar el método jQuery.noConflict() que devuelve si se desea un nuevo alias para jQuery.

$jq = jQuery.noConflict();
$jq(document).ready(function(){

});

Un saludo.

[salva_bxt]

Vale lo puse así

Código:

	<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script><
script type="text/javascript" src="http://www.nikektv.es/phpbb/js/jquery.qtip-1.0.0-rc3.js"></script><script type="text/javascript">
  var $jq = jQuery.noConflict();
  $jq(document).ready(function(){

/* Functions */
function featuresHash() {
	var hashValue = window.location.hash.toString().split('#')[1];
	
	if ($jq("a[name='" + hashValue + "']").length != 0 && hashValue.length != 0) {
		$jq("a[name='" + hashValue + "']").closest("div.feature-item-content").removeClass("unselected");
		$jq("a[name='" + hashValue + "']").closest("div.feature-item-content").addClass("selected");
		$jq("a[name='" + hashValue + "']").closest(".features-item-content").toggle();
		location.hash = '#' + hashValue;
	}
}

$jq(document).ready(function(){
	$jq(".features-item-content").hide();
	featuresHash();
	$jq(".features-item-head").click(function() {
		if($jq(this).hasClass("unselected")){
			$jq(this).removeClass("unselected");
			$jq(this).addClass("selected")
			}else{
			if($jq(this).hasClass("selected")) {
				$jq(this).removeClass("selected");
				$jq(this).addClass("unselected")
			}
		}
		$jq(this).parent().children(".features-item-content").toggleFadeSlide(300)
	});
	$jq(".expandall").show();
	$jq(".expandall span").text("Expand all");
	var a=false;
	$jq(".expandall span").click(function(){
	if(a==false) {
		$jq(".features-item-content").hide().toggleFadeSlide(300);
		a=true;
		$jq(".expandall span").text("Collapse all");
		$jq(".features-item-head").removeClass("unselected").addClass("selected")
		} 
		else {
		$jq(".features-item-content").show().toggleFadeSlide(300);
		a=false;
		$jq(".expandall span").text("Expand all");
		$jq(".features-item-head").removeClass("selected").addClass("unselected")
	}
});

$jq("span.feature-collapse").before('<img src="http://www.phpbb.com/theme/images/features/sm-arrow-up.gif" alt="Collapse" class="floatleft collapse" />');
	$jq("span.feature-collapse").show();
	$jq("span.feature-collapse").click(function() {
	$jq(this).parent().toggleFadeSlide(300);
	$jq(this).parent().parent().children(".features-item-head").removeClass("selected").addClass("unselected")
});

$jq("span.define-gpl").qtip({
	content:"What does this mean? Quite simply, you can use phpBB for whatever purpose you wish provided 1) You keep our copyright in the source and 2) If you distribute the code, it's also released under the GPLv2.",
	style:{
		fontSize:11,
		lineHeight:1.2,
		name:"cream"
	},
	position:{
		corner:{
			target:"topMiddle",
			tooltip:"bottomLeft"
		}
	}
});

$jq("span.define-hash").qtip({
	content:"Think of hashing as one-way encryption. There's no way to get the original text via decryption, so it's much safer.",
	style:{
		fontSize:11,
		lineHeight:1.2,
		name:"cream"
	},
	position:{
		corner:{
			target:"topMiddle",
			tooltip:"bottomLeft"
		}
	}
});

$jq("span.define-captcha").qtip({
	content:'CAPTCHA stands for "<strong>C</strong>ompletely <strong>A</strong>utomated <strong>P</strong>ublic <strong>T</strong>uring test to tell <strong>C</strong>omputers and <strong>H</strong>umans <strong>A</strong>part." Weird name, awesomely effective.',
	style:{
		fontSize:11,
		lineHeight:1.2,
		name:"cream"
	},
	position:{
		corner:{
			target:"topMiddle",
			tooltip:"bottomLeft"
		}
	}
});

$jq("span.define-utf8").qtip({
	content:"UTF-8 stands for Universal Character Set Trasformation Format - 8-bit.",
	style:{
		fontSize:11,
		lineHeight:1.2,
		name:"cream"
	},
	position:{
		corner:{
			target:"topMiddle",
			tooltip:"bottomLeft"
		}
	}
})
});
  });</script>

Y me manda los siguientes errores

TypeError: $jq(this).parent().children(".features-item-content").toggleFadeSlide is not a function
[Parar en este error]

$jq(this).parent().children(".features-item-content").toggleFadeSlide(300)

index....eatures (línea 413)

TypeError: $jq(this).parent().children(".features-item-content").toggleFadeSlide is not a function
[Parar en este error]

$jq(this).parent().children(".features-item-content").toggleFadeSlide(300)

index....eatures (línea 413)

TypeError: $jq(this).parent().children(".features-item-content").toggleFadeSlide is not a function
[Parar en este error]

$jq(this).parent().children(".features-item-content").toggleFadeSlide(300)

index....eatures (línea 413)

TypeError: $jq(this).parent().children(".features-item-content").toggleFadeSlide is not a function
[Parar en este error]

$jq(this).parent().children(".features-item-content").toggleFadeSlide(300)

index....eatures (línea 413)

TypeError: $jq(this).parent().children(".features-item-content").toggleFadeSlide is not a function
[Parar en este error]

$jq(this).parent().children(".features-item-content").toggleFadeSlide(300)

index....eatures (línea 413)

TypeError: $jq(this).parent().children(".features-item-content").toggleFadeSlide is not a function
[Parar en este error]

$jq(this).parent().children(".features-item-content").toggleFadeSlide(300)

index....eatures (línea 413)

Es decir, que no cambio demasiado, el script sigue sin funcionar, hice mal algo?

[dontexplain]

En la consola de comandos, cuando esté todo cargado, ejecuta el objeto $jq, o sea, escribe $jq y muéstranos qué devuelve.

Un saludo.

[salva_bxt]

Iniciado por dontexplain

En la consola de comandos, cuando esté todo cargado, ejecuta el objeto $jq, o sea, escribe $jq y muéstranos qué devuelve.

Un saludo.

Yo uso firebug (en firefox, o el inspeccionar elemento que trae el chrome) ¿Como se puede hacer eso ahi, o que se usa para hacer eso?
Mire que error me decía el chrome que había, y me manda la misma linea pero otro tipo de error me parece

4Uncaught TypeError: Object [object Object] has no method 'toggleFadeSlide'

(la linea es

Código Javascript:

$jq(this).parent().children(".features-item-content").toggleFadeSlide(300)
 

)
Estuve mirando cosas por un tiempo, y pense que igual era que me faltaba algún archivo o código... y así lo fue
Este era el código que me faltaba

Código:

/* jQuery toggle element, fade, and slide all in one go */
$.fn.toggleFadeSlide = function(duration, easing, callback) {
		return this.animate({
			opacity: 'toggle',
			height: 'toggle'
		},
		duration, easing, callback
		);
	}

el añadi también el jQuery.noConflict(); usando $jq en vez de $ (como en el otro archivo) y ya me funciona el script, muchas gracias a todos por vuestra ayuda