| |
01-15-2008, 05:01 AM
| |||
| |||
| drag-drop In the following code i m enable to display the graph properly plz help me to solve this proble <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <META Http-Equiv="Expires" Content="0"/> <META Http-Equiv="Cache-Control" Content="no-cache"/> <META Http-Equiv="Pragma" Content="no-cache"/> <style type="text/css"> ..clear{ clear:both; } ..block{ display:block; } ..none{ display:none; } </style> <SCRIPT LANGUAGE="Javascript" SRC="Charts/JSClass/FusionCharts.js"></ SCRIPT> <script type="text/javascript" src="scripts/drag-drop-custom.js"></ script> <script type="text/javascript"> function getGraph(id1,id2,id3,id4,id5) { var disp = document.getElementById(id2); var disp2 = document.getElementById(id1); disp2.style.display = 'none'; disp.style.display = 'block'; var chart3 = new FusionCharts(id4, "chart1Id", "475", "300"); chart3.setDataXML(document.getElementById(id3).val ue); chart3.render(id5); } function getTable(id1,id2) { var disp = document.getElementById(id2); var disp2 = document.getElementById(id1); disp2.style.display = 'block'; disp.style.display = 'none'; } function openPageInPopup(url) { var centerWidth = (screen.width/2)-(400/2); var centerHeight = (screen.height/2)-(340/2); window.open(url,'CRM','height=350,width=450,top='+ centerHeight +',left='+centerWidth +',directories=no,location=no,menubar=no,resizable =no,status=no,toolbar=no,history=no,scrollbars'); } var http = getHTTPObject(); // XMLHTTPRequest Object function stateChangedCompany() { if (http.readyState==4) { document.getElementById("dispForm").innerHTML=http .responseText; } } function showPage() { http.open("GET", "crmAddNoticeAction.jsp? description="+escape(document.getElementById("desc ription").value), true); http.onreadystatechange = stateChangedCompany; http.send(null); } function getHTTPObject() { var xmlhttp; if (window.XMLHttpRequest) { xmlhttp = new XMLHttpRequest(); } else if (window.ActiveXObject) { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } return xmlhttp; } </script> <link rel="stylesheet" href="http://localhost:8080/crmdemo/jsp/ stylesheet/stylesheet.css" type="text/css"> </head> <body bgcolor="#ffffff" text="#000000" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" link="#003399" vlink="#003399"> <table border="0" width="100%" cellspacing="1" cellpadding="0" bgcolor="#e6e6e6"> <tr bgcolor="#f6f8f8"> <td> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td colspan="2" height="20" bgcolor="#ffffff" valign="middle" class="whiteBold2"> <div id="mainContainer"> <table border="0" align="center" width="100%"> <tr bgcolor="#ffffff"> <td width="50%" valign="top"> <div id="column_0" style="height:400px;"> <div id="dropBox_0" class="dropBox" style="border:1px solid #000; background-color:#E2EBED; height:400px;"> <div id="dropContent_0"> <div class="dragableBox" dragableBox="true" id="box_0" style="width: 100%; border:1px solid #000; background-color:#FFF; margin-bottom:5px; padding:5px; font-weight:bold;text-align:center;"> <!-- Table 1 Start --> <!-- Table 2 Start --> <table width="100%" border="0" cellpadding="1" cellspacing="1"> <tr> <td bgcolor="#e6e6e6" align="center"> <table width="100%" border="0" cellspacing="0" cellpadding="5" align="center" bgcolor="#a8a8a8" id="data_0"> <tr bgcolor="#f6f8f8"> <td colspan="6" background="http://localhost:8080/crmdemo/jsp/ images/crm_topHeaderSpacer_CorpBlue.jpg" style="background-repeat: repeat-x;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <th align="left" class="texbld" height="23" colspan="3" class="texbld" > LEADS GENERATED (Weekly) 0 </th> <th class="texbld" height="25" colspan="3" class="texbld" align="right"><a href="#null" onClick="javascript:getGraph('data_0','bar_0','lea ds_genarated_val','Charts/ Charts/FCF_MSColumn3D.swf','chart1div11')" ><img src="http://localhost: 8080/crmdemo/jsp/images/chart_bar.png" border="0" alt="BAR CHART" ></ a></th> </tr> </table> </td> </tr> <tr bgcolor="#f6f8f8"> <td class="texbld">Executive Name</td> <td class="texbld">Current Week</td> <td class="texbld">Previous Week</td> <td class="texbld">Previous Week 1</td> <td class="texbld">Previous Week 2</td> <td class="texbld">Previous Week 3</td> </tr> <tr> <td colspan="6" background="http://localhost:8080/crmdemo/jsp/ images/crm_dotted_CorpBlue.gif" style="background-repeat: repeat-x;"></ td> </tr> <tr bgcolor="#f6f8f8"> <td class="textn_grey">nsh user</td> <td><a href="leadsReport.jsp? selCrmUserId=8&report=weeklyLeadGen&interval=0" class="textn_blue">0</ a></td> <td><a href="leadsReport.jsp? selCrmUserId=8&report=weeklyLeadGen&interval=7" class="textn_blue">0</ a></td> <td><a href="leadsReport.jsp? selCrmUserId=8&report=weeklyLeadGen&interval=14" class="textn_blue">36</a></td> <td><a href="leadsReport.jsp? selCrmUserId=8&report=weeklyLeadGen&interval=21" class="textn_blue">19</a></td> <td><a href="leadsReport.jsp? selCrmUserId=8&report=weeklyLeadGen&interval=28" class="textn_blue">2</ a></td> </tr> <tr> <td colspan="6" background="http://localhost:8080/crmdemo/jsp/ images/crm_dotted_CorpBlue.gif" style="background-repeat: repeat-x;"></ td> </tr> <tr bgcolor="#f6f8f8"> <td class="textn_grey">ae1 user</td> <td><a href="leadsReport.jsp? selCrmUserId=9&report=weeklyLeadGen&interval=0" class="textn_blue">0</ a></td> <td><a href="leadsReport.jsp? selCrmUserId=9&report=weeklyLeadGen&interval=7" class="textn_blue">0</ a></td> <td><a href="leadsReport.jsp? selCrmUserId=9&report=weeklyLeadGen&interval=14" class="textn_blue">0</ a></td> <td><a href="leadsReport.jsp? selCrmUserId=9&report=weeklyLeadGen&interval=21" class="textn_blue">0</ a></td> <td><a href="leadsReport.jsp? selCrmUserId=9&report=weeklyLeadGen&interval=28" class="textn_blue">0</ a></td> </tr> <tr> <td colspan="6" background="http://localhost:8080/crmdemo/jsp/ images/crm_dotted_CorpBlue.gif" style="background-repeat: repeat-x;"></ td> </tr> <tr bgcolor="#f6f8f8"> <td class="textn_grey">is1 user</td> <td><a href="leadsReport.jsp? selCrmUserId=10&report=weeklyLeadGen&interval=0" class="textn_blue">0</ a></td> <td><a href="leadsReport.jsp? selCrmUserId=10&report=weeklyLeadGen&interval=7" class="textn_blue">0</ a></td> <td><a href="leadsReport.jsp? selCrmUserId=10&report=weeklyLeadGen&interval=14" class="textn_blue">0</a></td> <td><a href="leadsReport.jsp? selCrmUserId=10&report=weeklyLeadGen&interval=21" class="textn_blue">0</a></td> <td><a href="leadsReport.jsp? selCrmUserId=10&report=weeklyLeadGen&interval=28" class="textn_blue">0</a></td> </tr> <tr> <td colspan="6" background="http://localhost:8080/crmdemo/jsp/ images/crm_dotted_CorpBlue.gif" style="background-repeat: repeat-x;"></ td> </tr> <input type="hidden" name="dd" value="<graph xaxisname='Executive Name' yaxisname='No of Leads' hovercapbg='DEDEBE' hovercapborder='889E6D' rotateNames='0' yAxisMaxValue='36' numdivlines='36' divLineColor='CCCCCC' divLineAlpha='80' decimalPrecision='0' showAlternateHGridColor='1' AlternateHGridAlpha='30' AlternateHGridColor='CCCCCC' > <categories> <category name='nsh user' hoverText='nsh user' /><category name='ae1 user' hoverText='ae1 user' /><category name='is1 user' hoverText='is1 user' /></categories><dataset seriesname='Current Week' color='FDC12E'> <set value='0' /> <set value='0' /> <set value='0' /> </dataset><dataset seriesname='Previous Week' color='56B9F9'> <set value='0' /> <set value='0' /> <set value='0' /> </dataset><dataset seriesname='Previous Week 1' color='C9198D'> <set value='36' /> <set value='0' /> <set value='0' /> </dataset><dataset seriesname='Previous Week 2' color='0033FF'> <set value='19' /> <set value='0' /> <set value='0' /> </dataset><dataset seriesname='Previous Week 3' color='CCCC33'> <set value='2' /> <set value='0' /> <set value='0' / ></dataset></graph>" id="leads_genarated_val"> </tr bgcolor="#f6f8f8"> <td height="2" bgcolor="#f6f8f8" colspan="6"><spacer type="block" height="2"></td> </tr> </table> <table width="100%" cellspacing="0" cellpadding="1" id="bar_0" style="display:none" border="0" bgcolor="#f6f8f8"> <tr bgcolor="#f6f8f8"> <td colspan="6" background="http://localhost:8080/crmdemo/jsp/ images/crm_topHeaderSpacer_CorpBlue.jpg" style="background-repeat: repeat-x;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <th align="left" class="texbld" height="23" colspan="3" class="texbld" > LEADS GENERATED (Weekly) </th> <th class="texbld" height="25" colspan="3" class="texbld" align="right"><a href="#null" onClick="javascript:getTable('data_0','bar_0')" ><img src="http:// localhost:8080/crmdemo/jsp/images/application_view_icons.png" border="0" alt="TABLE" ></a></th> </tr> </table> </td> </tr> <tr bgcolor="#FFFFFF" > <td bgcolor="#f6f8f8" valign="top" width="60%"> <div id="chart1div11"> No Data Found </div> </td> </tr> </table> </td> </tr> </table> <!-- Table 2 End --> <!-- Table 1 End --> </div> <div class="dragableBox" dragableBox="true" id="box_1" style="width: 100%; border:1px solid #000; background-color:#FFF; margin-bottom:5px; padding:5px; font-weight:bold;text-align:center;"> <!-- Table 1 Start --> <!-- Table 3 Start --> <table width="100%" border="0" cellpadding="1" cellspacing="1"> <tr> <td bgcolor="#e6e6e6" align="center"> <table width="100%" border="0" cellspacing="0" cellpadding="5" align="center" bgcolor="#a8a8a8" id="data_1"> <tr bgcolor="#f6f8f8"> <td colspan="6" background="http://localhost:8080/crmdemo/jsp/ images/crm_topHeaderSpacer_CorpBlue.jpg" style="background-repeat: repeat-x;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <th align="left" class="texbld" height="23" colspan="3" class="texbld" > MY PIPELINE </th> <th class="texbld" height="25" colspan="3" class="texbld" align="right"><a href="#null" onClick="javascript:getGraph('data_1','bar_1','pip eline_bar_val','Charts/ Charts/FCF_Column3D.swf','chart1div')" ><img src="http://localhost: 8080/crmdemo/jsp/images/chart_bar.png" border="0" alt="BAR CHART" ></ a> <a href="#null" onClick="javascript:getGraph('data_1','pie_1','pip eline_pie_val','Charts/ Charts/FCF_Pie3D.swf','chart1divaaa1')" ><img src="http://localhost: 8080/crmdemo/jsp/images/chart_pie.png" border="0" alt="PIE CHART" ></ a></th> </tr> </table> </td> </tr> <tr bgcolor="#f6f8f8"> <td class="texbld">LOB</td> <td class="texbld">Deal Size</td> </tr> <tr> <td colspan="3" background="http://localhost:8080/crmdemo/jsp/ images/crm_dotted_CorpBlue.gif" style="background-repeat: repeat-x;"></ td> </tr> <tr bgcolor="#f6f8f8"> <td class="textn_grey">Technology & Products</td> <td class="textn_grey">50</td> </tr> <tr> <td colspan="3" background="http://localhost:8080/crmdemo/jsp/ images/crm_dotted_CorpBlue.gif" style="background-repeat: repeat-x;"></ td> </tr> <tr bgcolor="#f6f8f8"> <td class="textn_grey">Microsoft</td> <td class="textn_grey">10</td> </tr> <tr> <td colspan="3" background="http://localhost:8080/crmdemo/jsp/ images/crm_dotted_CorpBlue.gif" style="background-repeat: repeat-x;"></ td> </tr> <tr bgcolor="#f6f8f8"> <td class="textn_grey">SAP</td> <td class="textn_grey">25</td> </tr> <tr> <td colspan="3" background="http://localhost:8080/crmdemo/jsp/ images/crm_dotted_CorpBlue.gif" style="background-repeat: repeat-x;"></ td> </tr> <tr bgcolor="#f6f8f8"> <td class="textn_grey">.NET</td> <td class="textn_grey">44</td> </tr> <tr> <td colspan="3" background="http://localhost:8080/crmdemo/jsp/ images/crm_dotted_CorpBlue.gif" style="background-repeat: repeat-x;"></ td> </tr> <input type="hidden" name="barchartval" value="<graph caption='' xAxisName='LOB' yAxisName='DEALS' showLegends='1' decimalPrecision='1' formatNumberScale='0'><set name='Technology' value='50' color='D64646' /><set name='Microsoft ' value='10' color='AFD8F8' / ><set name='SAP ' value='25' color='66FF00' /><set name='.NET ' value='44' color='33FFFF ' /></graph>" id="pipeline_bar_val"> <input type="hidden" name="pieval" value="<graph showNames='1' decimalPrecision='0'><set name='Technology and Products' value='50' color='D64646' /><set name='Microsoft' value='10' color='AFD8F8' / ><set name='SAP' value='25' color='66FF00' /><set name='.NET' value='44' color='33FFFF ' /></graph>" id="pipeline_pie_val"> </tr bgcolor="#f6f8f8"> <td height="2" bgcolor="#f6f8f8" colspan="3"><spacer type="block" height="2"></td> </tr> </table> <table width="100%" cellspacing="0" cellpadding="1" id="bar_1" style="display:none" border="0" bgcolor="#f6f8f8"> <tr bgcolor="#f6f8f8"> <td colspan="6" background="http://localhost:8080/crmdemo/jsp/ images/crm_topHeaderSpacer_CorpBlue.jpg" style="background-repeat: repeat-x;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <th align="left" class="texbld" height="23" colspan="3" class="texbld" > MY PIPELINE </th> <th class="texbld" height="25" colspan="3" class="texbld" align="right"><a href="#null" onClick="javascript:getTable('data_1','bar_1')" ><img src="http:// localhost:8080/crmdemo/jsp/images/application_view_icons.png" border="0" alt="TABLE" ></a></th> </tr> </table> </td> </tr> <tr bgcolor="#FFFFFF" > <td bgcolor="#f6f8f8" valign="top" width="80%"> <div id="chart1div"> No Data Found </div> </td> </tr> </table> <table width="100%" cellspacing="0" cellpadding="1" id="pie_1" style="display:none" border="0" bgcolor="#f6f8f8"> <tr bgcolor="#f6f8f8"> <td colspan="2" background="http://localhost:8080/crmdemo/jsp/ images/crm_topHeaderSpacer_CorpBlue.jpg" style="background-repeat: repeat-x;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <th align="left" class="texbld" height="23" colspan="3" class="texbld" > MY PIPELINE </th> <th class="texbld" height="25" colspan="3" class="texbld" align="right"><a href="#null" onClick="javascript:getTable('data_1','pie_1')" ><img src="http:// localhost:8080/crmdemo/jsp/images/application_view_icons.png" border="0" alt="TABLE" ></a></th> </tr> </table> </td> </tr> <tr bgcolor="#FFFFFF" > <td bgcolor="#f6f8f8" valign="top" width="50%"> <div id="chart1divaaa1"> No Data Found </div> </td> </tr> </table> </td> </tr> </table> <!-- Table 3 End --> <!-- Table 1 End --> </div> <div class="dragableBox" dragableBox="true" id="box_2" style="width: 100%; border:1px solid #000; background-color:#FFF; margin-bottom:5px; padding:5px; font-weight:bold;text-align:center;"> <!-- Table 1 Start --> <!-- Table 10 Start --> <table width="100%" border="0" cellpadding="1" cellspacing="1"> <tr> <td bgcolor="#e6e6e6" align="center"> <table width="100%" border="0" cellspacing="0" cellpadding="5" align="center" bgcolor="#a8a8a8" id="data_2"> <tr bgcolor="#f6f8f8"> <td colspan="6" background="http://localhost:8080/crmdemo/jsp/ images/crm_topHeaderSpacer_CorpBlue.jpg" style="background-repeat: repeat-x;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <th align="left" class="texbld" height="23" colspan="3" class="texbld" > Budget Info</th> <th class="texbld" height="25" colspan="3" class="texbld" align="right"><a href="#null" onClick="javascript:getGraph('data_2','funnel_2',' funnel1','Charts/ Charts/FCF_Funnel.swf','chart1div5')" ><img src="http://localhost:8080/ crmdemo/jsp/images/chart_bar.png" border="0" alt="BAR CHART" ></a></ th> </tr> </table> </td> </tr> <tr bgcolor="#f6f8f8"> <td class="texbld">Status</td> <td class="texbld">Total Leads</td> <td class="texbld">Budget</td> </tr> <tr> <td colspan="3" background="http://localhost:8080/crmdemo/jsp/ images/crm_dotted_CorpBlue.gif" style="background-repeat: repeat-x;"></ td> </tr> <tr bgcolor="#f6f8f8"> <td class="textn_grey">Won</td> <td class="textn_grey">2</td> <td class="textn_grey">150</td> </tr> <tr> <td colspan="3" background="http://localhost:8080/crmdemo/jsp/ images/crm_dotted_CorpBlue.gif" style="background-repeat: repeat-x;"></ td> </tr> <tr bgcolor="#f6f8f8"> <td class="textn_grey">Lead Approved by CEO / NSH</td> <td class="textn_grey">3</td> <td class="textn_grey">150</td> </tr> <tr> <td colspan="3" background="http://localhost:8080/crmdemo/jsp/ images/crm_dotted_CorpBlue.gif" style="background-repeat: repeat-x;"></ td> </tr> <tr bgcolor="#f6f8f8"> <td class="textn_grey">New</td> <td class="textn_grey">10</td> <td class="textn_grey">200</td> </tr> <tr> <td colspan="3" background="http://localhost:8080/crmdemo/jsp/ images/crm_dotted_CorpBlue.gif" style="background-repeat: repeat-x;"></ td> </tr> <tr bgcolor="#f6f8f8"> <td class="textn_grey">Lead Submitted to CEO / NSH</td> <td class="textn_grey">63</td> <td class="textn_grey">1650</td> </tr> <tr> <td colspan="3" background="http://localhost:8080/crmdemo/jsp/ images/crm_dotted_CorpBlue.gif" style="background-repeat: repeat-x;"></ td> </tr> <tr bgcolor="#f6f8f8"> <td class="textn_grey">Lead Qualified</td> <td class="textn_grey">5</td> <td class="textn_grey">1724</td> </tr> <tr> <td colspan="3" background="http://localhost:8080/crmdemo/jsp/ images/crm_dotted_CorpBlue.gif" style="background-repeat: repeat-x;"></ td> </tr> <tr bgcolor="#f6f8f8"> <td class="textn_grey">Open</td> <td class="textn_grey">1</td> <td class="textn_grey">1800</td> </tr> <tr> <td colspan="3" background="http://localhost:8080/crmdemo/jsp/ images/crm_dotted_CorpBlue.gif" style="background-repeat: repeat-x;"></ td> </tr> <input type="hidden" name="funnel_val1" value=" <chart isSliced='1' slicingDistance='6' decimalPrecision='0'><set name='Won' value='150' color='D64646' /><set name='Lead Approved by CEO / NSH' value='150' color='AFD8F8' /><set name='New' value='200' color='66FF00' /><set name='Lead Submitted to CEO / NSH' value='1650' color='33FFFF' /><set name='Lead Qualified' value='1724' color='009900' /><set name='Open' value='1800' color='00FF00' /></chart>" id="funnel1"> </tr bgcolor="#f6f8f8"> <td height="2" bgcolor="#f6f8f8" colspan="3"><spacer type="block" height="2"></td> </tr> </table> <table width="100%" cellspacing="0" cellpadding="1" id="funnel_2" style="display:none" border="0" bgcolor="#f6f8f8"> <tr bgcolor="#f6f8f8"> <td colspan="6" background="http://localhost:8080/crmdemo/jsp/ images/crm_topHeaderSpacer_CorpBlue.jpg" style="background-repeat: repeat-x;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <th align="left" class="texbld" height="23" colspan="3" class="texbld" > Budget Info</th> <th class="texbld" height="25" colspan="3" class="texbld" align="right"><a href="#null" onClick="javascript:getTable('data_2','funnel_2')" ><img src="http:// localhost:8080/crmdemo/jsp/images/application_view_icons.png" border="0" alt="TABLE" ></a></th> </tr> </table> </td> </tr> <tr bgcolor="#FFFFFF" > <td bgcolor="#f6f8f8" valign="top" width="80%"> <div id="chart1div5"> No Data Found </div> </td> </tr> </table> </td> </tr> </table> <!-- Table 10 End --> <!-- Table 1 End --> </div> <div class="dragableBox" dragableBox="true" id="box_3" style="width: 100%; border:1px solid #000; background-color:#FFF; margin-bottom:5px; padding:5px; font-weight:bold;text-align:center;"> <!-- Table 1 Start --> <!-- Table 11 Start --> <table width="100%" border="0" cellpadding="1" cellspacing="1"> <tr> <td bgcolor="#e6e6e6" align="center"> <table width="100%" border="0" cellspacing="0" cellpadding="5" align="center" bgcolor="#a8a8a8" id="data_3"> <tr bgcolor="#f6f8f8"> <td colspan="6" background="http://localhost:8080/crmdemo/jsp/ images/crm_topHeaderSpacer_CorpBlue.jpg" style="background-repeat: repeat-x;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <th align="left" class="texbld" height="23" colspan="3" class="texbld" > Customer Type Wise Report</th> <th class="texbld" height="25" colspan="3" class="texbld" align="right"><a href="#null" onClick="javascript:getGraph('data_3','bar_3','bar _val','Charts/Charts/ FCF_Column3D.swf','chart1div9')" ><img src="http://localhost:8080/ crmdemo/jsp/images/chart_bar.png" border="0" alt="BAR CHART" ></ a> <a href="#null" onClick="javascript:getGraph('data_3','pie_3','pie _val','Charts/Charts/ FCF_Pie3D.swf','chart1div10')" ><img src="http://localhost:8080/ crmdemo/jsp/images/chart_pie.png" border="0" alt="BAR CHART" ></a></ th> </tr> </table> </td> </tr> <tr bgcolor="#f6f8f8"> <td class="texbld">Status</td> <td class="texbld">Total Leads</td> </tr> <tr> <td colspan="3" background="http://localhost:8080/crmdemo/jsp/ images/crm_dotted_CorpBlue.gif" style="background-repeat: repeat-x;"></ td> </tr> <tr bgcolor="#f6f8f8"> <td class="textn_grey">Silver</td> <td class="textn_grey">1</td> </tr> <tr> <td colspan="3" background="http://localhost:8080/crmdemo/jsp/ images/crm_dotted_CorpBlue.gif" style="background-repeat: repeat-x;"></ td> </tr> <tr bgcolor="#f6f8f8"> <td class="textn_grey">Gold</td> <td class="textn_grey">8</td> </tr> <tr> <td colspan="3" background="http://localhost:8080/crmdemo/jsp/ images/crm_dotted_CorpBlue.gif" style="background-repeat: repeat-x;"></ td> </tr> <tr bgcolor="#f6f8f8"> <td class="textn_grey">Normal</td> <td class="textn_grey">75</td> </tr> <tr> <td colspan="3" background="http://localhost:8080/crmdemo/jsp/ images/crm_dotted_CorpBlue.gif" style="background-repeat: repeat-x;"></ td> </tr> <input type="hidden" name="barchartval" value="<graph caption='' xAxisName='Customer Type' yAxisName='Leads' showLegends='1' decimalPrecision='1' formatNumberScale='0'><set name='Silver ' value='1' color='D64646' /><set name='Gold ' value='8' color='AFD8F8' /><set name='Normal ' value='75' color='66FF00' /></ graph>" id="bar_val"> <input type="hidden" name="pieval" value="<graph showNames='1' decimalPrecision='0'><set name='Silver' value='1' color='D64646' / ><set name='Gold' value='8' color='AFD8F8' /><set name='Normal' value='75' color='66FF00' /></graph>" id="pie_val"> <tr> <td colspan="3" background="http://localhost:8080/crmdemo/jsp/ images/crm_dotted_CorpBlue.gif" style="background-repeat: repeat-x;"></ td> </tr> </table> <table width="100%" cellspacing="0" cellpadding="1" id="bar_3" style="display:none" border="0" bgcolor="#f6f8f8"> <tr bgcolor="#f6f8f8"> <td colspan="6" background="http://localhost:8080/crmdemo/jsp/ images/crm_topHeaderSpacer_CorpBlue.jpg" style="background-repeat: repeat-x;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <th align="left" class="texbld" height="23" colspan="3" class="texbld" > Customer Type Wise Report</th> <th class="texbld" height="25" colspan="3" class="texbld" align="right"><a href="#null" onClick="javascript:getTable('data_3','bar_3')" ><img src="http:// localhost:8080/crmdemo/jsp/images/application_view_icons.png" border="0" alt="TABLE"></th> </tr> </table> </td> </tr> <tr bgcolor="#FFFFFF" > <td bgcolor="#f6f8f8" valign="top" width="80%"> <div id="chart1div9"> No Data Found </div> </td> </tr> </table> <table width="100%" cellspacing="0" cellpadding="1" id="pie_3" style="display:none" border="0" bgcolor="#f6f8f8"> <tr bgcolor="#f6f8f8"> <td colspan="6" background="http://localhost:8080/crmdemo/jsp/ images/crm_topHeaderSpacer_CorpBlue.jpg" style="background-repeat: repeat-x;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <th align="left" class="texbld" height="23" colspan="3" class="texbld" > Customer Type Wise Report</th> <th class="texbld" height="25" colspan="3" class="texbld" align="right"> <a href="#null" onClick="javascript:getTable('data_3','pie_3')" ><img src="http:// localhost:8080/crmdemo/jsp/images/application_view_icons.png" border="0" alt="TABLE" ></a></th> </tr> </table> </td> </tr> <tr bgcolor="#FFFFFF" > <td bgcolor="#f6f8f8" valign="top" width="80%"> <div id="chart1div10"> No Data Found </div> </td> </tr> </table> </td> </tr> </table> <!-- Table 11 End --> <!-- Table 1 End --> </div> </div> </div> </div> </td> <td width="50%" valign="top"> <div id="column_1" style="height:400px;"> <div id="dropBox_1" class="dropBox" style="border:1px solid #000; background-color:#E2EBED; height:400px;"> <div id="dropContent_1"> </div> </div> </div> </td> </tr> </table> </div> <div id="debug"></div> </td> </tr> <tr bgcolor="#f6f8f8"> <td colspan="2" height="10" valign="top"><spacer type="block" height="10"></td> </tr> </table> </td> </tr> </table> <script type="text/javascript"> function dropItems1(idOfDraggedItem,targetId,x,y) { //alert(idOfDraggedItem + " - " + targetId ); var obj = document.getElementById(idOfDraggedItem); document.getElementById(targetId).parentNode.inser tBefore(obj,document.getElementById(targetId)); } // Custom drop actions for <div id="dropBox"> and <div id="leftColumn"> function dropItems(idOfDraggedItem,targetId,x,y) { if(targetId=='dropBox_0'){ // Item dropped on <div id="dropBox"> var obj = document.getElementById(idOfDraggedItem); if(obj.parentNode.id=='dropContent_0')return; document.getElementById('dropContent_0').appendChi ld(obj); // Appending dragged element as child of target box } if(targetId=='dropBox_1'){ // Item dropped on <div id="dropBox"> var obj = document.getElementById(idOfDraggedItem); if(obj.parentNode.id=='dropContent_1')return; document.getElementById('dropContent_1').appendChi ld(obj); // Appending dragged element as child of target box } } function onDragFunction(cloneId,origId) { self.status = 'Started dragging element with id ' + cloneId; var obj = document.getElementById(cloneId); obj.style.border='1px solid #F00'; } var dragDropObj = new DHTMLgoodies_dragDrop(); dragDropObj.addSource('box_0',true,true,true,false ,'onDragFunction'); dragDropObj.addTarget('box_0','dropItems1'); dragDropObj.addSource('box_1',true,true,true,false ,'onDragFunction'); dragDropObj.addTarget('box_1','dropItems1'); dragDropObj.addSource('box_2',true,true,true,false ,'onDragFunction'); dragDropObj.addTarget('box_2','dropItems1'); dragDropObj.addSource('box_3',true,true,true,false ,'onDragFunction'); dragDropObj.addTarget('box_3','dropItems1'); dragDropObj.addTarget('dropBox_0','dropItems'); dragDropObj.addTarget('dropBox_1','dropItems'); dragDropObj.init(); </script> <form name="frmDashBoard" action="dashBoardOrderAction.jsp" method="post"> <input type="button" value="save" onClick="javascript:var dragDropObj = new DHTMLgoodies_dragDrop(); dragDropObj.saveData('dropContent_0-0,box_0-2,box_1-3,box_2-10,box_3-11,dropContent_1-1,');document.frmDashBoard.submit();"> <br> dropContent_0-0,box_0-2,box_1-3,box_2-10,box_3-11,dropContent_1-1, <input type="hidden" name="mapData" value="" id="mapData"> <input type="hidden" name="pageId" value="11"> </form> </body> </html>      |
|
01-15-2008, 05:01 AM
| ||
| |
 |
| Bookmarks |
| Thread Tools | |
| |
Similar Threads | ||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| Drag and Drop Help | arichard12305 | Windows XP | 2 | 02-15-2009 01:05 AM |
| drag and drop | warmstrong | Windows XP | 2 | 11-29-2007 06:20 AM |
| Drag & Drop | Marc Maas | Windows Media | 3 | 02-23-2007 07:32 AM |
| drag n drop | stewart c | Windows XP | 1 | 01-16-2007 12:45 AM |
| Drag and drop | Bobbi | Windows XP | 18 | 01-04-2007 04:59 AM |
| New To Technology Questions? | Do You Need Help with Your Computer or Device? | Do You Need Help with this site? |
