Welcome to Dream.In.Code
Getting PHP Help is Easy!

Join 136,582 PHP Programmers for FREE! Get instant access to thousands of PHP experts, tutorials, code snippets, and more! There are 1,934 people online right now. Registration is fast and FREE... Join Now!




Dropdown list with tabbed panel

 
Reply to this topicStart new topic

Dropdown list with tabbed panel, everytime when drop down list changes tabbed panel contents should al

shanthu_mn
3 Oct, 2008 - 01:16 AM
Post #1

New D.I.C Head
*

Joined: 1 Oct, 2008
Posts: 2

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Tabbed panels</title>

<script type="text/javascript" src="/drupal_metrics/files/tp.js"></script>
<link rel="stylesheet" href="/drupal_metrics/files/tp.css" />
</head>

<body onload="tpSet('tpeg', 'tabs', 'tp1', 'tp2', 'tp3');">
<script language="javascript" type="text/javascript">

function menu_goto( menuform )
{
var baseurl = "http://localhost/drupal_metrics/" ;
selecteditem = menuform.newurl.selectedIndex ;
newurl = menuform.newurl.options[ selecteditem ].value ;
if (newurl.length != 0) {
location.href = baseurl + newurl ;
}
}
</script>
<form action="dummyvalue">
<select name="newurl" onchange="menu_goto(this.form)">
<option value="" selected="selected">----- Select Type of Graph -----</option>
<option value="/node/1">Pie2D</option>
<option value="/node/1">Pie3D</option>
<option value="/node/1">Column3D</option>
<option value="/node/1">Column2D</option>
<option value="/node/1">Area2D</option>
<option value="/node/1">Line</option>
<option value="/node/1">Doughnut2D</option>
<option value="/node/1">Doughnut3D</option>
<option value="/node/1">Bar2D</option>
</select>
</form>

<div id="c">
<h1>Tabbed panels</h1>
<div id="tpeg">
<h4>Menu</h4>
<ul>
<li><a href="#tp1">Link to panel one</a></li>
<li><a href="#tp2">Link to panel two</a></li>
<li><a href="#tp3">Link to panel three</a></li>

</ul>
</div>
</body>
</html>
User is offlineProfile CardPM
+Quote Post

pemcconnell
RE: Dropdown List With Tabbed Panel
3 Oct, 2008 - 01:55 AM
Post #2

D.I.C Regular
Group Icon

Joined: 5 Aug, 2008
Posts: 396



Thanked: 37 times
Dream Kudos: 75
My Contributions
what do you want this to do?

Please put your code inside [ code ] code here [ /code ] tags (minus the spaces)
User is offlineProfile CardPM
+Quote Post

engale
RE: Dropdown List With Tabbed Panel
3 Oct, 2008 - 06:40 PM
Post #3

D.I.C Addict
Group Icon

Joined: 30 Sep, 2008
Posts: 549



Thanked: 2 times
Dream Kudos: 50
My Contributions
This is javascript.
User is offlineProfile CardPM
+Quote Post

tkulev
RE: Dropdown List With Tabbed Panel
3 Oct, 2008 - 10:55 PM
Post #4

New D.I.C Head
*

Joined: 3 Oct, 2008
Posts: 13


My Contributions
What is the problem ?
User is offlineProfile CardPM
+Quote Post

shanthu_mn
RE: Dropdown List With Tabbed Panel
4 Oct, 2008 - 08:28 AM
Post #5

New D.I.C Head
*

Joined: 1 Oct, 2008
Posts: 2

[quote name='tkulev' date='3 Oct, 2008 - 11:55 PM' post='429190']
What is the problem ?
As soon as i select pie or any graph from dropdown list the type of graph should also change to respective chart like for example pie or Bar chart. Now the graph is changing when i give swf chart with respective xml. It should be automated. here is the code which shows the fusion chart:

<div style="width: 550px"><p><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="000" height="180"><param name="movie" value="/drupal_metrics/charts/Area2D.swf?dataURL=/drupal_metrics/files/file1.xml" /><param name="quality" value="high" /><param name="menu" value="false" /><param name="wmode" value="" /><embed src="/drupal_metrics/charts/Area2D.swf?dataURL=/drupal_metrics/files/file1.xml" wmode="" quality="high" menu="false" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="550" height="380">
</embed></object></p>
</div>
</div>
the complete code is:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Tabbed panels</title>

<script type="text/javascript" src="/drupal_metrics/files/tp.js"></script>
<link rel="stylesheet" href="/drupal_metrics/files/tp.css" />
</head>

<body onload="tpSet('tpeg', 'tabs', 'tp1', 'tp2', 'tp3');">

<script language="javascript" type="text/javascript">

function menu_goto( menuform )
{
var baseurl = "http://localhost/drupal_metrics/" ;
selecteditem = menuform.newurl.selectedIndex ;
newurl = menuform.newurl.options[ selecteditem ].value ;
if (newurl.length != 0) {
location.href = baseurl + newurl ;
}
}
</script>
<form action="dummyvalue">
<select name="newurl" onchange="menu_goto(this.form)">
<option value="" selected="selected">----- Select Type of Graph -----</option>
<option value="#tp1">Pie2D</option>
<option value="/node/1">Pie3D</option>
<option value="/node/1">Column3D</option>
<option value="/node/1">Column2D</option>
<option value="/node/1">Area2D</option>
<option value="/node/1">Line</option>
<option value="/node/1">Doughnut2D</option>
<option value="/node/1">Doughnut3D</option>
<option value="/node/1">Bar2D</option>
</select>
</form>

<div id="c">
<h1>Tabbed panels</h1>
<div id="tpeg">
<h4>Menu</h4>
<ul>
<li><a href="#tp1">Link to panel one</a></li>
<li><a href="#tp2">Link to panel two</a></li>
<li><a href="#tp3">Link to panel three</a></li>

</ul>
</div>

<div id="tp1" title="Asset">
<div style="width: 550px"><p><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="000" height="180"><param name="movie" value="/drupal_metrics/charts/Area2D.swf?dataURL=/drupal_metrics/files/HWAnalysis.xml" /><param name="quality" value="high" /><param name="menu" value="false" /><param name="wmode" value="" /><embed src="/drupal_metrics/charts/Area2D.swf?dataURL=/drupal_metrics/files/HWAnalysis.xml" wmode="" quality="high" menu="false" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="550" height="380">
</embed></object></p>
</div>
</div>

<div id="tp2" title="C-Sat">
<div style="width: 550px"><p>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="600" height="380"><param name="movie" value="/drupal_metrics/charts/Pie3D.swf?dataURL=/drupal_metrics/file1.xml" /><param name="quality" value="high" /><param name="menu" value="false" /><param name="wmode" value="" /><embed src="/drupal_metrics/charts/Pie3D.swf?dataURL=/drupal_metrics/file1.xml" wmode="" quality="high" menu="false" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="550" height="380">
</embed></object>
</div>
</div>

<div id="tp3" title="Engg Calls">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="600" height="380"><param name="movie" value="/drupal_metrics/charts/Line.swf?dataURL=/drupal_metrics/file1.xml" /><param name="quality" value="high" /><param name="menu" value="false" /><param name="wmode" value="" /><embed src="/drupal_metrics/charts/Line.swf?dataURL=/drupal_metrics/file1.xml" wmode="" quality="high" menu="false" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="550" height="380">
</embed></object>
</div>
</div>

</body>
</html>
User is offlineProfile CardPM
+Quote Post

Fast ReplyReply to this topicStart new topic
Time is now: 12/3/08 12:40AM

Live PHP Help!

PHP Tutorials

Reference Sheets

PHP Snippets

DIC Chatroom

Bye Bye Ads

Monthly Drawing

Thumb Drive

Top Contributors

Top 10 Kudos This Month