[SOLUCIONADO] Usar jquery desde Drupal.

[jeremiselxi]

Buenos días amigos.

Por este medio quiero saber si existe una mejor manera de usar Jquery desde un modulo personalizado.

Cree un modulo llamado exportar jcarousel, el cual para funcionar necesita de este modulo.

Este módulo que diseñé consta de 3 archivos:

1) exportar_carousel.info

Código PHP:

name = Exportar_Carousel
description = modulo para exportar el html del carousel
core = 7.x
version = "7.x-1.0-dev"
package = Jhonatan
 
dependencies[] = jcarousel
 

2) obtener_escript.js

Código Javascript:

jQuery(document).ready(function () {
 //Cambiamos el color del btn limpiar 
 jQuery("#edit-limpiar").removeClass( "btn btn-default" ).addClass( "btn btn-info" );
 
 
 jQuery("#edit-buscar").attr("type", "button");
 jQuery("#edit-limpiar").attr("type", "button");
 
function obtener() {
          /*Ocultamos los contextual_link*/
          //jQuery(".contextual-links-wrapper").hide();
          
          /*Obtenemos el html del carousel y la pasamos a una variable Javascript*/
          var Resultado_HTML= jQuery("#block-views-carousel-block").html();
          
          /*obreescribimos el textarea con el resultado de la variablet*/
          jQuery("#edit-resultado").text(Resultado_HTML);
        
          /*Seleccionamos todo el texto que está en el textarea.*/
          jQuery("#edit-resultado").select();
          
          /*Mostramos los contextual_link*/
         // jQuery(".contextual-links-wrapper").show(); 
  
}
 
function limpiar() {
  jQuery("#edit-resultado").text("");
  
  
}
 
 
//cambiamos la opcion de click del boton buscar   
      jQuery("#edit-buscar").click(function() {
          obtener();
      }); 
  
  
jQuery("#edit-limpiar").click(function() {
      limpiar();
});
  
 
});
 

[jeremiselxi]

y por último el archivo 3) exportar_carousel.module

Código PHP:

<?php 
 
/**
 * @file
 * Functionality for exportar_carousel
 */
 
/**
 * Implements hook_menu().
 */
 
function exportar_carousel_menu(){ 
   $items['exportar_carousel'] = array( 
         'title' => 'Exportar Carousel', 
         'page callback' => 'drupal_get_form', 
         'page arguments' => array('exportar_carousel_form'), 
         'access arguments' => array('exportar_carousel_permisos.'), //Mediante este enlace puedo crear un hook_permission para luego restringir en los permisos este acceso. 
         // 'access callback' => TRUE, //Acceso a todos
         'type' => MENU_NORMAL_ITEM 
  ); 
 
 return $items; 
}; 
 
 
/**
* Implements hook_permission().
*/
function exportar_carousel_permission() {
    return array(
    'exportar_carousel_permisos.' => array(
        'title' => t('exportar_carousel'),
        'restrict access' => true,
        )
    );
}
 
 
//Esta función permite crear una pagina con el form api.
function exportar_carousel_form($form, $form_state){
 
 $form['exportar_carousel_fieldset']['contenedorresultado'] = array( 
 '#title' => t('En esta sección se mostrarán los resultados.'), 
 '#type' => 'fieldset', 
 '#collapsible' => FALSE, //Este permite que se pueda colapsar si esta en true
 '#collapsed' => FALSE,  //Este es para que aparezca colapsado si esta en true.
 
 ); 
 
 
 
 
 
 //textarea query_SQL
 $form['exportar_carousel_fieldset']['contenedorresultado']['resultado'] = array( 
   
 '#title' => t('Código HTML.'), 
 '#description' => t('<strong>Nota:</strong> si no se muestra este script, entonces refresque la página.'), 
 '#type' => 'textarea', 
 
 
 ); 
 
   //Creamos un botón el cual realizará varias funciones. 
$form['exportar_carousel_fieldset']['contenedorresultado']['buscar'] = array( 
  '#type' => 'submit', 
  '#value' => t('Buscar'),
);  
 
 
  //Creamos un botón el cual realizará varias funciones. 
$form['exportar_carousel_fieldset']['contenedorresultado']['limpiar'] = array( 
  '#type' => 'submit', 
  '#value' => t('Limpiar'), 
 
 
);  
 
[B][I]drupal_add_js(drupal_get_path('module', 'exportar_carousel') . '/obtener_escript.js');
[/I][/B]
 return $form;
}
 

Como pudimos ver en el archivo .module está en negrita esta parte:
drupal_add_js(drupal_get_path('module', 'exportar_carousel') . '/obtener_escript.js');


desde aquí estoy llamando a mi archivo .js, pero para funcionar debe estar antes de retornar el $form, de lo contrario no me funciona.

Me gustaría saber como puedo ejecutar un código Jquery desde cualquier parte del archivo .module.

[JustinKO]

No termino de entender qué preguntas.
El módulo crea la página en el servidor y el js se ejecuta en el lado del cliente. No entiendo a qué te refieres con que debe estar antes de retornar el $form, Obviamente al cliente le tiene que llegar el html de la página creado con el módulo y con su js. Si luego el js hace bien su función y te pega dentro del text area ese contenido html del carrousel, ya el resto es cosa del módulo php que esté bien programado o no, no de el js. Seguro que es una obviedad lo que te estoy diciendo y se me escapa algo.
Como te digo no soy un experto programador (ni de lejos), y posiblemente no pueda ayudarte, pero será de ayuda para mí y mi aprendizaje entenderte y participar en tu solución.

Un saludo y gracias

[jeremiselxi]

Iniciado por JustinKO

No termino de entender qué preguntas.
El módulo crea la página en el servidor y el js se ejecuta en el lado del cliente. No entiendo a qué te refieres con que debe estar antes de retornar el $form, Obviamente al cliente le tiene que llegar el html de la página creado con el módulo y con su js. Si luego el js hace bien su función y te pega dentro del text area ese contenido html del carrousel, ya el resto es cosa del módulo php que esté bien programado o no, no de el js. Seguro que es una obviedad lo que te estoy diciendo y se me escapa algo.
Como te digo no soy un experto programador (ni de lejos), y posiblemente no pueda ayudarte, pero será de ayuda para mí y mi aprendizaje entenderte y participar en tu solución.

Un saludo y gracias

Muchas gracias por responderme.

Yo sé hacer módulos para Drupal y me contrataron para que haya un módulo que exporte el HTML de un carousel. Bien, el propósito al principio fue usar el módulo jcarousel y crear un carousel en de tipo block.
Luego pensé, con que sistema web es que puedo obtener el HTML de una página o de alguna sección de la página. En este sentido pensé en usar jQuery porque con pocas líneas de código haces algo como
Var HTML=jQuery (".Clase que quiero tomar el HTML").HTML() hlisto. Ya tengo en una variable el HTML.

En este sentido cree mi módulo con la finalidad que me cargue un archivo JS y me modifique el evento onclick y de esta forma cuando el usuario le de clic al botón, dicho botón ejecute el código HTML y lo ponga dentro del textarea.

Entonces hay una parte del módulo que hice que hace esto:

Código PHP:

//Esta función permite crear una pagina con el form api.
function exportar_carousel_form($form, $form_state){
 ...
 
  //Creamos un botón el cual realizará varias funciones. 
$form['exportar_carousel_fieldset']['contenedorresultado']['limpiar'] = array( 
  '#type' => 'submit', 
  '#value' => t('Limpiar'), 
 
 
);  
 
[B][I]drupal_add_js(drupal_get_path('module', 'exportar_carousel') . '/obtener_escript.js');
[/I][/B]
 return $form;
}
 

Entonces en esta parte que es que creo el formulario HTML pero solo me funciona el archivo JS a tes de retornar el form.

Cualquier cosa, tu puedes crear cualquier módulo Drupal y las dudas las pones aquí y te ayudamos

[JustinKO]

Hola jeremiselxi,

Sí, si entendí el código jQuery y lo que querías hacer con él. Lo que no tengo muy claro es el módulo, qué es lo que hace o pretendes hacer con él.
El jQuery, lo que hace es como si el usuario copiara y pegar el html del carrousel en el text area, y parece correcto, pero hasta aquí el módulo, salvo crear el html de la página y añadir el js a esta, no afecta ni le afecta lo que pase en la página con el jQuery.
Si luego no envías el formulario a ningún sitio ni haces nada con él, porque es lo que me parece que dices ¿para qué ese módulo? con añadir el html y el jQuery es suficiente.
Si lo que quieres es enviar el html del formulario (que creo que no porque has desabilitado los botones para ello) el módulo llevaría un formulario normal y corriente, al que le añades por jQuery el texto con javascript (pero en el lado del cliente, por lo que es indiferente para el formulario).


No sé, creo que no te he entendido o se me está escapando algo.

(Te decía que no soy experto programador, pero sí que programo bastante y me he currado mis módulos de Drupal, eso sí, me tengo que documentar cada vez que hago uno)

Un saludo y gracias.

Por cierto (¿lo has solucionado?)