Salve a tutti. Nonostante abbia ripreso abbastanza fedelmente un codice JavaScript già pronto per fare il drag&drop e riadattato alla mia necessità, questa non vuole funzionarmi in nessun modo, e vorrei capirne il motivo. Il codice che posterò riguarda una porzione di pagina dove nella sezione dei contenuti ho un div (show2) che contiene una navigazione a tabs che contiene le immagini di tutti gli esercizi che un istruttore può assegnare ad un cliente di una palestra. Ogni tab corrisponde a un gruppo muscolare. Al di sotto vi è un altro div (show3) che conterrà un'altra navigazione a tabs dove ogni tab corrisponde a un giorno di allenamento e contiene una tabella che si dovrà genererare a blocchi dinamicamente (ma questo lo vedrò dopo) dove ogni blocco conterrà tutte le informazoni di un esercizio.
Questo è blocco è formato da 2 righe e la prima cella della seconda riga è quella che dovrà ricevere l'immagine draggata nel div show2 (ovvero l'immagine dell'esercizio scelto dall'istruttore da mettere in quel giorno di allnemento)...Spero sia stata chiara questa introduzione adesso posto il codice:
Infine vorrei capire se c'è e qual'è la differenze tra le librerie tipo js/jquery-1.3.2.js e js/jquery-1.3.2.min.js.. Grazie a tutti per l'attenzione.codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="style2.css" rel="stylesheet" type="text/css" /> <link href="widget.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/jquery-ui-1.7.custom.min.js"></script> <script type="text/javascript"> $(function(){ // Tabs $('#tabs').tabs(); //Stati hover sui widget statici $('#dialog_link, ul#icons li').hover( function() { $(this).addClass('ui-state-hover'); }, function() { $(this).removeClass('ui-state-hover'); } ); }); </script> <script type="text/javascript"> $(function(){ // Tabs $('#tabs2').tabs(); //Stati hover sui widget statici $('#dialog_link, ul#icons li').hover( function() { $(this).addClass('ui-state-hover'); }, function() { $(this).removeClass('ui-state-hover'); } ); }); </script> <script type="text/javascript" src="js/hovercolonna.js"></script> <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js" ></script> <script type="text/javascript" src="js/cufon-yui.js"></script> <script type="text/javascript" src="js/arial.js"></script> <script type="text/javascript" src="js/cuf_run.js"></script> <script src="js/jquery-1.3.2.js"></script> <script src="js/jquery.ui.core.js"></script> <script src="js/jquery.ui.draggable.js"></script> <script src="js/jquery.ui.droppable.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".oggetti").draggable( {helper: 'clone'} ); $(".contenitore").droppable({ accept: ".oggetti", hoverClass: 'contenitore_hover', tolerance: 'pointer', drop: function(event, ui) { var ImmagineDroppata = ui.draggable.html(); $(this).append(ImmagineDroppata); }); </script> <title>Prepara la scheda</title> </head> <body> <% String ID = (String)session.getAttribute("id"); String Qualifica = (String)session.getAttribute("qualifica"); if ((ID!= null)&&(Qualifica.equals("Istruttore"))){ %> <%@page import="utilita.cliente"%> <%@page import="utilita.scheda"%> <%@page import="utilita.esercizio"%> <%@page import="java.util.*"%> <div class="main"> <div class="header"> <div class="header_resize"> <div class="logo"> <h1 id="special"><span>Energy</span> Club Enjoy your fitness !</h1> </div> <div class="menu_nav"> <ul> <li class="active">Home[*]Support[*]About Us[*]Blog[*]Contact Us[/list]</div> <div class="clr"></div> </div> </div> <div class="hbg"></div> <div class="content"> <div class="content_resize"> <div class="mainbar"> <div class="show3" id="draggable"> <div class="clr"></div> <jsp:useBean id="db" scope ="session" class="utilita.database"/> <div id="tabs" class="widget resize"> <ul><% Vector<String> NomeGruppi = db.CaricaNomeGruppi(); for (int i=1; i<=NomeGruppi.size(); i++) { %>[*]<a class="tag<%=NomeGruppi.size()%> tab<%=i%>" href="#tabs-<%=i%>"><%out.println(NomeGruppi.elementAt(i-1));%></a> <% } %>[/list]<div class="widget-content"> <% for (int i=1; i<=NomeGruppi.size(); i++) { Vector<esercizio> SetEsercizi = db.CaricaSetEsercizi(NomeGruppi.elementAt(i-1)); %> <div id="tabs-<%=i%>"> <table class="table4" id="hovercolonna" width="959" height="220" border="2" cellpadding="2"> <tbody> <tr> <% for (int NumEsercizi=0; NumEsercizi<SetEsercizi.size(); NumEsercizi++) { %> <td><h3><%out.println(SetEsercizi.elementAt(NumEsercizi).getID());%></h3></td> <% } %></tr> <tr> <% for (int NumeroEsercizi=0; NumeroEsercizi<SetEsercizi.size(); NumeroEsercizi++) { %> <td class="oggetti"><div class="caption"> [img]<%out.println(SetEsercizi.elementAt(NumeroEsercizi).getFoto());%>[/img] <span> <%out.println(SetEsercizi.elementAt(NumeroEsercizi).getNomeEsercizio());%> </span> </div></td> <% } //chiudo il secondo ciclo for %> </tr> </tbody> </table> </div> <% } //chiudo il primo ciclo for %> </div> <div class="widget-footer2"></div> </div> </div> <div class="show2"> <div id="tabs2" class="widget"> <ul> <% for (int i=1; i<=Integer.parseInt(request.getParameter("GiorniAll")); i++) { %>[*]<a class="tag<%=Integer.parseInt(request.getParameter("GiorniAll"))%> tab<%=i+NomeGruppi.size()%>" href="#tabs-<%=i+NomeGruppi.size()%>">Giorno <%=i%></a> <% } %>[/list]<div class="widget-content"> <% for (int i=1; i<=Integer.parseInt(request.getParameter("GiorniAll")); i++) { %> <div id="tabs-<%=i+NomeGruppi.size()%>"> <table class="table3" id="dataTable" width="939" border="2" cellpadding="2"> <tr> <td><input type="text" name="ID" size="20" value="ID" /> </td> <td><input type="text" name="ID" size="20" value="ID" /> </td> <td><input type="text" name="ID" size="20" value="ID" /> </td> </tr> <tr> <td rowspan="2" class="contenitore"></td> <td><input type="text" name="ID" size="20" value="ID" /> </td> <td><input type="text" name="ID" size="20" value="ID" /> </td> </tr> <tr> <td><input type="text" name="ID" size="20" value="ID" /> </td> <td><input type="text" name="ID" size="20" value="ID" /> </td> </tr> </table> </div> <% } //chiudo il primo ciclo for %> </div> <div class="widget-footer"></div> </div> </div> </div> <div class="sidebar" id="box"> etcetera etcetera...
Rispondi quotando