Собственно есть код поиска (использовала многократно в другом проекте) и есть код плеера. нужно всё обьединить в 1 файл но чтобы при поиске то что найдено становилось плелистом. Плеер брала вот отсюда http://bloggertak.blogspot.ru/2011/01/mp3-google-blogger.html, база данных содержит 2 столбца: название песни и ссылка на неё типа music.onion/music/track1.mp3
Теперь код страницы с поиском:
CODE ( htmlphp):
скопировать код в буфер обмена
<?php if(isset($_GET["search_words"])){ $db_name = "music";//Здесь название вашей базы данных $db_user = "mus";//Здесь имя пользователя базы данных $db_password = "";//Здесь пароль вашего пользователя $db_host = "localhost";//Здесь хост или IP адрес серевера MySQL $html = ""; $search_words = $_GET["search_words"]; exit("NO CONNECT TO MYSQL"); $query = "SELECT * FROM music WHERE name LIKE '%{$search_words}%'"; $result = str_replace($search_words,"<b><i>".$search_words."</i></b>",$result["name"]); $html .= "<p>".$result."</p>"; } echo !empty($html)?$html:"No result"; } else { ?> <!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" xml:lang="ru-ru" lang="ru-ru" > <head> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript"> function getSearchInput(){ var maskInput = $("#search_words").val(); var cStart = $("#count_chars").val(); var countChars = maskInput.replace(/\s+/g, "").length; if(countChars != 0) { var cStartw = $("#re_chars").val(); var searchInput = $("#search_words").val(); } else { var cStartw = ""; var searchInput = ""; } if(cStart != countChars || cStartw != searchInput) { $("#search_result").load("index.php?search_words=" + searchInput); $("#count_chars").val(countChars); $("#re_chars").val(searchInput); } } $(document).ready(function(){ setInterval(getSearchInput,1000); }); </script> </head> <body> <center> <embed type="application/x-shockwave-flash" flashvars="audioUrl=вместо одного файла нужно сделать целый живой плейлист" src="http://www.google.com/reader/ui/3523697345-audio-player.swf" width="300" height="27" quality="best"></embed> <input id="search_words" type="text" /> <input id="count_chars" type="hidden" value="0" /> <input id="re_chars" type="hidden" value="Search" /> <div id="search_result"></div> </body> </html> <?php } ?>
поиск работает но не знаю как настроить чтобы он выводил не название а картинку-ссылку (для скачивания), а справа от ссылки мини плеер как в вк
|