Newsgroup: it.comp.lang.javascript
Titolo: Jquery UI  Tabs e link ad altre pagine

Ciao,
 
proplemino
 
vorrei utilizzare la funzione tab jquery ui ed associare ad ciascun tab 
un pagina contenente altri javascript. Il problema che questi ultimi non 
vengono eseguiti
 
codice pagina con jquery-ui
 
<!DOCTYPE html>
<html lang="it">
 
   <head>
 
     <meta charset="utf-8" />
 
     <!-- Html 5 e CSS3 -->
     <!-- Always force latest IE rendering engine (even in intranet) & 
Chrome Frame Remove this if you use the .htaccess -->
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
 
     <title>Ugo Internet server</title>
     <meta name="description" content="Sito internet di Ugo Merlini"/>
     <meta name="author" content="Ugo Merlini"/>
 
     <meta name="viewport" content="width=device-width; initial-scale=1.0"/>
 
     <!-- Styles -->
     <link rel="stylesheet" type="text/css" href="css/jquery-ui.css"/>
 
 
     <!-- Jquery javascript -->
 
     <script type="text/javascript" 
src="../../../file_comuni/javascript/jquery/jquery-1.8.2.js"></script>
     <script type="text/javascript" 
src="../../../file_comuni/javascript/jquery_ui/jquery-ui-1.9.0.js"></script>
 
     <script type="text/javascript">
 
        $(document).ready(function(){
         $("#tabs").tabs();
 
     });
     </script>
 
 
   </head>
 
   <body>
 
 
 
   	<div id="tabs">
        <ul>
           <li><a href="grafici/grafici.php">Nunc tincidunt</a></li>
           <li><a href="strumenti/index.html">Proin dolor</a></li>
 
        </ul>
 
</div>
 
 
 
 
 
 
   </body>
 
</html>
 
 
 
codice grafici.php
<!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"/>
 
     <title>Ugo Internet server - dati in diretta grafici</title>
 
     <!-- Styles -->
 
     <!-- Jquery javascript -->
 
     <script type="text/javascript" 
src="../../../../file_comuni/javascript/jquery/jquery-1.8.2.js"></script>
 
     <!-- Highcharts javascript -->
 
     <script type="text/javascript" 
src="../../../../file_comuni/javascript/highcharts/js/highcharts.js"></script>
     <script type="text/javascript">
 
       /** Richista dei dati dal server e aggiunta ai grafici **/
 
       var temperatura;
       var pioggia;
       var pioggia_accumulata;
       var chart =[[[1],[2],[3]]];
 
 
       $.getJSON('temperatura_live_data.php', function(temperatura){
         for (var t = 0; t <temperatura.length ;t++){
           chart[1].addSeries({
             data:temperatura[t],
             name:"Temperatura"
           });
         }
       });
 
       $.getJSON('pioggia_live_data.php', function(pioggia){
         for (var p = 0; p <pioggia.length ;p++){
           chart[2].addSeries({
             data:pioggia[p],
             name:"Pioggia"
           });
         }
       });
 
       $.getJSON('pioggia_live_data_accumulo_giornaliero.php', 
function(pioggia_accumulata){
         for (var pa = 0; pa <pioggia_accumulata.length ;pa++){
           chart[3].addSeries({
             data:pioggia_accumulata[pa],
             name:"Pioggia accumulata"
           });
         }
       });
 
       /** Creazione grafici **/
 
       $(document).ready(function() {
 
         Highcharts.setOptions({
           global: {
             useUTC: false
           }
         });
 
	    chart[1] = new Highcharts.Chart({
		  chart: {
		    renderTo: 'container_temperatura',
		    defaultSeriesType: 'spline',
		    zoomType: 'x'
		  },
 
		  credits: {
             enabled: false
           },
 
		  title: {
		    text: 'Temperatura'
		  },
 
		  xAxis: {
		    type: 'datetime'
		  },
 
	      yAxis: {
	        labels: {
               formatter: function() {
                 return this.value +'°C';
               },
               style: {
                 color: '#89A54E'
               }
             },
             title: {
               text: 'Temperatura',
               style: {
                 color: '#89A54E'
               }
             }
		  },
 
		  plotOptions: {
		    line: {
			  lineWidth: 1,
			  states: {
			    hover: {
			      lineWidth: 2
			    }
			  },
			  marker: {
			    enabled: false,
			    states: {
			      hover: {
				    enabled: true,
				    symbol: 'circle',
				    radius: 5,
				    lineWidth: 1
				  }
			    }
			  },
			  pointInterval: 24 * 3600000, // one hour
			  pointStart: Date.UTC(2012, 9, 6, 0, 0, 0)
		    }
		  },
 
		  tooltip: {
		    formatter: function() {
			  return '<b>'+ 
this.series.name
 +'</b><br/>'+
			  Highcharts.dateFormat('%d-%m-%Y %H:%M', this.x)+'<br/>'+
			  this.y;
		    }
		  },
 
		  series: []
 
	    });
 
	    chart[2] = new Highcharts.Chart({
		  chart: {
		    renderTo: 'container_pioggia',
		    defaultSeriesType: 'spline',
		    zoomType: 'x'
		  },
 
		  credits: {
             enabled: false
           },
 
 
		  title: {
		    text: 'Pioggia'
		  },
 
		  xAxis: {
		    type: 'datetime'
		  },
 
	      yAxis: {
	        min:0, 	
		    labels: {
               formatter: function() {
                 return this.value +' mm';
               },
               style: {
                 color: '#4572A7'
               }
             },
             title: {
               text: 'Pioggia',
               style: {
                 color: '#4572A7'
               }
             }
		  },
 
		  plotOptions: {
		    line: {
			  lineWidth: 1,
			  states: {
			    hover: {
			      lineWidth: 2
			    }
			  },
			  marker: {
			    enabled: false,
			    states: {
			      hover: {
				    enabled: true,
				    symbol: 'circle',
				    radius: 5,
				    lineWidth: 1
				  }
			    }
			  },
			  pointInterval: 24 * 3600000, // one hour
			  pointStart: Date.UTC(2012, 9, 6, 0, 0, 0)
		    }
		  },
 
		  tooltip: {
		    formatter: function() {
			  return '<b>'+ 
this.series.name
 +'</b><br/>'+
			  Highcharts.dateFormat('%d-%m-%Y %H:%M', this.x)+'<br/>'+
			  this.y;
		    }
		  },
 
		  series: []
 
	    });
 
         chart[3] = new Highcharts.Chart({
		  chart: {
		    renderTo: 'container_pioggia_accumulata',
		    defaultSeriesType: 'spline',
		    zoomType: 'x'
		  },
 
		  credits: {
              enabled: false
           },
 
 
		  title: {
		    text: 'Pioggia accumulata'
		  },
 
		  xAxis: {
		    type: 'datetime'
		  },
 
	      yAxis: {
	        min:0,	
		    labels: {
               formatter: function() {
                 return this.value +' mm';
               },
               style: {
                 color: '#4572A7'
               }
             },
             title: {
               text: 'Pioggia accumulata',
               style: {
                 color: '#4572A7'
               }
             }
		  },
 
		  plotOptions: {
		    line: {
			  lineWidth: 1,
			  states: {
			    hover: {
			      lineWidth: 2
			    }
			  },
			  marker: {
			    enabled: false,
			    states: {
			      hover: {
				    enabled: true,
				    symbol: 'circle',
				    radius: 5,
				    lineWidth: 1
				  }
			    }
			  },
			  pointInterval: 24 * 3600000, // one hour
			  pointStart: Date.UTC(2012, 9, 6, 0, 0, 0)
		    }
		  },
 
		  tooltip: {
		    formatter: function() {
			  return '<b>'+ 
this.series.name
 +'</b><br/>'+
			  Highcharts.dateFormat('%d-%m-%Y %H:%M', this.x)+'<br/>'+
			  this.y;
		    }
		  },
 
		  series: []
 
	    });
 
       });
 
     </script>
 
 
 
    </head>
    <body>
 
     <div id="container_temperatura" style="width: 1000px; height: 
380px; margin: 0 auto"></div>
     <div id="container_pioggia" style="width: 1000px; height: 380px; 
margin: 0 auto"></div>
     <div id="container_pioggia_accumulata" style="width: 1000px; 
height: 380px; margin: 0 auto"></div>
 
   </body>
</html>
 
dove sbaglio?
 
grazie
 
Ugo

oops ,
 
questo estratto è opportuno
;
Per andare avanti , A proposito del colore , senza la trasformazione cerchio , credo che possiamo provare a
integrare la gestione della qualità del cerchio con l'uso di un adeguato
competenze;
D'altra parte , dovrebbe essere utile per distribuire il pretrattamento del cerchio con grande
fiducia nel considerare il colore e l'ottimizzazione cerchio
Quando si parla del colore , si possono trovare alcune idee a :
http://www.zoshop.net/q/device%2Bblack
 
http://web.archiveorange.com/archive/v/O70RSPS9JTNabbrQ0q87
 
http://glitzandglam.yuku.com/forums/313/Paint-Shop-Pro
 
http://www.wushop.net/q/0526%2Bgold%2Bpower%2Bstar%2Bpendant
 
http://www.crochetpatterncentral.com/directory/afghans.php
 
http://ctanhg.scharrer-online.de/hg/axodraw/rev
 
http://netbeans.org/projects/javaee/lists/commits/archive/2012-01/message/146
 
 
Yours, sincerely