小编Gof*_*ord的帖子

我设法让ReCaptcha 2.0在我的网站上运行.但是,它只在我不使用AJAX时才有效,我让表单"自然地"提交.

我想使用验证码提交表单,并在不刷新页面的情况下提醒用户注意成功.

我尝试了以下代码,但似乎服务器没有得到用户响应:

HTML:

<form class="form" action="javascript:void(0)" novalidate>
    <!-- all the inputs... -->

    <!-- captcha -->
    <div class="input-group">
        <div class="g-recaptcha" data-sitekey="6LdOPgYTAAAAAE3ltWQGar80KUavaR-JblgPZjDI"></div>
    </div>

    <div class="errors" id="errors" style="display: none"></div>

    <div class="input-group">
        <input type="button" value="Send" class="btn-default right" id="submit">
        <div class="clear"></div>
    </div>
</form>

JS:

$('#submit').click(function(e) {
    console.log('clicked submit'); // --> works

    var $errors = $('#errors'),
        $status = $('#status'),

        name = $('#name').val().replace(/<|>/g, ""), // prevent xss
        email = $('#email').val().replace(/<|>/g, ""),
        msg = $('#message').val().replace(/<|>/g, "");

    if (name == '' || email == '' …

从我理解的文档中,为了改变recaptcha的语言,我必须明确地呈现它.

然而,问题在于它并没有真正出现,onload甚至没有被调用.
当我尝试自动渲染它时,它确实有效.

这是代码:
在HTML头中:(我也尝试将它放在body标签的末尾)

<script src="https://www.google.com/recaptcha/api.js?onload=recaptchaCallback&render=explicit&hl=iw" async defer></script>

在HTML表单中:

<div id="recaptcha"></div>

使用Javascript:

var recaptchaCallback = function() {
  console.log('recaptcha is ready'); // not showing
  grecaptcha.render("recaptcha", {
    sitekey: 'My Site Key',
    callback: function() {
      console.log('recaptcha callback');
    }
  });
}

我正在尝试创建一个全宽度自动完整文本字段.

到目前为止,我认为我的文本字段本身看起来正确.问题在于自动完成弹出窗口.它周围有这个非常大胆的阴影,我无法摆脱它.
不要误解我,我仍然想要阴影,但是一个微妙的阴影,只在弹出窗口的底部,而不是周围的所有(特别是不在顶部,这真的很奇怪).

像这样的东西:

这是我的样子(抱歉巨像):

代码

activity_main.xml中:

<AutoCompleteTextView
    android:id="@+id/actvSearch"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_marginBottom="8dp"
    android:background="@drawable/full_width_input"
    android:completionThreshold="1"
    android:hint="Search a movie..."
    android:textColorHint="#BDBDBD"
    android:elevation="0dp"
    android:popupBackground="@android:color/white" />

full_width_input.xml:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:top="-1dp" android:right="-1dp" android:left="-1dp">
        <shape android:shape="rectangle">
            <padding android:bottom="20dp" android:top="20dp" android:left="16dp" android:right="16dp" />
            <solid android:color="@android:color/white" />
            <stroke android:width="1dp" android:color="#E0E0E0" />
        </shape>
    </item>
</selector>

我目前正在建立一个网站,该网站的其中一个块提供即将上映的电影(下周左右).我发现IMDb是最好的去处.

问题是,IMDb没有API,我不知道如何从中提取数据并以我想要的方式在我的网站上显示它.在线阅读之后,我看到我能够使用Ajax下载页面,然后从那里查找并提取我需要的数据.但是,这对我来说似乎效率很低,我不知道如何在下载的文件中查找信息.

有没有更好的办法？

这是HTML,很简单:

<script>hljs.initHighlightingOnLoad();</script>
<div class="container">
    <section>
        <pre>
            <code>
                function() {
                    console.log("test");
                }
            </code>
        </pre>
    </section>
</div>

我尝试了一些CSS,但它没有改变任何东西:

code {
    text-align: left;
}
pre {
    padding-top: 0;
    padding-bottom: 0;
}

你可以看到它在这个小提琴中的样子.我想要左边的代码,顶部<pre>和顶部之间的巨大填充是什么<code>？谢谢!
更新: 这是一个工作版本,虽然HTML看起来不太好.有没有人有更好的主意？

我希望能够做这样的事情：

var converter = require('converter');

converter.convert({
  from: 'avi',
  to: 'mp4',
  path: '/myvideo.avi',
  newPath: '/newvideo.mp4',
  error: function(err) {},
  success: function() {
    console.log('success!');
  }
});

谢谢！