Problematiche sui Tabs

**Marcolino21** · 27-11-2012, 16:51

Salve !
ho creato un multitabs sulla pagine, o meglio un primo multitabs comprende tre tabs poi sul secondo ce ne sono a sua volta altri tre;
Di questi tre ne ho riempiti due per i grafici (1 e 2) e fin qui tutto bene; sul terzo e sulla falsa riga degli altri due doveva essere semplice impostarlo, mentre invece quando eseguo il grafico questo mi viene visualizzato sul primo multitabs e in particolare il primo Tabs che non c'azzecca nulla; da codice mi potreste aiutare a capire dove potrebbe essere il problema ?
Grazie

codice:

 <div class="Page" style="display: <?=($idS == 3) ? 'block' : 'none';?>"><div class="Pad">
         
               

          <!DOCTYPE HTML>
    <html>
     
         		<tr>
                            <div class="graficoNuovo3">
				<form name="testform6">
                                        <label for="nome">Scegli le date e visualizza grafico:</label>
					<label for="nome">Data Iniziale:</label>
					<input class="text_area" type="text" name="date_da3" id="date_da3" size="12" cols="35" rows="3" value="<?php echo $this->eventi->date_da3;?>" />
					 	<script language="JavaScript">
						new tcal ({
							// form name
							'formname': 'testform6',
							// input name
							'controlname': 'date_da3'
						});
						</script>
	
					  <label for="nome">Data Finale:</label>
					   <input class="text_area" type="text" name="date_a3" id="date_a3" size="12" cols="35" rows="3" value="<?php echo $this->eventi->date_a3;?>" />
						<script language="JavaScript">
						new tcal ({
							// form name
							'formname': 'testform6',
							// input name
							'controlname': 'date_a3'
						});
						</script>
                                                
						 <td style="border:#FFF; width:43%">
							<a style="cursor:pointer" onclick='ViewGraphBarMensInv()'>[img]images/graphic.jpg[/img]</a>
						 </td>
                                           
					</form>
                              </div>
			</tr>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title></title>

		<script type="text/javascript" src="https://www.google.com/jsapi"></script>
                <script type="text/javascript">
                 google.load("visualization", "1", {packages:["corechart"]});
                 google.setOnLoadCallback(drawChart);    
 
             function ViewGraphBarMensInv() {
                var chart;
    		var data_da = "";
		var data_a = "";
                    
                if(document.getElementById('date_da3').value != "")
		{
   			data_da = document.getElementById('date_da3').value;
		}
		if(document.getElementById('date_a3').value != "")
		{
			data_a = document.getElementById('date_a3').value;
		}
		
		if(data_da != "" && data_a != "")
		{
   			ajaxGet("index2.php?f=graficoMensInv&id="+ <? echo $id; ?>+"&data_da="+data_da+"&data_a="+data_a,drawChart);

		}
		else
		{

			ajaxGet("index2.php?f=graficoMensInv&id="+ <? echo $id; ?>,drawChart);
		}
    
          }
   
         function drawChart() {
    //    var dati = contenuto;
    //    alert(dati);
            var dati = "";
            var newValue = dati.split(" ");
            var dateEstr = new Array();
            var Val      = new Array();
            var i=0;
            var tot = 0;
   	    for(var j=0;j<newValue.length;j++)
		{
                        var newString  = newValue[j].split("=");
                        if (newString != ""){
                            dateEstr[i] = newString[0];
                            Val[i] = parseInt(newString[1]);
                           if(parseInt(Val[i])){
                               tot += parseInt(Val[i]);
                            }
                            i++;
                        }    
                }          
                
          var data = google.visualization.arrayToDataTable([
             ['Year', 'Sales', 'Expenses'],
             ['2004',  1000,      400],
             ['2005',  1170,      460],
             ['2006',  660,       1120],
             ['2007',  1030,      540]
           ]);

           var options = {
            title: 'Company Performance',
            hAxis: {title: 'Year', titleTextStyle: {color: 'red'}}
        };

        var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
		</script>
	</head>
<body>
    <div id="chart_div" style="min-height: 400px !important;"></div>
   <div id="newgraphic3" style="min-height: 400px !important;"></div>
   <div id="container3" style="overflow: auto; height: Auto; margin: 0 auto"></div> 

</body>
</html>          
 </div></div>

Grazie di cuore

**Marcolino21** · 27-11-2012, 17:47

{RISOLTO}

avevo usato nella istruzione :
var chart = new google.visualization.ColumnChart(document.getEleme ntById('chart_div'));

come ID 'chart_div' già presente in questo file e nel tabs

Grazie lo stesso

Discussione: Problematiche sui Tabs

Strumenti discussione

Ricerca discussione

Visualizza

Problematiche sui Tabs

Permessi di invio