473,382 Members | 1,355 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

home > topics > php > questions > i want to display the related data on clicking the respected subcategory

Join Bytes to post your question to a community of 473,382 software developers and data experts.

i want to display the related data on clicking the respected subcategory

Actually i have the two divs on left side div i will dispaly the subcategories.Then if we click on the any of the subcategory it should display the related data in right side div without page refreshing.

Now actually what i want is how to make the that subcategories is in href and on clicking that we want to take the data from database to display.please help me
this is my code
Expand|Select|Wrap|Line Numbers
  1. <html>
  2. <head>
  3. <title>example</title>
  4. <style>
  5. #header{
  6.         background-color:#c3dfef;
  7.        }
  8. #footer
  9. { 
  10.             background-color:#ccecd8;
  11.             margin:5px; 
  12.             display: block; 
  13.             clear: both; 
  14.  } 
  15. #sidebar-left
  16. { 
  17.                 background-color:#D0D0D0 ;
  18.                 float: left; 
  19.                 width:250px;
  20.                 height:530px;
  21. }
  22.  
  23. #content
  24. { 
  25.                 background-color:#ccdff0;
  26.                 height:530px;
  27. }
  28. div{
  29.   padding:10px;
  30.   border:solid 1px black;
  31. }
  32. .button2:hover {
  33.         text-decoration: none;
  34.         background: #007ead;
  35.         background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
  36.         background: -moz-linear-gradient(top,  #0095cc,  #00678e);
  37.     }
  38. </style>
  39. <body>
  40.  
  41.  <script type="text/javascript" src="../js/jquery-1.9.1.js"></script>
  42.  
  43.  <script>
  44. jQuery(document).ready(function() 
  45. {
  46.     jQuery.ajax(
  47.     {
  48.         type: 'GET',
  49.         url: 'Youtube_category.php',
  50.         dataType: 'JSON',
  51.         success:function(data)
  52.         {
  53.                     for(i=0;i<jQuery(data).length;i++)
  54.             {
  55.                 $('#parentCategory').append('<option value = '+ data[i].categoryName+'>' + data[i].categoryName + '</option>');
  56.             }
  57.         }
  58.     });
  59. });
  60. </script>
  61.  
  62. <script>
  63. jQuery(document).ready(function() 
  64. {
  65.     jQuery('#parentCategory').change(function()
  66.         {
  67.         jQuery("#subCategory").load("subCategory.php?choice="+jQuery("#parentCategory").val());
  68.     });
  69. });
  70. </script>
  71. <script>
  72. function showDiv() {
  73.     var SubCategory = document.getElementById('subCategory');
  74.  
  75.     for (i = 0; i < SubCategory.options.length; i++) {
  76.         document.getElementById('sidebar-left').innerHTML += SubCategory.options[i].value + "<br/>";
  77.     }
  78. }
  79. </script>
  80.  
  81. <!-- <script>
  82. function showDiv() {
  83.  
  84.                        document.getElementById('sidebar-left').style.display = "block";
  85.                        var index = document.getElementById('subCategory').selectedIndex;
  86.                        var selectedText = document.getElementById('subCategory').options[index].innerHTML;
  87.                        document.getElementById('sidebar-left').innerHTML = selectedText;
  88.  
  89.                     }
  90. </script> -->
  91.  
  92. <script>
  93. $(document).ready(function() {
  94.      $('body').on('click', '#sidebarleft', function() {
  95.  
  96.     $("#display").load("vedio_details.php?Id=1");
  97.  
  98.   });
  99. });
  100. </script>
  101. <form id="form1"> 
  102. <div id="header" > 
  103.  
  104.     <select id="parentCategory" value="parentCategory" class="button2" name="category">
  105.         <option selected="selected" name="category" value="selected">--Select category--</option>
  106.     </select>
  107.     <select id="subCategory"  class="button2" name="subCategory">
  108.         <option selected="selected" name="subCategory" value="selected">--Select subCategory--</option>
  109.  
  110.     </select>
  111.  
  112. <input type="button" name="answer" value="Go" class="button2" onclick="showDiv()" />
  113.  
  114.  </div>
  115.  
  116.  
  117. <a  id="sidebarleft"  href="vedio_details.php" class="sidebr">
  118. <div id="sidebar-left" ></div>
  119. </a>
  120. <div id="content"> content </div>
  121. <div id="footer"> footer </div>
  122. </div>
  123. </head>
  124. </form>
  125. </body>
  126. </html> 
Feb 23 '14 #1
0 1290

Sign in to post your reply or Sign up for a free account.

Similar topics

3
Design Question. Data Acquisition/Display related.
by: StepH | last post by:
Hi, I'm building a little application, which the goal is to: 1./ Collect data via Serial line and or via a file (for playback). 2./ Display these data as graph, oscilloscope, ... How manage...
Python
2
CGI and multipart/related data
by: Simon Callan | last post by:
I'm trying to implement a WAP Push Protocol Gateway, using Push Access Protocol over HTTP, and I'm having problems. Ignoring all the buzzwords, my CGI program receives a post something like: ...
Perl
0
load hierarchically related data from xml
by: Scanner2001 | last post by:
I am researching some options for loading hierarchically related data from xml into an sql server database. I do not have the primary keys in the source xml files. The primary keys are identity...
.NET Framework
2
Looping through related data..?
by: Jim in Arizona | last post by:
Usually, If i need special formatting, I don't use the datagrid control and use a loop that processes a table for each record read from the database (as in classic asp) like so: ...
ASP.NET
1
Cannot display Chinese data from database
by: Jason Chan | last post by:
Some chinese characters data (in Big5 encoding) is stored in database. I tried to display the data in an aspx but the characters cannot display correctly. I tried anything I think is related: -...
ASP.NET
2
Whats best event for changing related data in child table
by: Bob | last post by:
I got three related datagrid views one parent and two children of the same. The two child tables contain many thousands of records and some of the contents are bitmap files in a sql server...
Visual Basic .NET
3
Representing Related Data within a DataGrid
by: Aaron | last post by:
Hi, It is possible to establish relationships between tables within a dataset and this allows some useful features. For example, given a row from a table you can use GetParentRow,...
Visual Basic .NET
2
LogIn and display Related items from a second table
by: swaggerking | last post by:
First off, I'm using Dreamweaver and an Access db. Second, I'm a novice. I have two tables in my db: "tdClients" & "tdClientInvoices". The only relation/common denominator in each table is the...
ASP / Active Server Pages
19
What control would you use to display unbound data?
by: Mel | last post by:
I want to display custom data in some sort of control on a web page. By custom data I mean it's not in a database yet it just resides in a List Box on a different tab . I just want to display the...
ASP.NET
21
Mas Juliza Alias
Read and display specific data from text file into listbox using VB 6
by: Mas Juliza Alias | last post by:
Hi, I am building a program on Information System for Reservoir Operation for my Masters research. Now I have a text file which is an output file from a processing software (Terramodel) that lists...
Visual Basic 4 / 5 / 6
1
Cloud Servers without Credit Card and Email Registration: A Simpler Way to Get on the Cloud
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
General
0
Wordpress or something else?
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
Content Management Systems
0
isladogs
Access Europe: Command bars, the Access Shortcut Tool and a simple Audit Log - Wed 3 April
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...
General
0
Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
General
0
How to turn on java script in a villaon keypad mobile phone
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
Java
0
Batch import of multiple excel files into the database
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
Data Management
0
Merging data from multiple Excel files
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
Data Management
0
Migrating Website to Cloud - Emmanuel Katto
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
General
1
Looking to do Android software development, any suggestions? Is flutter better?
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
General

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.

BYTES.COM © 2024
About Bytes
Terms Of Use
Privacy Policy
Sitemap
Advertise on Bytes:
Post a Job
Sponsored Posts
Platinum & Gold Sponsors
Hire Now!