Upload audio i tekst, Upload audio i tekst

[Pussy]

Witam,
Od razu zaznaczam że jestem laikiem i dopiero się uczę. Szukałam kodu który będzie mi dodawał do bazy MySQL plik MP3 i tekst. Efekt końcowy miał być taki że kod pobiera te dane z bazy i je wyświetla jako tekst i plik do odsłuchania czyli sam button PLAY. Uklepałam coś takiego.

button wzięłam z tej strony
http://alexkatz.me/posts/building-a-cus ... javascript

a kod który przerobiłam z tej
http://www.sourcecodester.com/php/4385/ ... mysql.html

Problem polega na tym że kod dodaje audio ale 2-gie i następne nie działa z połączeniu z nowym button który link jest wyżej. Działa zawsze to pierwsze co dodałam na początku.

Kod działa tylko z tym kodem

Kod: Zaznacz cały

    <audio controls="controls"  style="width: 150px;" preload="preload">
    <source   src="'.$row['location'].'" type="audio/mpeg" />
    </audio>

a tu jest cały index.php czy coś źle w nim zrobiłam?

Kod: Zaznacz cały

    <!DOCTYPE html>
    <html>
     
    <head>
    	<meta charset="utf-8">
    	<title>HTML5 Audio</title>
    	<link rel="stylesheet" type="text/css" href="css/reseeet.css">
    	<link rel="stylesheet" type="text/css" href="css/audio.css">
    </head>
     
    <body>
     
     
     
    <form action="addexec.php" method="post" enctype="multipart/form-data" name="addroom">
    1<br />
     <input type="file" name="image" class="ed"><br />
     
    2<br />
     <input type="file" name="image1" class="ed"><br /> 
     
    3<br />
     <input type="file" name="image2" class="ed"><br />  
     
     <br />
     <input type="submit" name="Submit" value="Upload" id="button1" />
     </form>
    <br />	
    	music
    <br />
    <br />
    <?php
    include('config.php');
    $result = mysql_query("SELECT * FROM music");
    while($row = mysql_fetch_array($result))
    {
    echo '<div id="imagelist">';
     
    echo '<p>'.$row['id'].' </p>';
     
     
    /*plik 1*/
    echo '
    <p id="caption">'.$row['mp3'].' 	
     
    <audio id="music" preload="true">
    		<source src="'.$row['mp3'].'">
     
    	</audio>
     
    	<div id="wrapper">
     
    		<div id="audioplayer">
    			<button id="pButton" class="play"></button>
    			<div id="timeline">
    				<div id="playhead"></div>
    			</div>
    		</div>
    	</div></p>
    	';
     
     
     
     
    /*plik 2*/
    echo '
    <p id="caption">'.$row['mp31'].' 	
     
    <audio id="music" preload="true">
    		<source src='.$row['mp31'].'>
     
    	</audio>
     
    	<div id="wrapper">
     
    		<div id="audioplayer">
    			<button id="pButton" class="play"></button>
    			<div id="timeline">
    				<div id="playhead"></div>
    			</div>
    		</div>
    	</div></p>
    	';
     
     
     
     
    /*plik 3*/
    echo 
    '<p id="caption">'.$row['mp32'].' 	
     
    <audio id="music" preload="true">
    		<source src='.$row['mp32'].'>
     
    	</audio>
     
    	<div id="wrapper">
     
    		<div id="audioplayer">
    			<button id="pButton" class="play"></button>
    			<div id="timeline">
    				<div id="playhead"></div>
    			</div>
    		</div>
    	</div></p>
    	';
     
     
     
     
    echo '</div>';
    }
    ?>	
     
     
    	<script src="js/html5audio.js" type="text/javascript"></script>
     
    </body>
     
    </html>

https://zapodaj.net/5da8dac6dd2af.jpg.html