小编mur*_*7ay的帖子

如何并排放置两个输入字段

我一直试图将两个输入字段并排放置一段时间,而且我无法让它们真正进入内联.这是我的HTML:

<div class="container">
    <div class="form-group name1 col-md-6">
        <label for="exampleInputEmail1" class="formText">FIRST NAME:*</label>
        <input type="text" class="form-control" id="name" aria-describedby="emailHelp" name="muverName">
    </div>

    <div class="form-group name2 col-md-6">
        <label for="exampleInputEmail1" class="formText">LAST NAME:*</label>
        <input type="text" class="form-control" id="name" aria-describedby="emailHelp" name="muverPhone">
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我也试图利用Bootstrap,但我不能为我的生活让它们并排排列.这是相应的CSS:

.name1 {
    float: left;
}   

.name2 {
    float: right;
}

#name {
    width: 223.67px;
    height: 40.25px;
}

.form-group {
    margin-left: 5%;
    margin-right: 5%;
}

.containerr {
    display: inline-block;
}
Run Code Online (Sandbox Code Playgroud)

这是我的输出:

在此输入图像描述

什么是将它们并排放置的最佳方式?

html css forms twitter-bootstrap

4
推荐指数
1
解决办法
1万
查看次数

带有 React 的 Bootstrap 导航栏

我对 React 非常陌生,我正在尝试使用 Bootstrap 来关闭导航菜单。我从 create-react-app 开始,但似乎无法使用 Bootstrap 菜单的任何功能。

应用程序.js

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import { Button } from 'reactstrap';
import { Navbar, NavItem, NavDropdown, MenuItem, Nav } from 'react-bootstrap';

class App extends Component {
  render() {
    return (
      <div>
        <nav className="navbar navbar-default">
    <div className="navbar-header">
      <button type="button" className="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-collapse">
        <span className="icon-bar"></span>
        <span className="icon-bar"></span>
        <span className="icon-bar"></span>
      </button>
      <a className="navbar-brand" href="https://www.google.com">Product Shoppe</a>
    </div>
  </nav>
      </div>
    )
  }
}

export default App; …
Run Code Online (Sandbox Code Playgroud)

twitter-bootstrap reactjs

2
推荐指数
2
解决办法
1万
查看次数

使用 Firebase 存储时出错

这是我第一次尝试使用 Firebase 存储,我正在学习 Firebase 提供的本教程:

https://www.youtube.com/watch?v=SpxHVrpfGgU

我似乎一步一步地遵循了教程,但是,我收到以下错误并且找不到解决方案:

firebase-storage.js:3469 Uncaught Error: No Storage Bucket defined in Firebase Options.
    at t.ref (firebase-storage.js:3469)
    at HTMLInputElement.<anonymous> (myFile.js:18)
Run Code Online (Sandbox Code Playgroud)

当我点击“t.ref”时,它会引导我到以下内容:

catch(error) {
   throw new Error(
       'Cannot instantiate firebase-storage.js - ' +
       'be sure to load firebase-app.js first.'
)
Run Code Online (Sandbox Code Playgroud)

这是我的 HTML:

<!doctype html>

<html lang="en">

<head>
    <title>...</title>
    <link rel="stylesheet" type="text/css" href="stylesheets.css" />

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <script src="https://www.gstatic.com/firebasejs/4.1.5/firebase.js"></script>
    <script>
        // Initialize Firebase
        var config = {
            apiKey: "...",
            authDomain: "...",
            databaseURL: "...", …
Run Code Online (Sandbox Code Playgroud)

html javascript firebase firebase-realtime-database firebase-storage

1
推荐指数
1
解决办法
3785
查看次数

Firebase 身份验证不起作用

我一直在使用 Firebase 进行身份验证,只要有两种警报方法,我就可以让它工作,如下所示:

var x;
var y; 

function boo() {
   if (document.getElementById('email') !== null && document.getElementById('password') !== null) {
      x = document.getElementById("email").value;
      y = document.getElementById('password').value;
      alert(x);
      alert(y);
      const auth = firebase.auth();
      auth.createUserWithEmailAndPassword(x, y);
      } else {
            ...
      }
}
Run Code Online (Sandbox Code Playgroud)

但是,如果我删除这两种警报方法,则 Firebase 中不会发送或显示任何内容,并且我在控制台中没有看到任何错误。我希望有人知道发生了什么事,因为我不想每次有人注册时都显示电子邮件和密码。

这是 HTML:

<form class="signupForm">
    <input type="email" class="inputs" onblur="validateForm()" id="email" required name="email" placeholder="Email" />
    <input type="password" class="inputs" id="password" required name="password" placeholder="Password" />
    <button id="btn" class="buttons" onclick="boo()">Signup</button>
</form> 
Run Code Online (Sandbox Code Playgroud)

html javascript firebase firebase-authentication

1
推荐指数
1
解决办法
6909
查看次数

使用AJAX调用Node.js文件发送短信

我是Node.js的新手,但我知道它是在服务器端.当我在终端中运行我的app.js文件时,它会发送短信,但我最终要做的是让用户完成表单,按下按钮后,向他们发送短信以验证他们的提交.我正在使用Twilio服务来帮助实现这一目标.它目前没有按下按钮发送消息.

这是我的app.js文件:

var accountSid = process.env.TWILIO_ACCOUNT_SID;
var authToken = process.env.TWILIO_AUTH_TOKEN;
var client = require('twilio')(accountSid, authToken);

app.get('/testtwilio', function(req, res) {
  client.messages.create({
    to: "+1receivingNumber",
    from: "+myTwilioNumber",
    body: "Testing, testing, testing"
  }, function(err, message) {
    if (err) {
      console.log(err);
    } else {
      console.log(message.sid);
    }
  });
})  
Run Code Online (Sandbox Code Playgroud)

和我的Javascript文件:

$('#buttons').on('click', function(e) {
  $.ajax({
    type: 'POST',
    url: '/testtwilio',
    data: {
      "To": userCellPhone,
      "From": "+1myTwilioNumber",
      "Body": "Ahoy! Testing"
    },
    beforeSend: function(xhr) {
      ...
    },
    success: function(data) {
      console.log(data);
    },
    error: function(data) {
      console.log(data);
    }
  });
});
Run Code Online (Sandbox Code Playgroud)

最后,我的html按钮: …

javascript ajax node.js twilio

1
推荐指数
1
解决办法
452
查看次数

用指针反转字符串

我正在尝试编写一个简单的程序,它将使用指针反转用户输入.这是我第一次使用指针,理论上我的程序似乎可以工作:有一个数组,将用户输入写入数组,指向头部的一个指针,另一个指向结尾,并使while循环执行休息.但是,我的程序运行不正常.我的问题是,我究竟做错了什么?

继承我的代码:

#include <iostream>
#include <string>
using namespace std;

int main() {

    char user_input[1000] = " ";

    cout << "Enter a word to be reversed: " << endl;
    cin >> user_input;

    int myChar = sizeof(user_input) - 1;

    char *start = user_input;
    char *end = user_input + myChar - 1;

    while (start < end) {
        char save = *start;
        *start = *end;
        *end = save;

        start++;
        end--;
    }

    cout << user_input;

} 

And my output: 

Enter a word to be reversed: …
Run Code Online (Sandbox Code Playgroud)

c++ pointers

0
推荐指数
1
解决办法
72
查看次数