RError.com

RError.com Logo RError.com Logo

RError.com Navigation

  • 主页

Mobile menu

Close
  • 主页
  • 系统&网络
    • 热门问题
    • 最新问题
    • 标签
  • Ubuntu
    • 热门问题
    • 最新问题
    • 标签
  • 帮助
主页 / user-333838

Квартиры Петербург's questions

Martin Hope
Квартиры Петербург
Asked: 2020-07-29 06:18:29 +0000 UTC

CSS:为表格标题固定位置 - 对齐单元格高度

  • 0

我想在滚动时修复 html-table 的标题,以便它始终对用户可见。我正在尝试使用在网络上找到的 js 脚本来执行此操作。

但是我无法解决所有高度对齐的问题。它们按内容排序。事实证明,在屏幕截图中。行中单元格的高度不同(为了清楚起见,我特意用颜色突出显示了它)。

你能告诉我如何平衡所有的高度吗?平庸的东西,比如身高:汽车;或高度:100%;没有帮助。

这里还需要写一些东西:

'height': $(th).outerHeight(true) + 'px'

告诉我具体是什么?谢谢你。

在此处输入图像描述

这是html:

    <table id="table-flats" class="fixtable">
 <tr>

 <th><span><a name="flats"></a><code class="html"><br />Кол-во<br /> комнат</code></span></th>
 <th data-th=", Характеристики"><code>Р-н</code></th>
 <th><code class="html"> Адрес</code></th>
 <th><code class="html">Метро</code></th>
 <th><code class="html">Эт</code></th>
 <th><code class="html">S <br /><br />о<br />б<br />щ</code></th>
 <th><code class="html">S <br /><br />к<br />о<br />м<br />н</code></th>
 <th><code class="html">S<br /><br />к<br />у<br />х</code></th>
 <th><code class="html">Т<br />е<br />л</code></th>
  <th><code class="html">М<br />е<br />б</code></th>
 <th><code class="html">Х<br />о<br />л</code></th>
  <th><code class="html">С<br />т<br />М<br />&nbsp;</code></th>
 <th><code class="html"><strong>Цена</strong></code></th>
 <th><code class="html">Срок</code></th>
 <th><code class="html">Примечания</code></th>
 </tr>

CSS:

.fixtable-fixed {
    position: fixed;
    top: 0;
    z-index: 101;
    background-color: #FCF8E4;
    border-bottom: 1px solid #ddd;
}

这是覆盖滚动样式的js脚本:

function FixTable(table) {
    var inst = this;
    this.table  = table;

    $('tr > th',$(this.table)).each(function(index) {
        var div_fixed = $('<div/>').addClass('fixtable-fixed');
        var div_relat = $('<div/>').addClass('fixtable-relative');
        div_fixed.html($(this).html());
        div_relat.html($(this).html());
        $(this).html('').append(div_fixed).append(div_relat);
        $(div_fixed).hide();
    });

    this.StyleColumns();
    this.FixColumns();

    $(window).scroll(function(){
        inst.FixColumns()
    }).resize(function(){
        inst.StyleColumns()
    });
}

FixTable.prototype.StyleColumns = function() {
    var inst = this;
    $('tr > th', $(this.table)).each(function(){
        var div_relat = $('div.fixtable-relative', $(this));
        var th = $(div_relat).parent('th');
        $('div.fixtable-fixed', $(this)).css({
            'width': $(th).outerWidth(true) - parseInt($(th).css('border-left-width')) + 'px',
            'height': $(th).outerHeight(true) + 'px',
            'left': $(div_relat).offset().left - parseInt($(th).css('padding-left')) + 'px',
            'padding-top': $(div_relat).offset().top - $(inst.table).offset().top + 'px',
            'padding-left': $(th).css('padding-left'),
            'padding-right': $(th).css('padding-right')
        });
    });
}

FixTable.prototype.FixColumns = function() {
    var inst = this;
    var show = false;
    var s_top = $(window).scrollTop();
    var h_top = $(inst.table).offset().top;

    if (s_top < (h_top + $(inst.table).height() - $(inst.table).find('.fixtable-fixed').outerHeight()) && s_top > h_top) {
        show = true;
    }

    $('tr > th > div.fixtable-fixed', $(this.table)).each(function(){
        show ? $(this).show() : $(this).hide()
    });
}

$(document).ready(function(){
    $('.fixtable').each(function() {
        new FixTable(this);
    });
});

</script>
jquery
  • 2 个回答
  • 10 Views
Martin Hope
Квартиры Петербург
Asked: 2020-07-21 22:08:24 +0000 UTC

位置:已修复在 Google Chrome 和 Opera 中不起作用

  • 0

我无法在除 FireFox 之外的任何浏览器中放置工具提示。

我正在尝试设置工具提示的样式 - 带有类工具提示的标题:

html 有一个列表,其中包含以下项目:

<li> 
    <a href='https://сайт.ru/страница.html' title='Специальный раздел'
    class='tooltip'> 
    <h3 class='title_block'>Раздел сайта</h3> 
</a> 
</li>

在 CSS 中:

.tooltip:hover:after{
    bottom: 26px;
    color: #fff;
    content: attr(title);
    right: 10%;

   position: fixed;
    padding: 5px 15px;

    z-index: 98;}

我在这里使用 position:fixed 使我的工具提示出现在视口右下角的悬停上。

因此,我的工具提示仅在 F​​irefox 中显示在正确的位置。

在 Chrome 和 Opera 中,工具提示没有定位,而是直接显示在悬停元素的下方。

请帮我修复这个错误。谢谢!

css
  • 1 个回答
  • 10 Views
Martin Hope
Квартиры Петербург
Asked: 2020-06-22 23:29:31 +0000 UTC

在 sql 查询中 DELETE 不起作用或

  • 1

需要从 sqlite3 数据库属性表中删除所有行,其中 ar 字段 =“NULL”或术语字段 =“SUT”。

我正在尝试这样做:

DELETE FROM prop WHERE ar = "NULL" OR term = "СУТ"

但只有带有 ar = "NULL" 的行被删除。

第二个条件项 = “SUT”不满足。不会删除行。

你能告诉我这个请求有什么问题吗?以及如何解决?谢谢!

整个请求代码是这样的:

$db->query('DELETE FROM prop WHERE ar = "NULL" OR term = "СУТ"
          AND id > ' . $prev_id, PDO::FETCH_ASSOC);
запрос
  • 1 个回答
  • 10 Views
Martin Hope
Квартиры Петербург
Asked: 2020-06-01 23:21:39 +0000 UTC

限制 foreach 迭代次数

  • 0

告诉我如何限制每页sqlite数据库中foreach循环显示的表行数?您需要显示的行数不超过 500 行。数据库中有10,000个。

此代码按要求打印所有行:

<?php foreach(property_list('`rooms` LIKE "1(%"') as $item):?>
<tr>
        <td><?=$item['rooms']?></td>
        <td><?=$item['area']?></td>
        // еще десяток ячеек с данными из БД
    </tr>
<?php endforeach;?> 

我试图像这样限制 tr 的数量:

<?php 
$i = 0;
foreach(property_list('`rooms` LIKE "1(%"') as $item):?>

    <tr> 
    <td><?=$item['rooms']?></td>
    <td><?=$item['area']?></td>
    <td>...</td> 
    </tr>
    $i+=1;
    if (++i > 500) break;
<?php endforeach;?> 
?>

但结果,不是数据库中的数据在页面上显示正好 500 次,而是:

$i+=1; 如果 (++i > 500) 中断;

告诉我你做错了什么?我仍然不够聪明,无法完成它。

谢谢!

附言

function property_list($where=FALSE){
    $db = db();
    //return $db->query("SELECT * FROM property ".($where?'WHERE '.$where:'').' ORDER BY `rooms`',PDO::FETCH_ASSOC);
    return $db->query("SELECT * FROM property ".($where?'WHERE '.$where:'').' ORDER BY `created_at` DESC',PDO::FETCH_ASSOC);
}

引用

php
  • 1 个回答
  • 10 Views
Martin Hope
Квартиры Петербург
Asked: 2020-05-26 16:14:43 +0000 UTC

如何删除缩略图的 alt,将其保留为主图像

  • 0

我正在尝试制作带有每张照片的文字描述的幻灯片。但是我同时在主图像和缩略图中获得文本。或者根本不显示文本。

告诉我如何将其从预览中删除,但将其保留在大图像中?

谢谢!

如果我将其添加到容器块中的幻灯片中,则根本不会显示 alt 描述。

或者,如果我尝试将其添加到预览中,则会显示两次 alt。

这是代码:

var slideIndex = 1;
showSlides(slideIndex);

function plusSlides(n) {
  showSlides(slideIndex += n);
}

function currentSlide(n) {
  showSlides(slideIndex = n);
}

function showSlides(n) {
  var i;
  var slides = document.getElementsByClassName("mySlides");
  var dots = document.getElementsByClassName("demo");
  var captionText = document.getElementById("caption");
  if (n > slides.length) {
    slideIndex = 1
  }
  if (n < 1) {
    slideIndex = slides.length
  }
  for (i = 0; i < slides.length; i++) {
    slides[i].style.display = "none";
  }
  for (i = 0; i < dots.length; i++) {
    dots[i].className = dots[i].className.replace(" active", "");
  }
  slides[slideIndex - 1].style.display = "block";
  dots[slideIndex - 1].className += " active";
  captionText.innerHTML = dots[slideIndex - 1].alt;
}
* {
  box-sizing: border-box;
}

img {
  vertical-align: middle;
}


/* Position the image container (needed to position the left and right arrows) */

.container {
  position: relative;
}


/* Hide the images by default */

.mySlides {
  display: none;
}


/* Add a pointer when hovering over the thumbnail images */

.cursor {
  cursor: pointer;
}


/* Next & previous buttons */

.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}


/* Position the "next button" to the right */

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}


/* On hover, add a black background color with a little bit see-through */

.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}


/* Number text (1/3 etc) */

.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}


/* Container for image text */

.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
  font-size: 20px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}


/* Six columns side by side */

.column {
  float: left;
  width: 16.66%;
}


/* Add a transparency effect for thumnbail images */

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}


}
<div class="container">
  <div class="mySlides">
    <div class="numbertext">1 / 6</div>
    <img src="https://baseflat.ru/1KKV-final.jpg" style="width:100%;"> </div>
  <div class="mySlides">
    <div class="numbertext">2 / 6</div>
    <img src="img_5terre_wide.jpg" style="width:100%"> </div>
  <div class="mySlides">
    <div class="numbertext">3 / 6</div>
    <img src="img_mountains_wide.jpg" style="width:100%"> </div>
  <div class="mySlides">
    <div class="numbertext">4 / 6</div>
    <img src="img_lights_wide.jpg" style="width:100%"> </div>
  <div class="mySlides">
    <div class="numbertext">5 / 6</div>
    <img src="img_nature_wide.jpg" style="width:100%"> </div>
  <div class="mySlides">
    <div class="numbertext">6 / 6</div>
    <img src="img_snow_wide.jpg" style="width:100%"> </div>
  <a class="prev" onclick="plusSlides(-1)">❮</a> <a class="next" onclick="plusSlides(1)">❯</a>
  <div class="caption-container">
    <p id="caption"></p>
  </div>
  <div class="row">
    <div class="column"> <img class="demo cursor" src="img_woods.jpg" style="width:100%" onclick="currentSlide(1)" alt="1ккв, ул.Хорошая, д.17. Аренда 25 000 руб/мес, КУ включены. Отличное состояние, вся бытовая техника. Залог. Для русской семьи, можно с детьми"> </div>
    <div class="column"> <img class="demo cursor" src="img_5terre.jpg" style="width:100%" onclick="currentSlide(2)" alt="Cinque Terre">
    </div>
    <div class="column"> <img class="demo cursor" src="img_mountains.jpg" style="width:100%" onclick="currentSlide(3)" alt="Mountains and fjords">
    </div>
    <div class="column"> <img class="demo cursor" src="img_lights.jpg" style="width:100%" onclick="currentSlide(4)" alt="Northern Lights">
    </div>
    <div class="column"> <img class="demo cursor" src="img_nature.jpg" style="width:100%" onclick="currentSlide(5)" alt="Nature and sunrise">
    </div>
    <div class="column"> <img class="demo cursor" src="img_snow.jpg" style="width:100%" onclick="currentSlide(6)" alt="Snowy Mountains">
    </div>
  </div>
</div>

当我尝试这个时,alt描述显示两次:

这是代码:

jquery
  • 1 个回答
  • 10 Views
Martin Hope
Квартиры Петербург
Asked: 2020-05-20 04:04:56 +0000 UTC

比较在 sqlite3 中添加日期的数据

  • 0

告诉我如何在 sqlite 中解决这个问题:

数据库中有这样一列:

12  created_at  DATETIME    No  CURRENT_TIMESTAMP   No

它记录将数据添加到数据库的日期和时间。

需要在查询中仅选择数据库中 created_at 字段的值为最后一次数据添加时间的那些行。

我应该如何编写 WERE created_at... 条件?

数据每天更新几次(添加到数据库中的现有数据中)。而且每次更新时,我只需要编辑新收到的数据。

谢谢!

дата
  • 1 个回答
  • 10 Views
Martin Hope
Квартиры Петербург
Asked: 2020-05-14 03:24:13 +0000 UTC

从数据数组中删除所有给定的单词

  • 2

有一个一维数组$arr,其中每个元素都包含文本。此文本可能包含也可能不包含名称(Маша, Саша, Дима, Катя, Василиса Иннокентьевна, Клавдий Цезаревич, Иван Дурак等等,等等 - 列表很长)。

告诉我, PHP如何过滤这些相同的名称?名称列表保存在单独的文件中filtr.txt

不需要从元素文本中删除包含名称的数组元素,而仅删除名称本身。

这可以在不使用正则表达式的情况下完成吗?

php
  • 5 个回答
  • 10 Views

Sidebar

Stats

  • 问题 10021
  • Answers 30001
  • 最佳答案 8000
  • 用户 6900
  • 常问
  • 回答
  • Marko Smith

    我看不懂措辞

    • 1 个回答
  • Marko Smith

    请求的模块“del”不提供名为“default”的导出

    • 3 个回答
  • Marko Smith

    "!+tab" 在 HTML 的 vs 代码中不起作用

    • 5 个回答
  • Marko Smith

    我正在尝试解决“猜词”的问题。Python

    • 2 个回答
  • Marko Smith

    可以使用哪些命令将当前指针移动到指定的提交而不更改工作目录中的文件?

    • 1 个回答
  • Marko Smith

    Python解析野莓

    • 1 个回答
  • Marko Smith

    问题:“警告:检查最新版本的 pip 时出错。”

    • 2 个回答
  • Marko Smith

    帮助编写一个用值填充变量的循环。解决这个问题

    • 2 个回答
  • Marko Smith

    尽管依赖数组为空,但在渲染上调用了 2 次 useEffect

    • 2 个回答
  • Marko Smith

    数据不通过 Telegram.WebApp.sendData 发送

    • 1 个回答
  • Martin Hope
    Alexandr_TT 2020年新年大赛! 2020-12-20 18:20:21 +0000 UTC
  • Martin Hope
    Alexandr_TT 圣诞树动画 2020-12-23 00:38:08 +0000 UTC
  • Martin Hope
    Air 究竟是什么标识了网站访问者? 2020-11-03 15:49:20 +0000 UTC
  • Martin Hope
    Qwertiy 号码显示 9223372036854775807 2020-07-11 18:16:49 +0000 UTC
  • Martin Hope
    user216109 如何为黑客设下陷阱,或充分击退攻击? 2020-05-10 02:22:52 +0000 UTC
  • Martin Hope
    Qwertiy 并变成3个无穷大 2020-11-06 07:15:57 +0000 UTC
  • Martin Hope
    koks_rs 什么是样板代码? 2020-10-27 15:43:19 +0000 UTC
  • Martin Hope
    Sirop4ik 向 git 提交发布的正确方法是什么? 2020-10-05 00:02:00 +0000 UTC
  • Martin Hope
    faoxis 为什么在这么多示例中函数都称为 foo? 2020-08-15 04:42:49 +0000 UTC
  • Martin Hope
    Pavel Mayorov 如何从事件或回调函数中返回值?或者至少等他们完成。 2020-08-11 16:49:28 +0000 UTC

热门标签

javascript python java php c# c++ html android jquery mysql

Explore

  • 主页
  • 问题
    • 热门问题
    • 最新问题
  • 标签
  • 帮助

Footer

RError.com

关于我们

  • 关于我们
  • 联系我们

Legal Stuff

  • Privacy Policy

帮助

© 2023 RError.com All Rights Reserve   沪ICP备12040472号-5