php在基础模态中

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和OOP，我知道这一点，但是此站点当前未使用所有代码进行编码。

Answer 1

首先要确定-在这种情况下，通常最好查看编译源（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％的浏览器宽度。或者其中之一（直接从Foundation Docs获取）

• 。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标记（您不是异步调用任何内容-它们都是在运行时通过服务器编译的]]] >>

我将使用https://packagist.org/packages/phpfui/phpfui来完全处理所有需要花很长时间才能弄清楚的问题。您只需将PHP对象添加到页面，然后输出页面，PHPFUI会处理其他所有事情。

我在大约3分钟内完成了这个示例。如此简单，就可以了。

namespace PHPFUI;

// Your autoloader here
include '../vendor/autoload.php';

$page = new Page();
$page->addStyleSheet('/css/styles.css');

$buttonGroup = new ButtonGroup();
$openButton = new Button('Click me for a modal');
$buttonGroup->addButton($openButton);

$reveal = new Reveal($page, $openButton);
$reveal->add(new Header('Awesome. I Have It.'));
$reveal->add('<p class="lead">Your couch. It is mine.</p>');
$reveal->add("<p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>");
$reveal->add(new Input\Date($page, 'date', 'A Cool Date Picker', '2019-10-10'));

$nestedButton = new Button('Click me for a nested modal');
$buttonGroup->addButton($nestedButton);

$nestedReveal = new Reveal($page, $nestedButton);
$nestedReveal->add(new Header('Awesome!'));
$nestedReveal->add('<p class="lead">I have another modal inside of me!</p>');
$nestedReveal->add(new Input\File($page, 'Drag and Drop File Upload'));

$nestedRevealButton = new Button('Click me for another modal!');
$nestedReveal->add($nestedRevealButton);

$nestedReveal2 = new Reveal($page, $nestedRevealButton);
$nestedReveal2->add(new Header('ANOTHER MODAL!!!'));
$nestedReveal2->add(new SubHeader('With A Photo, how cool!'));
$nestedReveal2->add(new Image('https://foundation.zurb.com/sites/docs/assets/img/rectangle-1.jpg'));

$page->add($buttonGroup);

echo $page;

Answer 2

我将使用https://packagist.org/packages/phpfui/phpfui来完全处理所有需要花很长时间才能弄清楚的问题。您只需将PHP对象添加到页面，然后输出页面，PHPFUI会处理其他所有事情。