Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Regular Coder
    Join Date
    Aug 2008
    Posts
    104
    Thanks
    4
    Thanked 14 Times in 14 Posts

    element adding - newbie here..

    Hi There,

    I'm writing a wee script that uses Adobe's Spry Data tool - it's a basic repertoire list that you can click through using first letters of the composers or titles. My problem is that I'm using appendChild to add nodes for the Alphabet menu with the following function:

    Code:
    for (var i = 0; i < rows.length; i++)
    {
    	if (rows[i][sortBy].charAt(0) != currentChar)
    	{
    		var txt = document.createTextNode(rows[i][sortBy].charAt(0));
    		document.getElementById("filterby").appendChild(txt);
    		//var letter = document.createElement('td');
    		//var link = document.createElement('a');
    		//link.setAttribute('href', '#');
    		//link.setAttribute('onclick', 'filterOut(\'' + rows[i][sortBy].charAt(0) + '\', sortBy); return false');
    		
    		//var dest = document.getElementById("filterby");
    		//dest.appendChild(letter);
    		//letter.appendChild(link);
    		
    	
    	}
    
    }
    
    }
    (commented out version is the one I tried, the one not commented is just a simple test to see why it wasn't working - this didn't work either)

    Full code is here:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    
    <?php
    
    require('includes/functions.php');
    
    db_connect();
    
    ?>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Black Hair Contemporary Music Ensemble</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <!--[if IE]>
    <link rel="stylesheet" type="text/css" href="all-ie.css" />
    <![endif]-->
    <link href="rss.php" rel="alternate" type="application/rss+xml" title="Black Hair Website RSS News Feed" />
    <script type="text/javascript" src="js/add_bookmark.js">
    </script>
    
    <script language="JavaScript" type="text/javascript" src="spryincludes/SpryAccordion.js"></script>
    <link href="spryincludes/SpryAccordion.css" rel="stylesheet" type="text/css" />
    
    
    <script language="JavaScript" type="text/javascript" src="spryincludes/xpath.js"></script>
    <script language="JavaScript" type="text/javascript" src="spryincludes/SpryData.js"></script>
    <script language="JavaScript" type="text/javascript" src="spryincludes/SpryDataExtensions.js"></script>
    
    <script language="JavaScript" type="text/javascript">
    var myArrayOfData = [
    <?php
    $result = mysql_query('SELECT * FROM repertoire ORDER BY rSirname, rForename ASC');
    
    while ($row = mysql_fetch_assoc($result))
    {
    	echo '{ lastname: "' . $row['rSirname'] . '", firstname: "' . $row['rForename'] . '", title: "' . $row['rTitle'] . '", instruments: "' . $row['rinstruments'] . '", duration: "' . $row['rDuration'] . "\" },\n";
    }
    
    ?>
    ];
    
    var allRep = new Spry.Data.DataSet();
    
    allRep.setDataFromArray(myArrayOfData);
    
    var sortBy = 'lastname';
    var currentChar = '';
    var rows = allRep.getData();
    
    function setList () {
    
    for (var i = 0; i < rows.length; i++)
    {
    	if (rows[i][sortBy].charAt(0) != currentChar)
    	{
    		var txt = document.createTextNode(rows[i][sortBy].charAt(0));
    		document.getElementById("filterby").appendChild(txt);
    		//var letter = document.createElement('td');
    		//var link = document.createElement('a');
    		//link.setAttribute('href', '#');
    		//link.setAttribute('onclick', 'filterOut(\'' + rows[i][sortBy].charAt(0) + '\', sortBy); return false');
    		
    		//var dest = document.getElementById("filterby");
    		//dest.appendChild(letter);
    		//letter.appendChild(link);
    		
    	
    	}
    
    }
    
    }
    
    
    
    
    filterOut('A', sortBy);
    
    
    function sortByComposer ()
    {
    	allRep.sort(["lastname", "firstname"]);
    	sortBy = 'lastname';
    	
    	allRep.removeAllFilters();
    	
    	setList();
    	
    	filterOut('A', sortBy);
    }
    
    function sortByTitle ()
    {
    	allRep.sort(["title"]);
    	sortBy = 'title';
    	
    	allRep.removeAllFilters();
    	
    	setList();
    	
    	filterOut('A', sortBy);
    }
    
    
    
    
    function filterOut (letter, sortRow) {
    
    	
    	
    	var regExpStr = letter;
    	
    	regExpStr = "^" + regExpStr;
    
    	var regExp = new RegExp(regExpStr, "i");
    	
    	var filterFunc = function(ds, row, rowNumber)
    	{
    		var str = row[sortRow];
    		if (str && str.search(regExp) != -1)
    			return row;
    		return null;
    	};
    	
    	allRep.filter(filterFunc);
    	
    }
    
    
    
    
    </script>
    
    </head>
    <body>
    
    
    <div class = "wrapper">
    	
    	<div class = "header">
    	
    	</div>
    	
    	<div class = "bottom">
    	
    		<div class = "left">
    		<div class = "repertoire">
    			<div id="Acc1" class="Accordion">
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">SAMPLE PROGRAMMES</div>
        <div class="AccordionPanelContent">
    
        <?php
        
        $result = mysql_query('SELECT text FROM texts WHERE tfield = "repertoire"');
        
        while ($row = mysql_fetch_assoc($result))
        {
        	echo '<div class="accordtext">';
        	echo $row['text'];
        	echo '</div>';
        }
        
        
        ?>
    
        </div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">CURRENT REPERTOIRE</div>
        <div class="AccordionPanelContent">
    
        <?php
        
        $result = mysql_query('SELECT * FROM Repertoire WHERE rCurrent = "YES" ORDER BY rSirname, rForename ASC');
        echo '<div class = "accordtext">';
        echo '<table>';
        while ($row = mysql_fetch_assoc($result))
        {
        
        	echo '<tr>';
        	echo '<td><b>' . $row['rSirname'] . ', ' . $row['rForename'] . '</b></td>';
        	echo '<td>' . $row['rTitle'] . '<span style="color:#333; font-size:11px;"> (' . $row['rinstruments'] . ')</span></td>';
        	echo '<td>';
        	if ($row['rDuration'] != '')
        	{
        		echo $row['rDuration'];
        	}
        	echo '</td>';
        	echo '</tr>';
        }
        echo '</table>';
        echo '</div>';
        ?>
    
        </div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">ALL REPERTOIRE [A-Z BY COMPOSER]</div>
        <div class="AccordionPanelContent">
        	<div spry:region="allRep">
        		<div class = "selector">
        			<table>
        			<tr id = "filterby">
        			<td>Filter By: </td>
        			<td><a href = "#" onclick="sortByComposer();return false;">Composer</a></td>
        			<td><a href = "#" onclick="sortByTitle(); return false;">Title</a></td><td id = "filterby"></td>
        			</tr> </table>
        		</div>
        	
    			<div class = "accordtext">
    			
    				<table>
    				<tr spry:repeat="allRep"><td><b>{lastname}, {firstname}</b></td><td>{title}<span style="color:#333; font-size:11px;"> ({instruments}) </span></td><td>{duration}</td></tr>
    				</table>
    
    			</div>
    
    		</div>
        </div>
      </div>
    </div>
    		</div>
    		</div>
    		
    		<div class = "navigation">
    			<div class = "navplaces">
    		
    			<a href="index.php">HOME</a><p>
    
    			<a href="repertoire.php">REPERTOIRE</a></p><p>
    
    			<a href="workshops.php">WORKSHOPS</a></p><p>
    
    			<a href="audio.php">AUDIO/VIDEO</a></p><p>
    
    			<a href="gigs.php">UPCOMING GIGS</a></p><p>
    
    			<a href="about.php">ABOUT US</a></p><p>
    
    			<a href="gallery.php">GALLERY</a></p><p>
    
    			<a href="contact.php">CONTACT</a></p><p>
    
    			<a href="links.php">LINKS</a></p>
    		
    			</div>
    			
    			
    			<div class = "options">
    			
    			<table>
    			<tr><td style="width:24px; background:url(img/end.gif) no-repeat 16px 8px"><a href="feed://www.blackhairensemble.com/rss.php"><img src="img/rssicon.gif" /><a/></td><td><a href="feed://www.blackhairensemble.com/rss.php"><div style = "background:url(img/line.gif) repeat-x 0px 5px; width:90px;border-spacing:0px;">RSS News Feed</div></a></td></tr>
    			<tr><td style="width:24px; background:url(img/end.gif) no-repeat 16px 8px"><a href="javascript:addToFavorites()"><img src="img/bookmarkicon.gif" /></a></td><td><div id="addBookmarkContainer" style = "background:url(img/line.gif) repeat-x 0px 5px; width:115px;border-spacing:0px;"></div></td></tr>
    			</div>
    		
    		</div>
    	
    	
    	
    	
    	
    	</div>
    
    </div>
    
    <script type="text/javascript">
    var acc1 = new Spry.Widget.Accordion("Acc1");
    </script>
    
    
    </body>
    
    </html>
    Anybody any ideas as to why this isn't working?

    Many Thanks
    Edd

  • #2
    Senior Coder shyam's Avatar
    Join Date
    Jul 2005
    Posts
    1,563
    Thanks
    2
    Thanked 163 Times in 160 Posts
    perhaps you could post the generated html instead of the php code...
    You never have to change anything you got up in the middle of the night to write. -- Saul Bellow

  • #3
    Regular Coder
    Join Date
    Aug 2008
    Posts
    104
    Thanks
    4
    Thanked 14 Times in 14 Posts
    Hey there,

    ok here goes:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Black Hair Contemporary Music Ensemble</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <!--[if IE]>
    <link rel="stylesheet" type="text/css" href="all-ie.css" />
    <![endif]-->
    <link href="rss.php" rel="alternate" type="application/rss+xml" title="Black Hair Website RSS News Feed" />
    <script type="text/javascript" src="js/add_bookmark.js">
    </script>
    
    <script language="JavaScript" type="text/javascript" src="spryincludes/SpryAccordion.js"></script>
    <link href="spryincludes/SpryAccordion.css" rel="stylesheet" type="text/css" />
    
    
    <script language="JavaScript" type="text/javascript" src="spryincludes/xpath.js"></script>
    <script language="JavaScript" type="text/javascript" src="spryincludes/SpryData.js"></script>
    <script language="JavaScript" type="text/javascript" src="spryincludes/SpryDataExtensions.js"></script>
    
    <script language="JavaScript" type="text/javascript">
    var myArrayOfData = [
    { lastname: "", firstname: "", title: "", instruments: "", duration: "" },
    { lastname: "Andrew", firstname: "Kerry", title: "Hammock", instruments: "Voice and 'Cello", duration: "00:03:00" },
    { lastname: "Andrew", firstname: "Kerry", title: "Fruitsongs", instruments: "Voice and Ensemble", duration: "00:10:00" },
    { lastname: "Aperghis", firstname: "Georges", title: "3 Recitations", instruments: "Solo Voice", duration: "00:00:00" },
    { lastname: "Aperghis", firstname: "Georges", title: "le Corps &agrave; Corps", instruments: "Vocal Percussionist", duration: "00:14:00" },
    { lastname: "Armstrong", firstname: "Tom", title: "Subterrania", instruments: "Ensemble", duration: "00:10:00" },
    { lastname: "Bennett", firstname: "Ed", title: "Monster", instruments: "Solo Bass Clarinet and Electronics", duration: "00:08:00" },
    { lastname: "Boulez", firstname: "Pierre", title: "D&eacute;rive 1", instruments: "Ensemble", duration: "00:09:00" },
    { lastname: "Cage", firstname: "John", title: "The Wonderful Widow of 18 Springs", instruments: "", duration: "00:03:00" },
    { lastname: "Caine", firstname: "Edward", title: "5/5/5", instruments: "Clarinet and Percussion", duration: "00:04:00" },
    { lastname: "Dennehy", firstname: "Donnacha", title: "pAt", instruments: "Piano and Tape", duration: "00:08:00" },
    { lastname: "Dickson", firstname: "Ian", title: "Miranda Fuerte", instruments: "Solo 'Cello", duration: "00:06:00" },
    { lastname: "Donatoni", firstname: "Franco", title: "Arp&egrave;ge", instruments: "", duration: "00:08:00" },
    { lastname: "Easterbrook", firstname: "Giles", title: "The Unmiraculous Mandarin", instruments: "Voice and 'Cello", duration: "00:03:00" },
    { lastname: "Finnissy", firstname: "Michael", title: "Qabara", instruments: "Didjeridu and Percussion", duration: "00:06:00" },
    { lastname: "Fujii", firstname: "Takashi", title: "Dancing Bones", instruments: "solo trombone", duration: "00:06:00" },
    { lastname: "Globokar", firstname: "Vinco", title: "Corporel", instruments: "Body Percussion", duration: "00:06:00" },
    { lastname: "Hamilton", firstname: "Andrew", title: "I Like Things", instruments: "", duration: "00:15:00" },
    { lastname: "Harron", firstname: "Damien", title: "Control Freak", instruments: "Music Theatre", duration: "00:20:00" },
    { lastname: "Harron", firstname: "Damien", title: "Die Out", instruments: "Black Hair", duration: "" },
    { lastname: "Harron", firstname: "Damien", title: "Taking Sides", instruments: "Percussion and Tape", duration: "00:10:00" },
    { lastname: "Harron", firstname: "Damien", title: "Events Unfold", instruments: "Voice and Percussion", duration: "00:15:00" },
    { lastname: "Hodkinson", firstname: "Juliana", title: "Why linger you trembling in your shell?", instruments: "Ciolin and Percussion", duration: "00:12:00" },
    { lastname: "Hoyland", firstname: "Vic", title: "Piano Trio", instruments: "", duration: "00:15:00" },
    { lastname: "Jessen", firstname: "Edward", title: "Companion Box no.04/01", instruments: "Two Toy Pianos and Voices", duration: "00:05:00" },
    { lastname: "Kondo", firstname: "Jo", title: "Gardenia", instruments: "Ensemble", duration: "00:10:00" },
    { lastname: "Marsh", firstname: "Roger", title: "The Bodhi Tree", instruments: "Voice and Trombone", duration: "00:08:00" },
    { lastname: "Marsh", firstname: "Roger", title: "Dum - a vocal percussive fantasy", instruments: "Voice and Percussion", duration: "00:00:00" },
    { lastname: "Marsh", firstname: "Roger", title: "A Little Snow", instruments: "Solo Voice", duration: "00:05:00" },
    { lastname: "Marsh", firstname: "Roger", title: "More Silly Love Songs", instruments: "Voice and Ensemble", duration: "00:12:00" },
    { lastname: "Marsh", firstname: "Roger", title: "Black Hair", instruments: "Song", duration: "00:05:00" },
    { lastname: "Marsh", firstname: "Roger", title: "The Song of Abigail", instruments: "Voice and Ensemble", duration: "00:20:00" },
    { lastname: "Marsh", firstname: "Roger", title: "Kagura", instruments: "Large Ensemble", duration: "00:14:00" },
    { lastname: "Marsh", firstname: "Roger", title: "Hoichi", instruments: "Alto Flute and Electronics", duration: "00:10:00" },
    { lastname: "Marsh", firstname: "Roger", title: "The Wormwood and the Gall", instruments: "Voice and Ensemble", duration: "00:14:00" },
    { lastname: "Marsh", firstname: "Roger", title: "Sankyoku", instruments: "Alto Flute, Guitar and Percussion", duration: "00:08:00" },
    { lastname: "McGaughey", firstname: "Matthew", title: "Ritornelli", instruments: "Ensemble", duration: "00:08:00" },
    { lastname: "Meredith", firstname: "Anna", title: "A Blue True Dream of Sky", instruments: "Ensemble", duration: "00:10:00" },
    { lastname: "Moran", firstname: "Peter", title: "Peyote Transcriptions", instruments: "Flute and Percussion", duration: "00:09:00" },
    { lastname: "Nickol", firstname: "Peter", title: "Praeludium", instruments: "Solo 'Cello", duration: "00:10:00" },
    { lastname: "Priestley", firstname: "Amber", title: "'such nights I get all the free margins'", instruments: "Office Equipment", duration: "00:10:00" },
    { lastname: "Rands", firstname: "Bernard", title: "Ballad 1", instruments: "Voice/Ensemble", duration: "00:15:00" },
    { lastname: "Rands", firstname: "Bernard", title: "Memo 1", instruments: "Amplified Double Bass", duration: "00:08:00" },
    { lastname: "Reim", firstname: "Lisa", title: "Fairy Tales", instruments: "", duration: "00:15:00" },
    { lastname: "Schoenberg", firstname: "Arnold", title: "Pierrot Lunaire Op 21", instruments: "", duration: "00:35:00" },
    { lastname: "Sherlaw Johnson", firstname: "Robert", title: "Tryptich", instruments: "Ensemble", duration: "00:12:00" },
    { lastname: "Simaku", firstname: "Thomas", title: "Clarimbasso", instruments: "Bass Clarinet and Marimba", duration: "00:15:00" },
    { lastname: "Simaku", firstname: "Thomas", title: "Stanze Sonore", instruments: "Ensemble", duration: "00:12:00" },
    { lastname: "Stringer", firstname: "John", title: "lied", instruments: "Solo 'Cello", duration: "00:06:00" },
    { lastname: "Stringer", firstname: "John", title: "Burlesque", instruments: "", duration: "00:08:00" },
    { lastname: "Stringer", firstname: "John", title: "Invention II", instruments: "Trio", duration: "00:08:00" },
    { lastname: "Takemitsu", firstname: "Toru", title: "Towards the Sea", instruments: "Piano Trio", duration: "00:12:00" },
    { lastname: "Takemitsu", firstname: "Toru", title: "Orion", instruments: "Cello and Piano", duration: "00:09:00" },
    { lastname: "Takemitsu", firstname: "Toru", title: "Distance de Fe", instruments: "Violin and Piano", duration: "00:09:00" },
    { lastname: "Takemitsu", firstname: "Toru", title: "All in Twilight", instruments: "Guitar", duration: "00:09:00" },
    { lastname: "Tenney", firstname: "James", title: "Koan", instruments: "Solo Violin", duration: "00:05:00" },
    { lastname: "Varese", firstname: "Edgar", title: "Octandre", instruments: "", duration: "00:12:00" },
    { lastname: "Visconti-Prasca", firstname: "Marco", title: "tROM bONE", instruments: "Trombone and Percussion", duration: "00:10:00" },
    { lastname: "Walshe", firstname: "Jennifer", title: "As mo cheann (out of my head)", instruments: "Voice and Violin", duration: "00:10:00" },
    { lastname: "Webern", firstname: "Anton", title: "Concerto op. 24", instruments: "", duration: "00:15:00" },
    { lastname: "Weir", firstname: "Judith", title: "The Consolations of Scholarship", instruments: "Voice and Ensemble", duration: "00:15:00" },
    { lastname: "Williams", firstname: "Gareth", title: "You're not the Boss of me", instruments: "vce/ensemble", duration: "00:10:00" },
    { lastname: "Winther Christensen", firstname: "Christian", title: "Don't Look Back", instruments: "Ensemble", duration: "00:08:00" },
    { lastname: "Xenakis", firstname: "Iannis", title: "Rebonds", instruments: "Solo Percussion", duration: "00:10:00" },
    { lastname: "Zwaanenburg", firstname: "Jos", title: "Hairy Haiku", instruments: "Percussion", duration: "00:04:00" },
    ];
    
    var allRep = new Spry.Data.DataSet();
    
    allRep.setDataFromArray(myArrayOfData);
    
    var sortBy = 'lastname';
    var currentChar = '';
    var rows = allRep.getData();
    
    function setList () {
    
    for (var i = 0; i < rows.length; i++)
    {
    	if (rows[i][sortBy].charAt(0) != currentChar)
    	{
    		var txt = document.createTextNode(rows[i][sortBy].charAt(0));
    		document.getElementById("filterby").appendChild(txt);
    		//var letter = document.createElement('td');
    		//var link = document.createElement('a');
    		//link.setAttribute('href', '#');
    		//link.setAttribute('onclick', 'filterOut(\'' + rows[i][sortBy].charAt(0) + '\', sortBy); return false');
    		
    		//var dest = document.getElementById("filterby");
    		//dest.appendChild(letter);
    		//letter.appendChild(link);
    		
    	
    	}
    
    }
    
    }
    
    
    
    
    filterOut('A', sortBy);
    
    
    function sortByComposer ()
    {
    	allRep.sort(["lastname", "firstname"]);
    	sortBy = 'lastname';
    	
    	allRep.removeAllFilters();
    	
    	setList();
    	
    	filterOut('A', sortBy);
    }
    
    function sortByTitle ()
    {
    	allRep.sort(["title"]);
    	sortBy = 'title';
    	
    	allRep.removeAllFilters();
    	
    	setList();
    	
    	filterOut('A', sortBy);
    }
    
    
    
    
    function filterOut (letter, sortRow) {
    
    	
    	
    	var regExpStr = letter;
    	
    	regExpStr = "^" + regExpStr;
    
    	var regExp = new RegExp(regExpStr, "i");
    	
    	var filterFunc = function(ds, row, rowNumber)
    	{
    		var str = row[sortRow];
    		if (str && str.search(regExp) != -1)
    			return row;
    		return null;
    	};
    	
    	allRep.filter(filterFunc);
    	
    }
    
    
    
    
    </script>
    
    </head>
    <body>
    
    
    <div class = "wrapper">
    	
    	<div class = "header">
    	
    	</div>
    	
    	<div class = "bottom">
    	
    		<div class = "left">
    		<div class = "repertoire">
    			<div id="Acc1" class="Accordion">
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">SAMPLE PROGRAMMES</div>
        <div class="AccordionPanelContent">
    
        <div class="accordtext"><h2>Skin and Bone</h2>
    <i>Programme for "Sconfini" festival, Modena, May 2006</i>
    <p>
    Black Hair soloists Anna Myatt, Damien Harron, Barrie Webb and Roger Marsh present an international sequence of studies in music theatre.  This is music for the eye, theatre for the ear.
    Presented in an open art gallery space with free and continous access for the general public.  
    
    <table><tr><td><b>Fujii</b> </td><td> 			Dancing Bones    (solo trombone)</td></tr>
    <tr><td><b>Aperghis </b></td> 		<td>3 Recitations   	(Solo voice)</td></tr>
    <tr><td><b>Marsh </b></td><td> 		The Bodhi Tree  (Voice and trombone)</td></tr>
    <tr><td><b>Marsh </b></td><td>	Dum - a vocal percussive fantasy</td></tr>
    <tr><td><b>Marsh  	</b></td><td>	A Little Snow	(for solo voice)</td></tr>	
    <tr><td><b>Visconti Prasca   </b></td><td>	tROM bONE  	(trombone and percussion: Black Hair commission)	</td></tr>
    <tr><td><b>Georges Aperghis </b>	</td><td>	Le corps &agrave; corps  (for vocal percussionist)</td></tr></table>		 
    
    </p>
    
    <h2>Programme for Dartington Arts   (May 2008)</h2>
    <p>
    Presented in three linked and quite different studio spaces.  The audience were led from space to space throughout the concert.  The obsessive soprano of Damien Harron's Control Freak became the Master of Ceremonies for the entire show.
    
    <table><tr><td><b>Roger Marsh</b></td><td>		More Silly Love Songs (voice and ensemble) 	</td></tr>
    <tr><td><b>Jennifer Walshe	</b></td><td>		As mo cheann (out of my head)  (voice and violin)</td></tr>
    <tr><td><b>Juliana Hodkinson</b></td><td>Why linger you trembling in your shell? (violin and percussion)	</td></tr>
    <tr><td><b>Ed Bennett	</b>	</td><td>	Monster (solo bass clarinet and electronics) 	</td></tr>
    <tr><td>		<b>Donnacha Dennehy	</b></td><td>			pAt	(piano and tape)</td></tr>
    <tr><td><b>Georges Aperghis</b>	</td><td>			 Le Corps &agrave; Corps (for vocal percussionist) </td></tr>
    <tr><td>	<b>Damien Harron</b>	</td><td>		 Control freak(for Black Hair)	</td></tr>
    </p>
    <h2>Programme for The Late Music festival March 2005</h2>
    <p>
    <tr><td>		<b>Pierre Boulez</b>	</td><td>		D&eacute;rive 1 for ensemble	</td></tr>
    <tr><td><b>Edward Caine</b></td><td>	2/2/05  (clarinet and percussion: Black Hair commission.)</td></tr>
    <tr><td>	<b>Anna Meredith</b>	</td><td>	A Blue True Dream of Sky for ensemble*</td></tr>
    <tr><td>	<b>	John Cage</b></td><td>		The Wonderful Widow of 18 Springs</td></tr>
    <tr><td>	<b>Tom Armstrong</b>	</td><td>		Subterrania for ensemble	</td></tr>
    <tr><td>	<b>Peter Nickol</b></td><td>		Praeludium for solo cello (world premiere)*</td></tr>
    <tr><td><b>Judith Weir</b></td><td>	The Consolations of Scholarship (voice and ensemble)</td></tr>	</table>
    *   Pieces selected from the current SPNM shortlist
    </p>
    <h2>Programme for The Cutting Edge at the Warehouse, London, 20 Nov 2008</h2>
    <p>
    <table><tr><td></td><td>5 Haiku  (all Black Hair commissions)</td></tr>
    <tr><td><b>Kerry Andrew	</b></td><td>	Hammock  (haiku for voice and 'cello)		</td></tr>
    <tr><td><b>Edward Jessen</b></td><td>		Companion Box no.04/01 (for two toy pianos and voices)</td></tr>
    <tr><td><b>Giles Easterbrook</b></td><td>		The Unmiraculous Mandarin (haiku for voice and cello)</td></tr>
    <tr><td><b>Jos Zwaanenburg	</b></td><td>		Hairy Haiku 	(for a percussionist)	</td></tr>
    <tr><td>	<b>Damien Harron</b></td><td>		Die out  (haiku for Black Hair)		</td></tr>
    
    <tr><td><b>Juliana Hodkinson</b></td><td>	 Why linger you trembling in your shell? (violin and percussion)</td></tr>
    <tr><td><b>Georges Aperghis</b>	</td><td>			 Le Corps &agrave; Corps (for vocal percussionist) </td></tr>
    <tr><td>	<b>	Georges Aperghis</b>	</td><td>		 3 Recitations   	(Solo voice)</td></tr>
    <tr><td> <b>   Roger Marsh</b>  </td><td>		More Silly Love Songs (for voice and ensemble)</td></tr>
    <tr><td>	<b>Damien Harron 	</b></td><td>		Control freak (for Black Hair)</td></tr></table>
    </p></div>
        </div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">CURRENT REPERTOIRE</div>
        <div class="AccordionPanelContent">
    
        <div class = "accordtext"><table><tr><td><b>Caine, Edward</b></td><td>5/5/5<span style="color:#333; font-size:11px;"> (Clarinet and Percussion)</span></td><td>00:04:00</td></tr><tr><td><b>Easterbrook, Giles</b></td><td>The Unmiraculous Mandarin<span style="color:#333; font-size:11px;"> (Voice and 'Cello)</span></td><td>00:03:00</td></tr><tr><td><b>Harron, Damien</b></td><td>Control Freak<span style="color:#333; font-size:11px;"> (Music Theatre)</span></td><td>00:20:00</td></tr><tr><td><b>Harron, Damien</b></td><td>Taking Sides<span style="color:#333; font-size:11px;"> (Percussion and Tape)</span></td><td>00:10:00</td></tr><tr><td><b>Harron, Damien</b></td><td>Events Unfold<span style="color:#333; font-size:11px;"> (Voice and Percussion)</span></td><td>00:15:00</td></tr><tr><td><b>Jessen, Edward</b></td><td>Companion Box no.04/01<span style="color:#333; font-size:11px;"> (Two Toy Pianos and Voices)</span></td><td>00:05:00</td></tr><tr><td><b>McGaughey, Matthew</b></td><td>Ritornelli<span style="color:#333; font-size:11px;"> (Ensemble)</span></td><td>00:08:00</td></tr><tr><td><b>Moran, Peter</b></td><td>Peyote Transcriptions<span style="color:#333; font-size:11px;"> (Flute and Percussion)</span></td><td>00:09:00</td></tr><tr><td><b>Simaku, Thomas</b></td><td>Clarimbasso<span style="color:#333; font-size:11px;"> (Bass Clarinet and Marimba)</span></td><td>00:15:00</td></tr><tr><td><b>Simaku, Thomas</b></td><td>Stanze Sonore<span style="color:#333; font-size:11px;"> (Ensemble)</span></td><td>00:12:00</td></tr><tr><td><b>Stringer, John</b></td><td>lied<span style="color:#333; font-size:11px;"> (Solo 'Cello)</span></td><td>00:06:00</td></tr><tr><td><b>Stringer, John</b></td><td>Burlesque<span style="color:#333; font-size:11px;"> ()</span></td><td>00:08:00</td></tr><tr><td><b>Winther Christensen, Christian</b></td><td>Don't Look Back<span style="color:#333; font-size:11px;"> (Ensemble)</span></td><td>00:08:00</td></tr></table></div>
        </div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">ALL REPERTOIRE [A-Z BY COMPOSER]</div>
        <div class="AccordionPanelContent">
        	<div spry:region="allRep">
        		<div class = "selector">
        			<table>
        			<tr id = "filterby">
        			<td>Filter By: </td>
        			<td><a href = "#" onclick="sortByComposer();return false;">Composer</a></td>
        			<td><a href = "#" onclick="sortByTitle(); return false;">Title</a></td><td id = "filterby"></td>
        			</tr> </table>
        		</div>
        	
    			<div class = "accordtext">
    			
    				<table>
    				<tr spry:repeat="allRep"><td><b>{lastname}, {firstname}</b></td><td>{title}<span style="color:#333; font-size:11px;"> ({instruments}) </span></td><td>{duration}</td></tr>
    				</table>
    
    			</div>
    
    		</div>
        </div>
      </div>
    </div>
    		</div>
    		</div>
    		
    		<div class = "navigation">
    			<div class = "navplaces">
    		
    			<a href="index.php">HOME</a><p>
    
    			<a href="repertoire.php">REPERTOIRE</a></p><p>
    
    			<a href="workshops.php">WORKSHOPS</a></p><p>
    
    			<a href="audio.php">AUDIO/VIDEO</a></p><p>
    
    			<a href="gigs.php">UPCOMING GIGS</a></p><p>
    
    			<a href="about.php">ABOUT US</a></p><p>
    
    			<a href="gallery.php">GALLERY</a></p><p>
    
    			<a href="contact.php">CONTACT</a></p><p>
    
    			<a href="links.php">LINKS</a></p>
    		
    			</div>
    			
    			
    			<div class = "options">
    			
    			<table>
    			<tr><td style="width:24px; background:url(img/end.gif) no-repeat 16px 8px"><a href="feed://www.blackhairensemble.com/rss.php"><img src="img/rssicon.gif" /><a/></td><td><a href="feed://www.blackhairensemble.com/rss.php"><div style = "background:url(img/line.gif) repeat-x 0px 5px; width:90px;border-spacing:0px;">RSS News Feed</div></a></td></tr>
    			<tr><td style="width:24px; background:url(img/end.gif) no-repeat 16px 8px"><a href="javascript:addToFavorites()"><img src="img/bookmarkicon.gif" /></a></td><td><div id="addBookmarkContainer" style = "background:url(img/line.gif) repeat-x 0px 5px; width:115px;border-spacing:0px;"></div></td></tr>
    			</div>
    		
    		</div>
    	
    	
    	
    	
    	
    	</div>
    
    </div>
    
    <script type="text/javascript">
    var acc1 = new Spry.Widget.Accordion("Acc1");
    </script>
    
    
    </body>
    
    </html>
    Many thanks,

    Edd


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •