主页 / user-404349

Michael Miller's questions

Martin Hope
Michael Miller
Asked: 2022-03-21 05:12:22 +0800 CST
  • 0

我正在尝试更改滚动元素的透明度：

  1. 当一个元素出现时，在它滚动时将其不透明度从 0 更改为 1

  2. 当元素开始“离开”范围时，在滚动时将其透明度从 1 更改为 0

function changeOpacity(){

var windowScrollTop = $(window).scrollTop(),
docHeight = $(document).height(),
windowHeight = $(window).height(),
elOffset = $('.shab1').offset().top,
elHeight = $('.shab1').outerHeight(),
opacity = 1 - (windowScrollTop - elOffset + elHeight) / elHeight,
opacity2 = 1 + (windowScrollTop - elOffset + elHeight) / elHeight;
if(opacity > 1) opacity = 1;
if(opacity2 > 1) opacity2 = 1;
if(opacity <= 0) opacity = 0;
if(opacity2 <= 0) opacity2 = 0;



 if(windowScrollTop + windowHeight > (elOffset - elHeight) / elHeight){
$('.shab1').css('opacity', opacity);
}

}


changeOpacity();

$(window).on('scroll', function(){
changeOpacity();
});
body{min-height:3000px;background:#000}

.shab1{background:red;text-align: center;padding:60px 0;opacity:0;}

.elem{width:100%;height:40px;text-align:center;font-size:30px;margin:0 0 90%;}

.elem1{background:green}
.elem2{background:blue}
.elem3{background:purple}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  

<div class="elem elem1">не тот блок</div>

<div class="elem elem2">не тот блок</div>

<h1 class="elem shab1">Stackoverflow, помоги, пожалуйста</h1>

<div class="elem elem3">не тот блок</div>
  
  
</body>
</html>

----jsfiddle-----

javascript
Martin Hope
Michael Miller
Asked: 2022-07-29 14:39:26 +0800 CST
  • 0

选择过滤器后，将形成一个新的分页（具有正确的页数），但是，通过单击过滤元素的任何下一页，过滤器会飞，并且会显示数据库中的所有元素，而不是那些被选中的元素由过滤器。需要以某种方式更新分页链接？或者可以做什么？

这是分页类。

查看并建议

过滤器以通常的方式工作 - 当您单击过滤器时，Ajax 将选定的过滤器及其值发送到 php，php 生成一个 sql 查询并从数据库中返回选定的元素作为响应。选择过滤器后，一切正常（仅显示来自数据库的过滤元素），但如果您单击分页中的任何其他页面，过滤器会误入歧途，并且会显示数据库中的所有元素，并且不仅仅是那些被过滤的。

php
Martin Hope
Michael Miller
Asked: 2022-06-25 19:25:08 +0800 CST
  • 0

我寻求建议和帮助。

我有一个页面，我从数据库中检索信息。而且由于信息量很大，所以需要进行分页。为了不写单车，我在一个不错的网站上找了一个分页类。这里

我用它。有一个问题：

当页面加载时一切正常：

// пагинация
include($dr.'/pagination/pagination.php');
$peger = new DBPaginator($url2, 6);  // 6 - колво выводов на странице

$items = $peger->getItems("SELECT * FROM `apple` ORDER BY `id` DESC");

foreach ($items as $item){
...
}

所以分页效果很好。但。

我有过滤器。

假设我在数据库的一个页面上显示所有苹果。页面上的分页器显示 6 个苹果，导航本身如下

1,2,3,4,5....

如果我选择一个过滤器（例如红苹果），那么 Ajax 会使用指定的过滤器值（例如红色）向 php 发送一个请求。Php 获取一个过滤器值并从数据库中获取新的数据

// пагинация
include($dr.'/pagination/pagination.php');
$peger = new DBPaginator($urlForPagi, 6);  // 6 - колво выводов на странице

$items = $peger->getItems("SELECT * FROM `apple ` WHERE `color` = $_POST['color'] ORDER BY id DESC");

并通过echo json_encode给出结果，jquery在页面上加载新的苹果，删除以前的苹果。没有页面重新加载。还加载了新的分页（新选择的分页（红苹果））。

我不明白以下内容。When displaying all the apples on the page, there is pagination, for example, 1,2,3,4,5, and when red apples are selected, the old pagination is deleted and a new one is loaded from the selection 1.2 (6每页红苹果片数） - 计算数据库中的红苹果，并意识到分页在这个意义上是正确的。但。

当只加载数据库中的红苹果并出现红苹果的分页时，值得点击，例如在第 2 页，然后由于某种原因显示所有苹果，但只有红苹果应该显示。

php
Martin Hope
Michael Miller
Asked: 2022-06-16 01:17:08 +0800 CST
  • 0
$.ajax({
url: '/dir/file.php',
type: 'post',
dataType: 'json',

data: {action: 'ftype', btype: btype, urlForPagi: urlForPagi},

success: function(json){

if(typeof json.success !== 'undefined'){

$(document).find('.loadItemsHere').html(json.success);

} else if(typeof json.error !== 'undefined'){


return alert(json.error);

}
},
error: {...}
});


    $result[] = array();
    
    $items = $peger->getItems("SELECT * FROM `budget` WHERE `type` = '".$btype."' ORDER BY `id` DESC");
    
    foreach($items as $budget){
    
    $result[] = array(
    'id'   =>  $budget['id'],
    'type' =>  $budget['type']
    );

}

echo json_encode(['success' => $result], JSON_UNESCAPED_UNICODE);

结果，空又回来了，为什么？

var_dump()如果我这样做，我会看到一切正常：id 和 type

php
Martin Hope
Michael Miller
Asked: 2022-06-09 22:25:07 +0800 CST
  • 0

第二天我在蒸。决定在这里问一个问题。

有：

<div contenteditabled="true" class="editor">text, my text. Get selected text, please help me to get position of selected text</div>

在 jquery 上，我试图找到所选文本的位置（开始和结束）。我尝试了谷歌的几个功能，但我没有找到正常的。

如何获得职位？需要将所选文本包装在标签中<b>...</b>

jquery
Martin Hope
Michael Miller
Asked: 2022-05-11 18:37:34 +0800 CST
  • 0

有字段

<input type="text" name="name" id="name">
<input type="text" name="surname" id="surname">

还有三个单选按钮

<input type="radio" name="shippingMethod" value="sdek" class="shippingMethod">
<input type="radio" name="shippingMethod" value="rupost" class="shippingMethod">
<input type="radio" name="shippingMethod" value="pickup" class="shippingMethod">

我正在尝试这样做，以便如果选择了取货，则将文本“ pickup”插入姓名和姓氏字段，同时在选择取货之前保存输入的数据，以便如果没有进一步选择取货，然后将之前输入的数据插入到name和surname中。

$(document).on('change', '.shippingMethod', function(){

if($(this).val() == 'pickup'){

var name = $(document).find('#name').val(), //переменная со значением до того как установить значение "самовывоз"
surname = $(document).find('#surname').val(), //переменная со значением до того как установить значение "самовывоз"

$(document).find('#name, #surname').val('Самовывоз');
}

else{

$(document).find('#name').val(name);
$(document).find('#surname').val(surname);


}

)};

问题是如果在点击pickup后点击按钮，之前输入的值（var name, surname）不会被插入。shippingMethod具有不同的值（sdek/rupost）。字段被愚蠢地清除（或插入空值）。

jquery
Martin Hope
Michael Miller
Asked: 2022-02-03 18:21:30 +0800 CST
  • 0

modx api具有删除资源、对象的能力。我正在制作“更改个人资料图片”页面。我正在尝试执行以下操作 - 当用户上传新照片并单击保存按钮时，有必要从根public_html/user_upload的文件夹中删除旧照片。我得到旧照片的链接。什么命令可以用来删除文件？

我像这样尝试过，但是没有用。

$modx->remove($photo1);

还是modx api做不到？

api
Martin Hope
Michael Miller
Asked: 2022-01-27 21:07:15 +0800 CST
  • 1

网站上有一个表单，提交Ajax时会发送数据到php进行验证。试图调用 phpthumbof 片段

php

<?php
// Подключаем modx api
define('MODX_API_MODE', true);
require $_SERVER['DOCUMENT_ROOT'].'/index.php';

....

$options = "w=100&h=100&zc=1&far=C&q=95";
$image = $_SERVER["REQUEST_SCHEME"] . '://' . $_SERVER["SERVER_NAME"].'/user_upload/'.$fileName; // тут все правильно
$userImage = $modx->runSnippet('phpthumbof', array('input' => $image, 'options' => $options)); // комментируя эту строку никаких ошибок не появляется

echo json_encode(['error' => '<img src="'.$userImage.'" alt="">'], JSON_UNESCAPED_UNICODE);
exit;
....

提交时出现错误

{"readyState":4,"responseText":"","status":500,"statusText":"error"}
api
Martin Hope
Michael Miller
Asked: 2022-01-19 00:35:03 +0800 CST
  • 2
files = {}; // для хранения файлов

var theInputFile = $('input[type="file"]'); // инпут с типом файл и атрибутом multiple

var dropZone = $('.dropZone');

ondragover,ondragleave // пропустим

//когда файл(-ы) перетащили и бросили
dropZone[0].ondrop = function(event){
    event.preventDefault(); //отмена стандартных поведений браузера
    event.stopPropagation(); //отмена стандартных поведений браузера
    dropZone.removeClass('hovered'); // удаляем
    dropZone.addClass('droped'); // и добавляем нужные классы

    var dt = event.dataTransfer; // получаем
    var dfiles = dt.files; // переносимые файлы
    var dcount = dfiles.length; // получаем кол-во переносимых файлов

if(dcount<=fileLimit){ // если меньше или равно 3 (кол-во)

    $('.totalPhotos span').text(dcount); // показываем кол-во юзеру
    files = {}; // очищаем хранилище с файлами
    theInputFile.val(''); //очищаем инпут file
    $('.combineLoaded').empty(); // очищаем div, где будут отображаться превью файлов

    theInputFile.files = dfiles; // попытка добавить инпут file все переносимые файлы (не работает)

var isSomeFileTooBig = Object.values(theInputFile.files).some(function(file){ //найти во всех файлах
    return file.size > maxFileSize; //файл, превыщающий 4 мб
});
if(isSomeFileTooBig){ // если нашелся такой
    $('.totalPhotos span').css('color', '#ff0000').text('0'); // то
    files = {}; // очищаем хранилище файлов
    theInputFile.val(''); // и инпут file
    $('.combineLoaded').empty(); // и div для вывода превью файлов
    return false; // далее делаем ничего
}
// а если нет файла больше чем 4 мб
else{ 
    $.each(theInputFile.files, function(i, file){ // то перебираем каждый файл
    var reader = new FileReader(); // читаем файл
    reader.onload = function(e){
    $('.combineLoaded').append('<div class="readUploadedFile ovh boxs posr"><div class="loadedImageName"><div class="fileName posr boxs ovh" title="'+ file['name'] +'">'+ file['name'] +'</div></div><img src="'+e.target.result+'" alt="'+ file['name'] +'" title="'+ file['name'] +'"></div>');
};
    reader.readAsDataURL(file); // вывели превью файла с именем
});
}
}
else{
    $('.totalPhotos span').css('color', '#ff0000').text('0'); // а если перетащили более 3 файлов то
    files = {}; // очищаем хранилище
    theInputFile.val(''); // очищаем инпут file
    $('.combineLoaded').empty(); // очищаем div с превью
    return false; // дальше делаем ничего
}
};

结果是什么？拖动文件时，会显示它们的预览和名称，一切都会好起来的，但输入文件不会将传输的文件添加到自身。很遗憾。

输入文件没有添加便携式拖放文件的事实，我用php检查过

if(empty($_FILES['file']['name'])){
    echo json_encode(['error' => 'Не выбраны изображения для загрузки'], JSON_UNESCAPED_UNICODE);
    exit;
}

同时，如果你通过点击原生的“选择文件”按钮来选择文件，一切正常。但这是一个拖放式的伏击。有没有办法解决这个问题？

javascript
Martin Hope
Michael Miller
Asked: 2022-01-10 21:31:56 +0800 CST
  • 0

是否可以从特定组中删除所有用户？

我将所有内容都写在一个片段中，但我也可以使用 api Modx 在外部文件中写

//Инициализируем запрос
$query = $modx->newQuery('modUser');
// выполняем запрос
$users = $modx->getCollection('modUser',$query);



// цикл по пользователям
foreach ($users as $user) {

...
}

所以结果会显示该站点的所有用户，但如何来自特定组？例如，来自男孩组

php
Martin Hope
Michael Miller
Asked: 2022-01-08 03:01:18 +0800 CST
  • 1

朋友们。

描述：有一项任务是制作带有倒计时计数器的登录页面。问题是柜台上的时间对于每个用户来说应该是不同的。重要的一点 - 用户是未注册的，即网站的普通访客。

一位客人访问了该网站（例如，使用他邮件中的链接（链接始终相同，不会更改）），然后他看到了报价和倒计时。

如何为每个用户实现不同的倒计时时间，从而在页面更新时，已经访问过该页面的用户的计数器不更新，而是继续计数？

也许当你进入页面时，在php中取当前时间并将offer的最大可用时间添加到其中？例如，最长时间为 3 小时（10800 秒）。然后 10800 + 当前时间（以秒为单位） = 将结果量转换为秒。但是，如果一个人来自远东，与莫斯科的时差为 6 小时，那他会得到echo date("H:i:s")什么？莫斯科时间还是他所在地区的时间？如果在莫斯科，则此选项与当前时间不是一个选项。

跳过时间问题的解决办法——可以将结果写入cookie，在加载页面时，检查cookie是否为空，如果不为空，则从cookie中取出时间推入计数器进行计数.

一般来说，我不要求你为我写一个脚本，但我要求你提出它的工作逻辑。如果这个问题在你看来不值得你回答，那么不要减分，而是略过。

javascript
Martin Hope
Michael Miller
Asked: 2021-12-18 22:07:52 +0800 CST
  • 0

我正在尝试发送一个 Ajax 请求来重置我的密码。

在目录/..../view/.../account/fotgotten.twig 我做了一个按钮<button type="button" id="forgot">send</button>

Ajax 请求在这里

$(document).on('click', '#forgot', function(){
$.ajax({
url: 'index.php?route=account/forgotten/validate', //отправляем запрос в catalog/controller/account/forgotten.php ф-ию validate, которая protected function - может дело в protected?
type: 'post', //зщые
data: $('#ff input[type=\'text\']'),  //данные
dataType: 'json',  //json
success: function(json) {
if (json['redirect']) {
location = json['redirect']; //если все ок, то направим на страницу входа (или любую другую укажу)
} else if (json['error']) {
if (json['error']['warning']) { 
$.jGrowl(json['error']['warning']); //показ ошибок если есть, а она всего одна может быть - есть ли такой email или нет
}
}
},
error: function(xhr, ajaxOptions, thrownError) {
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText); // ну и Ajax ошбки запроса
}
});
});
});

目录/控制器/帐户/忘记

功能验证

protected function validate() {        
$json = array(); //создаю массив json        
    if (!isset($this->request->post['email'])) { //если нет данных
//          $this->error['warning'] = $this->language->get('error_email');  //закомментировал стандартный функционал
            $json['error']['warning'] = $this->language->get('error_email'); //то покажем ошибку
    } elseif (!$this->model_account_customer->getTotalCustomersByEmail($this->request->post['email'])) { //проверка на существование среди email юзеров
            $json['error']['warning'] = $this->language->get('error_email'); // текст ошибки если если false
//          $this->error['warning'] = $this->language->get('error_email'); //закомментировал стандартный функционал
    }
    
    // Check if customer has been approved.
    $customer_info = $this->model_account_customer->getCustomerByEmail($this->request->post['email']);

    if ($customer_info && !$customer_info['status']) {
            $json['error']['warning'] = $this->language->get('error_approved'); //отдаем текст ошибки
//          $this->error['warning'] = $this->language->get('error_approved'); //закомментировал стандартный функционал
    }
        
        $this->response->addHeader('Content-Type: application/json'); //json
    $this->response->setOutput(json_encode($json)); //json

//      return !$this->error; //закомментировал стандартный функционал
  }

结果，当我提出请求时，我收到以下错误

Unrecognized token '<'
parsererror
<b>Warning</b>: call_user_func_array() expects parameter 1 to be a valid callback, cannot access protected method ControllerAccountForgotten::validate() in <b>/home/d/drobenfg/test.domrobensa.ru/storage/modification/system/engine/action.php</b> on line <b>79</b>
php
Martin Hope
Michael Miller
Asked: 2020-09-07 04:30:49 +0800 CST
  • 1
{% if mpn %} // если есть переменная
{{ mpn }} // то вывожу ее

{% set collectionname = '{{mpn}}' %} // и устанавливаю новую переменную, присвоив ей значение из переменной "{{ mpn }}"

коллекция - {{ collectionname }} - // но в итоге выводится не само значение, а голый прям текст - {{ mpn }}

{% endif %}
twig
Martin Hope
Michael Miller
Asked: 2020-09-03 23:31:26 +0800 CST
  • 0

该站点有一个常规的表单，js检查它是否正确填写，如果一切正常，那么我们将用户重定向到新窗口中另一个域的页面。

setTimeout(function(){
window.open("https://другой-домен.ру", "_blank");
}, 10);

但是没有执行重定向，而是在浏览器栏中显示消息“弹出窗口在此站点上被阻止”。

javascript
Martin Hope
Michael Miller
Asked: 2020-08-25 20:33:42 +0800 CST
  • 0

function sticky(){
var sidebar = $('.sidebar');
var sidebarHeight = sidebar.outerHeight(true);
var sidebarOffsetTop = sidebar.offset().top;
var parent = $('.flexCatalog');
var parentHeight = parent.outerHeight(true);
var parentOffsetTop = parent.offset().top;
var bottom = parent.offset().top + parent.outerHeight(true) - $(window).outerHeight(true);
var stop = parent.outerHeight(true) - $(window).outerHeight(true) - sidebarOffsetTop + parentOffsetTop;
var sideBarOffsetBottom = sidebarOffsetTop + sidebarHeight;


//alert(parentHeight + ',' + bottom + ', ' + stop + ', ');
$(window).on('scroll', function(){

var scroll = $(window).scrollTop();

if (scroll >= sidebarOffsetTop && scroll <= bottom){

sidebar.addClass('sticky').css('top', '0');

}
else if(scroll >= sidebarOffsetTop && scroll >= bottom){

sidebar.removeClass('sticky').css('top', stop + 'px');

}
else{

sidebar.removeClass('sticky').css('top', '0');

}



});
}
$(window).on('load resize', function(){

sticky();

});
html, body {
  min-height: 2000px;
  padding: 50px 0;
  margin: auto;
}


h2 {
  margin: 0;
}

.content{
  width: 90%;
  margin: auto;
}


 .posr{
  position: relative;
 }

.sidebar{
 z-index:20;
}

.sidebar.sticky{
 position: fixed;
}

.flexCatalog{
 width: 100%;
 display: flex;
 flex-wrap: wrap;
justify-content: space-between;

 }

.partFirst{
 max-width: 30%;
flex-basis: 30%;
}

.partSecond{
 max-width: 60%;
 flex-basis: 60%;
 background: red;
}


.goods{
 height: 1581px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  
  <div class="content">
  <div class="flexCatalog">
<div class="partFirst posr">
<div class="sidebar posr">
<h2>Категории</h2>
<div>пункт</div>
<div>пункт</div>
<div>пункт</div>
<div>пункт</div>
<div>пункт</div>
<div>пункт</div>
<h2>Страны<br> производители</h2>
<div>Фильтр</div>
<div>Фильтр</div>
<div>Фильтр</div>
<div>Фильтр</div>
<div>Фильтр</div>
<div>Фильтр</div>
<div>Фильтр</div>
<div>Фильтр</div>
<div>Фильтр</div>
</div></div>
<div class="partSecond df">
<div class="goods"></div>
</div></div>
  </div>
  
  
</body>
</html>

画出这样一个粘性块。我必须马上说，请不要提供插件，我不想使用它们，这里不需要它们。

现在，当滚动条到达侧边栏的顶部时，我们会给它一个粘滞类，它有position: fixed属性，如果从浏览器窗口底部滚动时出现父级的下部（offsetBottom ），然后从侧边栏中删除粘性类并将顶部属性添加到它的值 = 父级的高度 - 浏览器窗口高度 - cybrar offset().top + 父级 offset().top（但这些都是小事）

现在我想寻求帮助，以了解如何添加一个条件，以便（很难用手指解释）如果在滚动时侧边栏的高度大于浏览器窗口的高度（例如，过滤器不可见，它们不适合整个屏幕），那么我们不添加sticky类，而是等到它滚动到侧边栏底部才修复它，但是当我们向上滚动时，我们等到侧边栏的顶部出现，然后再修复它。

结果的说明性示例 - VK、FB 侧边栏或此处是插件的链接https://abouolia.github.io/sticky-sidebar/#examples示例编号 2“可滚动的粘性元素”在 Google 中我没有找到类似问题的答案

javascript