小编Pau*_*aul的帖子

我正在创建一个结帐页面,我无法弄清楚如何执行以下操作.当客户输入他们的送货信息时,我想在确认部分的页面下方显示相同的信息.在客户下订单之前我不会提交信息,所以没有办法回应这些信息,因为在提交之前我不会提交给我的数据库.

我调查了这个并且我看到了具有数据复制功能的东西,这基本上是我需要的,除了我不希望复制的数据显示在输入字段中.我只是想让它显示文字.

所以,如果我有以下字段:

航运街:123 Main St.

我希望123 Main St出现在页面的不同部分.

我试过做数据复制功能,我甚至无法让它工作.我不确定这是否是最好的方法.我不希望复制的数据可以编辑.我从我的代码中禁用了它.

我试过这样做:

<div class="field">
    <label class="paddingleft" for="fullname">Full Name</label>
        <div class="center"><input type="text"  class="biginputbarinline preview" id="ShipToFullname" data-copy="name" name="ShipToFullname" required>          </div>
</div>

这是页面下方的确认部分:

<p><input type="text" class="preview" id="name" disabled></p>

Jquery

$(document).ready(function() {
$(".preview").keyup(function() {
     var ElemId = $(this).data('copy');
    $("#"+ElemId).val($(this).val());
 });
});

有没有更好的方法可以做到这一点,最重要的是输入字段不会显示复制的数据？

更新的代码

<div class="center">
    <div class="field">
        <label class="paddingleft" for="fullname">Full Name</label>
        <div class="center"><input type="text" class="biginputbarinline preview" id="ShipToFullname" data-copy="#name" name="ShipToFullname" required></div>
    </div>

确认部分

<p>Shipping to:</p>
    <p><div class="preview" id="name"></div></p>

Jquery

$(document).ready(function() {
 $(".preview").on('keyup', function() {
$($(this).data('copy')).html($(this).val());
 }); …

我正在制作一个选择小组,我很难搞清楚它的一个方面.有九个框,我希望用户能够点击框,当点击悬停的格式保持存在,然后理想情况下某种复选标记或添加到框的边框.我完全不确定当我关闭鼠标时如何让盒子的悬停字体效果保持不变.

有谁知道我怎么做到这一点？

#project-scope-container {
	margin-top: 70px;
	margin-left: 9%;
	width: 75%;
	height: 300px;
}
#project-scope-title {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 15px;
}
.project-option-boxes {
	display: inline-block;
	border: 1px solid #45ba95;
	padding: 20px 0px;
	margin: 12px 20px 12px 0px;
	width: 30%;
	text-align: center;
	font-size: 1.2em;
	color: #45ba95;
	cursor: pointer;
}
.project-option-boxes:hover {
	background-color: #45ba95;
	color: #FFF;
}

<div id="project-scope-container">
		<div id="project-scope-title">PROJECT SCOPE</div>
		<div class="project-option-boxes">BRANDING & IDENTITY</div>
		<div class="project-option-boxes">WEB DESIGN</div>
		<div class="project-option-boxes">RESPONSIVE/MOBILE</div>
		<div class="project-option-boxes">MARKETING ASSETS</div>
		<div class="project-option-boxes">HTML5 ANIMATION</div>
		<div class="project-option-boxes">SEO OPTIMIZATION</div>
		<div …

我编辑了一些 css 文件，需要 Apache 进行清除以清除所有浏览器上的缓存，从而强制重新加载完整的站点。我过去使用过 cloudflare，他们有一个按钮来执行此操作，称为“清除所有文件”。当我进行 css 文件更改时，我依赖于此。

我的 .htaccess 文件中有以下内容：

ExpiresByType text/css A31536000

我知道这会导致我的缓存保留旧文件。我的主机提供商说我没有将设置应用于我服务器上的缓存文件。

我进入我的 .htaccess 文件并将这一行更改为：

ExpiresByType text/css A10

试图手动“清除”我的文件并强制重新加载 css 文件。不幸的是，这不起作用。

有谁知道我可以在我的 htaccess 文件中做什么来强制用户的浏览器重新加载这个 css 文件？

我正在尝试对我只需要电子邮件的简单时事通讯表格进行一些基本验证.我在页面中有这个表单/输入的方式,实际上没有空间添加任何jQuery验证错误消息,所以我试图添加一个简单的HTML 5必需属性,但表单提交无论是否为空.

为此添加一些简单验证的最佳方法是什么,以便表单检查电子邮件地址,填写,最小长度为4个字符？

<form action="" method="POST" id="newsletter-form">
    <input type="email" id="footer-grid1-newsletter-input" placeholder="Your Email Address" required>
    <input type="submit" id="footer-grid1-newsletter-submit" name="submit" value='&nbsp'>
</form>

$("#footer-grid1-newsletter-submit").on("click", function (event) {
    event.preventDefault();
    var newsletter_email = $("#footer-grid1-newsletter-input").val();
    var targeted_popup_class = jQuery(this).attr('data-popup-open');
    $.ajax({ 
        url: "newsletterSend.php", 
        type: "POST",
        data: {
            "newsletter_email": newsletter_email
        },
        success: function (data) {
            //  console.log(data); // data object will return the response when status code is 200
            if (data == "Error!") {
                alert("Unable to insert email!");
                alert(data);
            } else {
                $("#newsletter-form")[0].reset();
                $('.newsletter-popup').fadeIn(350).delay(2000).fadeOut();
            }
        },
        error: function …

当新用户注册并且能够将该id用于我将用户插入"用户"表后的另一个查询时,我试图从我的"用户"表中获取自动增量ID.

我想在'payment_status'表中使用'users'表的'id'作为'user_id'.我正在尝试使用该insert_id函数的不同方法,但我无法在第一个查询中获取转储的id.即便如此,当我能够将其转储时,我不知道如何从中获取它并将其用于我想要做的事情.任何人都可以提供一些指导如何做到这一点？

if($validation->passed()) {
            $user = new User();

            $salt = Hash::salt(32);

            try {
                $user->create(array(
                    'firstname' => Input::get('firstname'),
                    'lastname' => Input::get('lastname'),
                    'email' => Input::get('email'),
                    'phone_number' => Input::get('phone_number'),
                    'username' => Input::get('username'),
                    'password' => Hash::make(Input::get('password'), $salt),
                    'salt' => $salt,
                    'joined' => date('Y-m-d H:i:s'),
                    'group' => 1,
                    //var_dump($id->insert_id)
                    var_dump(mysqli::$insert_id)
                ));
                $success = "You have successfully created an account. We will notify you once the account has been approved. Then you will be able to login.";
                echo $success;


//Query to add user's name …

我想用两个三角形来组成一个矩形。然后我想将内容放入每个三角形中。我从这里跟踪上一个问题的答案：上一个问题。

width: 80vw我的问题是，如果高度不很大，我就无法得到矩形。然后，我不确定如何将内容放入后元素中，或者这是否是设计此元素的最佳方法，因为我知道我将把内容放入三角形中。

有谁知道我该怎么做或者有更好的解决方案？

#tierBoxSec {
    position: relative;
    height: auto;
    width: 100%;
}

.box {
    width: 80vw;
    height: 200px;
    background: radial-gradient(at top left, #FFF 49%, #b82222 50%, #b82222 100%);
}

<section id="tierBoxSec">
    <div class="box"></div>
</section>

我创建了一个准备好的选择查询,看起来查询没有拿起DESC或我有bind_param结构错误.我id想要显示最后一个user_id的图像.显示用户的图像,但它是他们拥有的第一个id图像.我试过了ASC,这是同样的事情.

我这样做了吗？

$sql = "
  SELECT *
  FROM profile_img
  WHERE user_id = ?
  ORDER BY ? DESC LIMIT 1
  ";
  if ($stmt = $con->prepare($sql)) {
        $stmt->bind_param("ss", $user_id, `id`);
        $stmt->execute();
        if (!$stmt->errno) {
            // Handle error here
        }
        $stmt->bind_result($id, $user_id, $profilePic);

        $pics = array();
        while ($stmt->fetch()) {
            $pics[] = $profilePic;
        }

        echo '<img id="home-profile-pic" src=" '.$profilePic.'">';
  }

我正在尝试以HTML格式发送PHP电子邮件,但当前的电子邮件只是发送代码.我完全不确定我做错了什么.

有谁看到了什么？

ini_set('display_errors', 1);
error_reporting(E_ALL);

$project_name           = $_POST['project_name'];
$title_roll             = $_POST['title_roll'];
$project_email          = $_POST['project_email'];
$project_number         = $_POST['project_number'];
$project_description    = $_POST['project_description'];
$project_source         = $_POST['project_source'];
$project_socialMedia    = $_POST['project_socialMedia'];
$project_humanTest      = $_POST['project_humanTest'];

$to = 'email';
$subject = 'Project Inquiry Form Sent';
//$message = 'FROM: '.$project_name. "<br>" . ' Email: '.$project_email. "<br>" . 'Message: '.$project_description;
//$msgcontents = "Name: $project_name<br>Email: $project_email<br>Message: $project_description";
$message = '
    <html>
    <head>
        <title>Project Inquiry Form Sent</title>
    </head>
    <body>
        <p>Hi Optimum Designs Team,</p><br>
        <p>There has been a Project submitted. Here are …

我正在尝试添加show类的onclick事件,但是,new-goal-container当点击"创建新目标"时,我无法显示.

我不希望这是一个切换,只是一个添加类.正如我的代码所示,我试图让它用css做一个快速的淡入淡出外观.有没有更好的方法,因为现在即使没有显示div仍然占用空间,当容器不可见时,我希望它看起来好像它不存在.

$("#new-goal-button").click(function() {
  $("#new-goal-container").addClass("show");
});

#new-goal-container {
  -webkit-opacity: 0;
  opacity: 0;
  margin-top: 30px;
  border: 1px solid black;
  height: 500px;
  width: 400px;
  padding: 10px;
}
.show {
  -webkit-opacity: 1;
  opacity: 1;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="new-goal-button">Create new goal</div>
<div id="new-goal-container">
  <input type="text" placeholder="Goal Title">
  <textarea placeholder="Goal Description">
</div>

我最初有一条SQL语句，它是：

SELECT *, COUNT(friend_one) AS pending_count , COUNT(friend_two) AS requests_sent   
FROM friends
WHERE friend_one OR friend_two = ?
AND status = ?

在其中分配我的参数，例如：

$pending_friend_count_stmt->execute(array($user_id, $status_one));

但是，查询没有得到我想要的结果。有人向我展示了一种不同的方法，但是它多次包含变量$user_id，因此我不知道如何调整代码以使用参数。

您可以在此处查看新查询：

http://rextester.com/KSM73595

我能做吗

SELECT COUNT(CASE WHEN `friend_one` = ? THEN 1 END) as `requests_count`,
       COUNT(CASE WHEN `friend_two` = ? THEN 1 END) as `pending_count`
FROM `friends`
WHERE ? IN ( `friend_one` , `friend_two` )
  AND `status` = ?

$pending_friend_count_stmt->execute(array($user_id, $user_id, $user_id $status_one));

我正在尝试根据的值使文本为单数或复数templateCount。如果templateCount值是1，那么我只想让“模板”这么说，但是如果templateCount是复数，我希望它说“选择的模板”。

我的代码在做什么错？

$('#templateCount').html(templateCount + " Templates Selected" + templateCount.length == 1 ? "" : "s");

我正在运行检查以查看数据属性availability是否为"否".如果不是,我发现具体.smallCatalogBlock并希望将其附加到.soonOverlay其上.

与现在一样,该元素未被追加.smallCatalogBlock.我有一个console.log检查,以查看条件是否成功运行,并且具有正确的已找到元素数.html只是没有附加.

有谁看到我做错了什么？

$('.smallCatalogBlock').each(function() {
  if ($(this).data('availability') === 'No') {
    $(this).find('.smallCatalogBlock').append('<div class="soonOverlay"><div class="soonOverlayInner"><div class="total-center"><p class="dGw">Coming Soon</p></div></div></div>');
    console.log("It should be working");
  }
});

.smallCatalogWrap {
	width: 100%;
	height: auto;
	margin: 60px 0;
}
.smallCatalogBlock {
	width: 25%;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin: 20px auto;
	text-decoration: none;
}
.smallCatalogBlock img {
	width: 80%;
	height: auto;
	box-shadow: 10px 5px 5px rgba(0,0,0,.3);
	display: block;
	margin: 0px auto 15px auto;
}
.smallCatalogTitle {
	font-family: 'Nunito', …

我知道如何用jquery做到这一点,通过这样做:

$("#rateTable tr:even").css("background", "#e7edea");

但是,我使用的格式不允许jquery.我尝试了下面的代码,但它说的是样式为null.有谁看到我做错了什么？

document.getElementById("rateTable tr:even").style.background = "#e7edea";

<table id="rateTable">
  <tr>
    <td>Blue</td>
    <td>Green</td>
  </tr>
  <tr>
    <td>Red</td>
    <td>Purple</td>
  </tr>
  <tr>
    <td>Teal</td>
    <td>Yellow</td>
  </tr>
</table>