php in foundation modal

Question

Я пытаюсь извлечь некоторую информацию из своей базы данных и поместить ее в модальную. Я пошел на сайт фондов и попытался понять это из раздела своих документов. Я точно не понимаю. Поэтому у меня есть раздел моего сайта, который позволяет пользователям запрашивать удаление песни, которую они загружали. Теперь, если они нажимают на X, модальный должен появиться и попросить подтвердить.

<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 и ООП я знаю это, но этот сайт в настоящее время не кодированный со всем, что ..

Answer 1

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%
• .large:. Набор ширина до 60%.
• .xlarge: Установите ширину до 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 отключен (вы не вызываете никакого контента в асинхронном режиме - все это скомпилировано во время выполнения через ваш сервер