ds3422222 2018-01-17 14:36
浏览 45
已采纳

php代码后滚动到div [关闭]

Hi I would like to scroll to a div after running a php code that runs when i press the it searches the database and posts to a table thats located in that div

<?php
session_start();
include_once 'includes/dbh.php';
if(isset($_POST['search']))
{
    $searchvalue = $_POST['searchvalue'];
    $query = "SELECT * FROM `users` WHERE CONCAT(`user_id`, `user_username`, `user_password`, `user_name`, `user_gender`, `user_age`, `user_contact`, `user_email`, `user_address`, `user_industry`, `user_findout`, `user_admin`) LIKE '%".$searchvalue."%'";
    $result = mysqli_query($conn,$query);
    echo"
    <script type='text/javascript'>
    $(document).ready(function () {
            $('html,body').animate({
                scrollTop: $('.graph').offset().top
            },
                'slow');
        })
    </script>";
else
{
    $query = "SELECT * FROM `users`";
    $result = mysqli_query($conn,$query);
}

?>
  • 写回答

1条回答 默认 最新

  • dongtie0929 2018-01-17 15:13
    关注

    The session_start() needs to be before any HTML output so that means somewhere above the <!DOCTYPE html> tag. The rest of the code should be in the body of the document so you can run the script.

    Also, use the $( window ).load(); instead of $(document).ready(); to be sure that the whole HTML page is loaded including CSS and javascript files.

    Here is the corrected code:

    <?php
    session_start();
    include_once 'includes/dbh.php';
?>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
<?php
if(isset($_POST['search']))
{
  // at least use some kind of escaping.. (Use prepared statements!)
  $searchvalue = mysqli_real_eascape_string($conn, $_POST['searchvalue']);
  $query = "SELECT * FROM `users` WHERE CONCAT(`user_id`, `user_username`, `user_password`, `user_name`, `user_gender`, `user_age`, `user_contact`, `user_email`, `user_address`, `user_industry`, `user_findout`, `user_admin`) LIKE '%".$searchvalue."%'";
  $result = mysqli_query($conn,$query);
  echo '<script type="text/javascript">
     $( window ).load(function()
     {
          $("html,body").animate({
              scrollTop: $(".graph").offset().top
          },
             "slow");
     });
  </script>';
else
{
    $query = "SELECT * FROM `users`";
    $result = mysqli_query($conn,$query);
}
?>
</body>

</html>

    Note: To help make your application more secure, I would suggest looking into mysqli prepared statements. Read on prepared statements: http://php.net/prepared-statements.

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

  • PHP、web前端开发-主页的实现.pptx
    2022-12-16 12:38
    在PHP和Web前端开发中，实现主页通常涉及到多个技术层面，包括后端数据处理、数据库交互以及前端展示。本主题将重点关注如何通过PHP获取并显示Web主页上的文章列表，特别是根据栏目ID读取指定数量的文章。 首先，...
  • php滚动条代码,CSS_给DIV添加滚动条的实现代码，直接为div指定overflow属性为auto - phpStudy...
    2021-04-16 15:58
    weixin_39844284的博客 给DIV添加滚动条的实现代码直接为div指定overflow属性为auto即可，但是必须指定div的高度，如下：复制代码代码如下:如果要出现水平滚动条，则： overflow-x:auto同理，垂直滚动条为： overflow-y:auto如果该div被...
  • jQuery上下滚动banner广告代码.zip
    2019-07-11 09:59
    `jQuery上下滚动banner广告代码.jpg`可能是一个示例截图，展示了完成后的效果。而`php中文网免费下载站.txt`可能是提供下载链接和简短说明的文本文件，告知用户在哪里可以找到并下载这个代码。 6. **优化与兼容性*...
  • PHP结合Vue实现滚动底部加载效果
    2020-10-18 21:51
    本文将详细介绍如何结合PHP后端与Vue前端框架实现滚动到底部时自动加载更多数据的功能。 ### 知识点一：滚动加载的实现思路 1. **监测滚动条位置**：首先，需要有一个方法来获取当前滚动条距离页面底部的距离，即 ...
  • php+ajax实现瀑布流特效代码.7z
    2023-03-21 06:48
    在这个“php+ajax实现瀑布流特效代码”压缩包中，我们可以推测包含的是一套使用PHP后端与AJAX前端技术实现的瀑布流效果的代码示例。下面我们将详细探讨PHP、AJAX以及如何结合它们来创建这种特效。 首先，PHP...
  • jquery+php实现滚动的数字特效
    2020-10-23 05:58
    这段代码添加了这两个JavaScript文件到页面头部： ```html <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/animateBackground-plugin.js"></script> ``` ...
  • vue路由跳转页面后滚动到指定位置
    2023-05-10 16:49
    Mitin_的博客 注意：我在使用的时候，把ref放在了一个带有display：none的元素上，导致路由跳转后并没有跳转到我指定的位置，找了好一会发现ref写错了位置，注意不要写到带有display：none的元素上！需求：首页有一个评论内容对应...
  • Html奇妙爱心源代码-追光者.zip
    2022-12-21 21:05
    HTML奇妙爱心源代码是前端开发中的一个小巧而有趣的项目，它展示了HTML、CSS以及JavaScript的协同工作能力...通过解压并研究源代码，你可以了解到前端开发中的许多实用技巧和最佳实践，同时也能体验到编程创造的乐趣。
  • php怎么修改滑动条,前端给div加滚动条样式修改
    2021-04-17 02:41
    一愫的博客 滚动条示例.nui-scroll {margin-left: 100px;border: 1px solid #000;width: 200px;height: 100px;overflow: auto;}.nui-scroll::-webkit-scrollbar {width: 8px;height: 8px;}/*正常情况下滑块的样式*/.nui-scroll:...
  • php滚动条怎么用,如何让滚动条自动滚到最底部
    2021-04-13 01:43
    赖明星的博客 让滚动条自动滚到最底部的方法：首先在DIV的底部添加一隐藏元素“element”；然后调用“element.scrollIntoView()”方法；最后使元素滚动到可视区域即可。如何让滚动条自动滚到最底部？让DIV中的垂直滚动条自动滚到...
  • 没有解决我的问题, 去提问