小编vla*_*dja的帖子

基于类向DOM元素添加事件侦听器

我有一个表,其中每个trtd只有班,我有选择的问题 td元素具有类我需要
HTML:

<table>
 <tr class="data">
  <td class="cell">1</td>
  <td class="cell2"></td>
 </tr>
 <tr class="data">
  <td class="cell">2</td>
  <td class="cell2"></td>
 </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

当鼠标悬停时td,class="cell" 我必须td在我的鼠标之间获取文本并用此做一些事情.这应该使用纯JavaScript,没有框架.我试过了:

var cell = document.querySelector('.cell');

function callback(){ //do something }
cell.addEventListener('mouseover',callback(),false);
Run Code Online (Sandbox Code Playgroud)

它不起作用,或者我犯了错误?

html javascript css listener

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

CSS3 仅在右上角倾斜

我正在尝试制作一个网站,其中的部分使用 css3 进行转换transform: skewY(-4deg)。在最后一个元素上,我遇到了问题,如果我倾斜元素,我会在底部有一个空白区域。请给一些建议来解决它。试过这个,但它不起作用 在此处输入图片说明

HTML:

<section id="connect-us">

        <div class="content-wrapper">
            <h1>???????????? ????? ??????!</h1>
            <p>??????? ???? ????? ? ??? ???????? ???????? ? ???? ? ??????? ???,? ?? ????????? ???? ???? ????????? ????? ??????????!</p>

            <form action="#">
                <input type="text" name="email" placeholder="???? ?????">
                <button class="button button--dark-red" type="submit">?????????</button>
            </form>

            <div class="social-belt">
                <a href="#" class="icon-facebook-with-circle"></a>
                <a href="#" class="icon-twitter-with-circle"></a>
                <a href="#" class="icon-linkedin-with-circle"></a>
            </div>

            <footer>
                <div class="copyright">
                    <span><span class="firm-name">Mimicra 2015&trade;</span> ??????? ? <a href="http://cpdbbk.com">cpdbbk.com</a></span>
                </div>
            </footer>
        </div>
    </section>
</div>
Run Code Online (Sandbox Code Playgroud)

萨斯:

#connect-us
    padding: 80px 0
    background-color: …
Run Code Online (Sandbox Code Playgroud)

html css skew

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

将变量传递给自定义 Svelte Web 组件

我使用 Svelte 创建了简单的自定义 Web 组件。它已经编译好了,看起来应该可以很好地工作,但是有困难。我试图将一些变量传递给 prop,但总是未定义,但是如果我传递一些字符串

结果.svelte 组件

<svelte:options tag="svelte-result" />

<script>
    export let result = {metadata: {}, transfers: []};
    export let string = 'no string';
</script>

<div class="result__wrapper">
    {string}
    <div class="result__metadata">
        <div>{result.metadata.offset}</div>
        <div>{result.metadata.limit}</div>
        <div>{result.metadata.total}</div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

当它编译时我使用它就像

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Svelte test</title>
  <script defer src="/svelte/wapi-client/svelte-component.js"></script>
  
</head>
<body>
  <div id="test"></div>
</body>

<script>
  const data = {
    metadata: {
      limit: 20,
      offset: 0,
      total: 311301
    },
    transfers: …
Run Code Online (Sandbox Code Playgroud)

javascript innerhtml web-component svelte

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

$ _POST,FORM和PhP

我已经阅读了很多关于这个主题的问题,但没有找到答案.我有一个错误Notice: Undefined index: searchText in C:\xampp\htdocs\twitter\lib\search.php on line 5不知道为什么......

HTML表单:

<div id="search" class="fleft">
        <form name="tsearch" action="lib/search.php" method="post">
            <input type="text" name="searchText" placeholder="Search tweet!">
            <input type="submit" name="search" value="Search"/>
        </form>
    </div>
Run Code Online (Sandbox Code Playgroud)

和我正在发送的PhP脚本的一部分,但没有获取数据

全力以赴.更新:

<?php
    include "connect.php";
    //session_start();

        if (isset($_POST['searchText'])){
            //echo '<pre>'; print_r($_REQUEST); echo '</pre>';
            $query = "SELECT u.nickname, t.text, t.pubdate FROM 111212_tweets t INNER JOIN 111212_users AS u ON t.user_id = u.id WHERE t.text LIKE '%" . $_POST['searchText'] . "%' ORDER BY t.pubdate DESC";
           $_SESSION['searchQuery'] = $query;
             header('Location: ../main.php');

        }else { …
Run Code Online (Sandbox Code Playgroud)

php forms post get

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

标签 统计

css ×2

html ×2

javascript ×2

forms ×1

get ×1

innerhtml ×1

listener ×1

php ×1

post ×1

skew ×1

svelte ×1

web-component ×1