2013-08-28 33 views
0

我想從我的數據庫中拉出一些信息,並把它放在一個模式。我去了基金會的網站,並試圖從他們的文檔部分弄清楚。我不完全明白它。因此,我有一部分網站允許用戶請求刪除他們上傳的歌曲。現在,如果他們點擊X模式應該彈出並要求確認。PHP在基金會模式

<div class="row"> 
     <div class="large-8 column musicup"> 
     <p> <?php echo "No music uploaded..."; ?> </p> 
     </div> 
    </div> 
    <?php 
     }else{ 
      ?> 
    <h2 style="margin-top:1em;">Music uploaded</h2> 
    <hr style="opacity:.4;"> 
    <?php 
      while($row_a = mysql_fetch_array($res)) 
     { 
    ?> 
    <div class="row"> 
     <div class="large-4 column musicup"> 
     <p><?php echo $row_a['title']; ?></p> 
     </div> 
     <div class="large-3 column musicup"><span data-tooltip class="has-tip tip-top" title="<?php echo $row_a['reason']; ?>"> 
     <div class="button <?php echo $row_a['status'];?>"><?php echo $row_a['status'];?></div> 
     </span></div> 
     <div class="large-3 column musicup_date"> 
     <p><?php echo date('F j Y',strtotime($row_a['uploaded'])); ?> </p> 
     </div> 
     <div class="large-2 column musicup"> 
     <p><a href="song_delete.php?id=<?php echo $row_a['song_id']; ?>" data-reveal-id="deleteMusic" data-reveal-ajax="true" style="font-weight:bold">X</a></p> 
     </div> 
    </div> 
    <?php 
      } 
     } 
    } 
    ?> 
    </div> 

因此,現在我有一個名爲song_delete.php的新頁面上的模態和所有數據庫查詢。

下面是該代碼:

<?php 
include_once "functions.php"; 

$query = sprintf("SELECT * FROM songs WHERE user_id = %d AND song_id = %d",$_SESSION['user_id'], $_GET['id']); 
$res = mysql_query($query) or die('Error: '.mysql_error()); 
$row_a = mysql_fetch_assoc($res); 
$totalRows_a = mysql_num_rows($res); 
?> 
<div id="deleteMusic" class="reveal-modal medium"> 
<h2>Request to delete<span style="color:#F7D745;"> <?php echo $row_a['title']; ?></h2> 
<p class="lead">Are you sure you want to delete this song? Please allow 2 full business weeks for deletion.</p> 
<span style="float:right;"><a href="#" class="button close-reveal-modal cancelbtn">Cancel</a>  
<a href="#" class="button submitbtn">Submit</a> </span> 

<a class="close-reveal-modal">&#215;</a> 
</div> 

感謝提前任何幫助。我很感激。

請不要告訴我的mysql_query中我應該怎麼使用PDO或庫MySQLi和OOP我知道這一點,但是這個網站目前並未與所有編碼..

回答

0

OK首先第一件事情 - 它往往不如在這些情況下查看編譯源(HTML源代碼)。你能做這個嗎?從你給出的代碼看起來很好,但沒有CSS/JS鏈接和顯示揭示代碼的位置,沒有辦法告訴。


基金會如何揭示工作

1 - 模態代碼是剛剛結束</body>之前。

2 - 它應該是這個樣子:

<div id="myModal" class="reveal-modal"> 
    <h2>Awesome. I have it.</h2> 
    <p class="lead">Your couch. It is mine.</p> 
    <p>Im a cool paragraph that lives inside of an even cooler modal. Wins</p> 
    <a class="close-reveal-modal">&#215;</a> 
</div> 

3 - 根據你想你可以使用一個額外的類的.small的大小(揭密30%的瀏覽器的寬度尺寸或之一。這些(直接從基礎文檔截取)

  • .medium:寬度設置爲40%
  • 。大:設置寬度達到60%。
  • .x放大:將寬度設置爲70%。
  • .expand:將寬度設置爲95%。

4 - 此時您可以附上data-reveal-id="<id of modal here>"或通過基金會呼叫模式。 此時您的模式將在所有Foundation 4支持的瀏覽器中彈出但是,您需要javascript文件來關閉它

5 - 現在,請確保您有必要的腳本

<!-- If running version with default scripts --> 
<script src="foundation.js"></script> 
<script src="foundation.reveal.js"></script>  

6 - 然後調用$(document).foundation(),然後通過神奇的jQuery JavaScript庫如:-)預期它應該工作。

額外

  • 您可以添加額外的屬性,如果你想這樣(List of all the attributes )透露:

    $(document).foundation('reveal',<options here>,<callback>)

最後你可能要採取ajax標記關閉(你沒有調用任何內容異步 - 它們都是在運行時通過服務器編譯的