Salve a tutti, sono nuova nel forum :D
Sono alle prese con drupal (5.x) da poco e sto cercando di capire le funzionalità di jQuery, poichè voglio realizzare una pagina in cui ci sono dei blocchi che si possono spostare con il drag and drop.
Ho creato un semplice file .js con l'istruzione
$(document).ready(function(){
$("div.classe-del-div").draggable();
});E all'interno del mio modulo ho inserito il seguente codice
<?php
drupal_add_js(path_to_theme().'/draganddrop/mioscript.js', NULL, 'header');
drupal_add_js('sites/all/modules/jquery_ui/ui/ui.draggable.js', NULL, 'header');
?>Ma non succede nulla. Ho provato a copiare vari script con metodi della libreria di jQuery UI, ma niente. Per la cronaca, se uso i metodi di jQuery, non ho nessun problema. Cosa mi sfugge?
Grazie per l'eventuale risposta :D
Controlla gli errori javascript. Per lo sviluppo con jquery è un ottimo ausilio l'utilizzo di firefox con firebug (http://getfirebug.com/)
La mia idea è che non stai includendo tutti i files della libreria jquery...
Grazie mille per il consiglio! Davvero utilissimo! :)
Ho dimenticato di dire che ho installato sia il modulo jquery_update, jquery_ui e jquery_plugins.
Dunque gli errori dalla console di firebug sono i seguenti:
$.ui is undefined
http://localhost/drupal/sites/all/modules/jquery_ui/ui/ui.draggable.js
$.widget("ui.draggable", $.extend({}, $.ui.mouse, {\r\n
$("div.widget-place").draggable is not a function
mioscript.js
$("div.classe-del-div").draggable();\r\n
capisco il secondo errore.... ma il primo?
Grazie ancora :D
Sto facendo diverse prove, e purtroppo non ne sto venendo a capo!
Allora, io vorrei riprodurre questo esempio riportato nella sezione demo di jqueryui.com
L'ho testato su una pagina html e non ho nessun problema. Ora, per integrare il tutto nella pagina del mio modulo drupal, ho fatto così:
drupal_add_js('modules/jquery_ui/jquery.ui/ui/ui.sortable.js', NULL, 'header');drupal_add_js('modules/jquery_ui/jquery.ui/ui/ui.core.js', NULL, 'header');
drupal_add_js(path_to_theme().'/draganddrop/mioscript.js', NULL, 'header');
e nel file mioscript.js:
$(document).ready(function(){$("#sortable").sortable();
$("#sortable").disableSelection();
});
E firebug mi restituisce l'errore:
$.ui is undefined$.widget("ui.sortable", $.extend({}, $.ui.mouse, {\n
Come mai? Dov'è il problema?
Ho risolto il problema usando
jquery_ui_add('ui.sortable', NULL, 'header');jquery_ui_add('ui.core', NULL, 'header');
invece di
drupal_add_js('modules/jquery_ui/jquery.ui/ui/ui.sortable.js', NULL, 'header');drupal_add_js('modules/jquery_ui/jquery.ui/ui/ui.core.js', NULL, 'header');
:D