Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on May 7th, 2012  |  syntax: None  |  size: 4.05 KB  |  hits: 14  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. appending two select dropdown menus to the same div
  2. "song 1" order # 2
  3. "song 2" order # 3
  4. "song 3" order # 1
  5.        
  6. "song 1" order # 2 Key D
  7. "song 2" order # 3 Key A
  8. "song 3" order # 1 Key Eb
  9.        
  10. $chart_query = mysql_query("SELECT id, title FROM songs WHERE team_name='$team_name' ORDER BY title ASC") or die();
  11. while($row = mysql_fetch_array($chart_query)){
  12. $song_id = $row['id'];
  13. $song_title = $row['title'];
  14.  
  15. $song_chart .= '<div align="left" class="song_links">';
  16. if ($logOptions_id == $admin_id) {
  17.     $song_chart .= '<div id="songChart'.$song_id.'" style="border-bottom:1px dotted gray;">
  18.     <span class="selection">
  19.     <select name="selection'.$song_id.'" class="selection">
  20.         <option></option>
  21.         <option value="01-'.$song_id.'&'.$song_title.'">1</option>
  22.         <option value="02-'.$song_id.'&'.$song_title.'">2</option>
  23.         <option value="03-'.$song_id.'&'.$song_title.'">3</option>
  24.         <option value="04-'.$song_id.'&'.$song_title.'">4</option>
  25.         <option value="05-'.$song_id.'&'.$song_title.'">5</option>
  26.         <option value="06-'.$song_id.'&'.$song_title.'">6</option>
  27.         <option value="07-'.$song_id.'&'.$song_title.'">7</option>
  28.         <option value="08-'.$song_id.'&'.$song_title.'">8</option>
  29.         <option value="09-'.$song_id.'&'.$song_title.'">9</option>
  30.         <option value="10-'.$song_id.'&'.$song_title.'">10</option>
  31.         <option value="11-'.$song_id.'&'.$song_title.'">11</option>
  32.         <option value="12-'.$song_id.'&'.$song_title.'">12</option>
  33.         <option value="13-'.$song_id.'&'.$song_title.'">12</option>
  34.         <option value="14-'.$song_id.'&'.$song_title.'">14</option>
  35.         <option value="15-'.$song_id.'&'.$song_title.'">15</option>
  36.     </select>
  37.     </span>
  38.     <span class="key">
  39.     <select name="selection'.$song_id.'" class="selection">
  40.         <option></option>
  41.         <option value="A">A</option>
  42.         <option value="Bb">Bb</option>
  43.         <option value="B">B</option>
  44.         <option value="C">C</option>
  45.         <option value="Db">Db</option>
  46.         <option value="D">D</option>
  47.         <option value="Eb">Eb</option>
  48.         <option value="E">E</option>
  49.         <option value="F">F</option>
  50.         <option value="F#">F#</option>
  51.         <option value="G">G</option>
  52.         <option value="Ab">Ab</option>
  53.     </select>
  54.     </span>
  55.  &ndash; <a href="http://' . $dyn_www . '/template.php?id='.$song_id.'" style="color:#9B1717; text-decoration:none;">'.$song_title.'</a> <img src="../images/loading.gif" id="chartDeletingpic'.$song_id.'" style="display:none;" /> <a href="#" onclick="deleteSongChart('.$song_id.')" style="color:gray; float:right; font-weight:100;">delete</a></div></div>';
  56. }
  57.        
  58. $("#selectionBox select").change(function(){
  59.     obj = {};
  60.     obj.s = [];
  61.     obj.k = [];
  62.     $("#selectionBox .selection select option:selected").each(function(){
  63.         $("#selected_songs").text('');
  64.  
  65.         v = $(this).val();
  66.  
  67.         if(v != ''){        
  68.             obj.s.push(v);
  69.         }
  70.         if(obj.s != ""){
  71.             $('#selectionButton').show();
  72.             var mw = $("#list_month_New").val();
  73.             var dw = $("#list_day_New").val();
  74.             var yw = $("#list_year_New").val();
  75.             var t = $("#listTitle").val();
  76.             if(mw == "" || dw == "" || yw == ""){
  77.                 $("#songListWarning").show();
  78.             }else{
  79.                 $("#songListWarning").hide();
  80.             }
  81.         }else{
  82.             $("#list_month_New").val();
  83.             $("#list_day_New").val();
  84.             $("#list_year_New").val();
  85.             $("#listTitle").val();
  86.             $('#selectionButton').hide();
  87.         }
  88.     });
  89.     $("#selectionBox .key select option:selected").each(function(){
  90.         v = $(this).val();
  91.         if(v != ''){        
  92.             obj.k.push(v);
  93.         }
  94.     })
  95.     obj.s.sort();
  96.     jQuery.each(obj.s, function(){
  97.             O = "";
  98.             O = this+"<br />";
  99.             str = /&(.+)/.exec(O)[1];
  100.             num = O.replace(/-.*/, '');
  101.             fullString = '<span style="color:black">'+num+'</span> - '+str;
  102.             $("#selected_songs").append(fullString);
  103.     });