Usted está aquí

Cómo pasar valores desde un fichero PHP a uno JavaScript en Drupal

Escrito por MSc. Miguel Jaeger, 26 de Mayo, del 2016

En los tiempos que corren, cada vez son más las exigencias para nuestros productos en la web. No solo necesitamos jquery para añadirle el dinamismo que requieren las páginas y se vean 100% como la sueñan los analistas, arquitectos de información y diseñadores (Ver Figura 1), sino que existen operaciones que necesariamente debemos hacerlas desde el servidor web, en este caso con PHP.

Figura 1. Forma de acceder a las ofertas en el mapa

La pregunta que seguramente se hacen y que motivó precisamente que escribiera estas líneas es ¿cómo puedo enviar datos desde el fichero .module a nuestro fichero .js?, pues bien, acá les va un pequeño ejemplo.

Seguramente han escuchado hablar de la librería de js jvectormap para la creación de mapas vectoriales; pues bien, ella será nuestro conejillo de indias. Supongan que deseamos pintar un mapa del mundo, y sobre él pintar ciertos puntos en zonas específicas.

Realizamos en nuestro fichero .module las operaciones necesarias para obtener los valores de las coordenadas de los puntos antes mencionados (podemos hacerlo con alguna consulta, o simplemente recorriendo un arreglo, depende como lo hayamos implementado). Una vez obtenido los valores, para enviarlos a nuestro fichero .js, solo tenemos que incluir la siguiente línea de código:

drupal_add_js(array ('modulo' => array('variable' => $valor)), array('type' => 'setting'));

Donde:

Modulo: responde al nombre del módulo donde invoquemos nuestro código.

Variable: es el nombre de la variable que deseemos enviar

Valor: es el valor de dicha variable

Type: “simplemente lo dejamos como está”

Para acceder a estos valores luego desde jquery, lo invocamos en un behaviors como se ilustra a continuación:

(function ($) {

/*

Este código se ejecutará luego de cargar todos los js de nuestro portal, para que no entre en conficto */

Drupal.behaviors.exampleModule = {

        attach: function (context, settings) {

                var ejemplo = eval(Drupal.settings.modulo.variable);

/*

 A partir de acá…. Podemos trabajar desde js con los valores que enviamos desde php, noten que settings, modulo y variable fueron los que enviamos desde php.

*/

}

}

});

Espero que les haya servido de algo…. luego regreso con más tips de soluciones sencillas a problemas comunes que nos encontramos a diario.

eanolug
2019-02-23
[url=http://theprettyguineapig.com/amoxicillin/]Generic Amoxicillin 500 Mg[/url] Buy Amoxicillin http://theprettyguineapig.com/amoxicillin/
aduaulij
2019-02-23
[url=http://theprettyguineapig.com/amoxicillin/]Amoxicillin[/url] Amoxicillin 500mg http://theprettyguineapig.com/amoxicillin/
inejeezaco
2019-02-24
http://theprettyguineapig.com/amoxicillin/ - Buy Amoxicillin Amoxicillin For Sale http://theprettyguineapig.com/amoxicillin/
qecemorekicuy
2019-02-25
[url=http://theprettyguineapig.com/amoxicillin/]Amoxicillin 500mg Capsules For Sale[/url] Buy Amoxicillin http://theprettyguineapig.com/amoxicillin/
adupegefonoq
2019-02-27
[url=http://theprettyguineapig.com/amoxicillin/]Amoxicillin[/url] Amoxicillin 500mg Capsules http://theprettyguineapig.com/amoxicillin/
segadeidorus
2019-02-27
[url=http://theprettyguineapig.com/amoxicillin/]Buy Amoxicillin Online[/url] Amoxicillin http://theprettyguineapig.com/amoxicillin/
akorjuevinu
2019-02-27
[url=http://theprettyguineapig.com/amoxicillin/]Order Amoxicillin 500mg[/url] Buy Amoxicillin http://theprettyguineapig.com/amoxicillin/
uppeluj
2019-03-01
http://theprettyguineapig.com/amoxicillin/ - Amoxicillin 500 Mg Amoxicillin http://theprettyguineapig.com/amoxicillin/
bibeptido
2019-03-02
[url=http://theprettyguineapig.com/amoxicillin/]Buy Amoxicillin[/url] Amoxicillin http://theprettyguineapig.com/amoxicillin/
uoveyeamaku
2019-03-02
Hb; ore.pflp.lombaoestudios.com.ixp.vu immobilised non-rebreathing [URL=http://dockpartsusa.com/online-loans/]payday loans online alberta[/URL] online payday loans illinois http://dockpartsusa.com/online-loans/#online-payday-loans-bc online loans [URL=http://myinxus.com/cialis/]generic cialis at walmart[/URL] cialis http://myinxus.com/cialis/#cialis cialis [URL=http://websolutionsdone.com/cialis/]price of cialis 20mg[/URL] generic cialis in canada http://websolutionsdone.com/cialis/#cialis-brand cialis info [URL=http://websolutionsdone.com/cheap-cialis/]cialis diuretics[/URL] cialis 10mg preis http://websolutionsdone.com/cheap-cialis/#who-makes-cialis buying cialis [URL=http://eatingaftergastricbypass.net/payday-loans-houston-tx/]secured loans bad credit[/URL] easy online payday loans http://eatingaftergastricbypass.net/payday-loans-houston-tx/#payday-loans payday loans embarrassed comprise obtain.

Páginas