[SOLUCIONADO] Llamar a una función - ReferenceError: Can't find variable

[rpm32]

Hola

Estoy implementando en una web Joomla unas gráficas de Higcharts, y todo lo tengo ya listo, salvo que cuando quiero quiero llamar a la función getAjaxDatat me dice el error ReferenceError: Can't find variable: getAjaxDatat

Código:

jQuery(function () {
		getAjaxDatat(24);
		jQuery('#data-temp').change(function(){
            var val = jQuery('#data-temp').val();
			getAjaxDatat(val);
        });
        
		jQuery(function getAjaxDatat(id){
			jQuery.getJSON('data-temp.php', {id: id}, jQuery(function(chartData) {
				Highcharts.setOptions({
					lang: {
						contextButtonTitle: 'Opciones',
					}
				});

[diurno10]

Pregunta, porque haces esto ? jQuery(function getAjaxDatat(id){
No podes hacerlo asi?

Código Javascript:

jQuery(function () {
 
    function getAjaxDatat(id){
        jQuery.getJSON('data-temp.php', {id: id}, jQuery(function(chartData) {
            Highcharts.setOptions({
                lang: {
                contextButtonTitle: 'Opciones',
                }
            });
        })
    }   
    
 
    getAjaxDatat(24);
    jQuery('#data-temp').change(function(){
        var val = jQuery('#data-temp').val();
        getAjaxDatat(val);
    });
    
});
 

[rpm32]

¿Ponerlo después? Da igual, sigue saliendo el mismo error, pero lineas mas abajo. El problema está en la declaración al llamar a la función que no es así, y no se realmente que hay que poner

[diurno10]

Tenes el sitio on line? para poder reproducir el error

[rpm32]

el que no está incrustado en joomla si:

www.renuncio.com/beta2

[moginn]

has probado de poner el código de jquery dentro de $(document).ready ?

[diurno10]

no lo probaste como yo te lo pase, es decir asi:

Código Javascript:

[B]function getAjaxDatat(id){
        jQuery.getJSON('data-temp.php', {id: id}, jQuery(function(chartData) {
            Highcharts.setOptions({
                lang: {
                contextButtonTitle: 'Opciones',
                }
            });
        })
    }   [/B]
 

y no asi

Código Javascript:

jQuery(function getAjaxDatat(id){
 

Asi, le estas diciendo q llame a un metodo dentro de jquery llamado getAjaxDatat, pero este no existe.
Probalo y me avisas.

[diurno10]

En esta linea tambien te va a dar error

jQuery.getJSON('data-temp.php', {id: id}, jQuery(function(chartData) {

[rpm32]

diurno10 de esa forma no funciona tampoco

en www.renuncio.com/beta1/meteorologia/meteorologia-actual se puede ver integrado con joomla.

El código original y que me funcionaba era este:

Código:

$(function () {
		
	getAjaxDatat(24);
        
	$('#data-hume').change(function(){
            var val = $('#data-hume').val();
			getAjaxDatat(val);
        });
		
		function getAjaxDatat(id){		
			$.getJSON('data-hume.php', {id: id}, function(chartData) {
				Highcharts.setOptions({
					lang: {
						contextButtonTitle: 'Opciones',
					}
				});
				$('#container-hume').highcharts({

Pero al meterlo en joomla para que no hubiera conflictos, tuve que reemplazar los $ por jQuery

Código:

jQuery(function () {
	getAjaxDatat(24);
	jQuery('#data-hume').change(function(){
            var val = jQuery('#data-hume').val();
			getAjaxDatat(val);
        });
        
		jQuery(function getAjaxDatat(id){
			jQuery.getJSON('data-hume.php', {id: id}, jQuery(function(chartData) {
				Highcharts.setOptions({
					lang: {
						contextButtonTitle: 'Opciones',
					}
				});
				jQuery('#container-hume').highcharts({

[diurno10]

Estamos de acuerdo con lo que haces para que no entre en conflicto la libreria, es mas, es una buena practica manejarlo asi, pero lo que quiero que me expliques es por que haces esto?

jQuery(function getAjaxDatat(id){

y no esto

function getAjaxDatat(id){

Ahhh y no olvides en javascript las funciones se declaran antes de utilizarlas, es decir:

function getData(param){

}

getData(5);

[rpm32]

Pues porque como sin ello me daba error, y probé a ver si así no había error.

jQuery(function () {

function getAjaxDatat(id){};
getAjaxDatat(24);
jQuery('#data-temp').change(function(){
var val = jQuery('#data-temp').val();
getAjaxDatat(val);
});

function getAjaxDatat(id){
jQuery.getJSON('data-temp.php', {id: id}, function(chartData) {
Highcharts.setOptions({
lang: {
contextButtonTitle: 'Opciones',
}
});
jQuery('#container-temp').highcharts({

Estando así, me funciona fuera de joomla, dentro de joomla me sigue dando error. Imagino que hay algún conflicto pero estoy desesperado porque no lo veo.

[rpm32]

Bueno, pues por fin, lo conseguí :

jQuery(function () {

function getAjaxDatat(id){};
getAjaxDatat(24);

jQuery('#data-temp').change(function(){
var val =jQuery ('#data-temp').val();
getAjaxDatat(val);
});
function getAjaxDatat(id){
jQuery.getJSON('data-temp.php', {id: id}, function(chartData){

Gracias por las respuestas