小编Aci*_*don的帖子

如何将鼠标悬停在一个div上以触发另一个div的更改?

我希望为我的下一个网站创建下一个效果:

  1. 我有3个DIV,左栏中有一些文字内容.
  2. 我在右栏中的div中有一个图像.
  3. 右边div中的图像有3个不同的独立图像部分,当我将鼠标悬停在左侧列中的一个div(与特定图像部分相关)上时,每个单独的部分都必须突出显示.我悬停的DIV也必须在悬停时突出显示.
  4. 当我将鼠标悬停在右列中的DIV中的任何图像部分上时,我也只想要相同的效果.我希望它突出显示相关的div,以及突出显示图像部分本身.

我知道这一切听起来真的很混乱,所以我拍了一张照片,希望能在视觉上解释我的项目.(查看附图).

现在我不确定这是否可以仅使用CSS,或者通过CSS和jQuery或smn的组合来实现.

如果有人遇到类似的实现,或者知道我在哪里可以找到代码示例,或者可以指导我朝着正确的方向发展,我真的很感激!!!

html css jquery

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

解释这个自定义函数如何工作PHP

这里的PHP函数允许以输出数组的方式合并任意N个不同长度的数组,顺序如下Array1[0],Array2[0],..,ArrayN[0],Array1[1],Array2[1],..,ArrayN[1]...:

    function array_zip_merge() {
      $output = array();
      // The loop incrementer takes each array out of the loop as it gets emptied by array_shift().
      for ($args = func_get_args(); count($args); $args = array_filter($args)) {
        // &$arg allows array_shift() to change the original.
        foreach ($args as &$arg) {
          $output[] = array_shift($arg);
        }
      }
      return $output;
    }

// test

$a = range(1, 10);
$b = range('a', 'f');
$c = range('A', 'B');
echo implode('', array_zip_merge($a, $b, $c)); // prints 1aA2bB3c4d5e6f78910
Run Code Online (Sandbox Code Playgroud)

虽然我理解这个示例中的每个内置函数都是自己做的,但我不能完全理解它在这个函数中如何一起工作,尽管包括解释注释......

有人可以帮我分手吗?这个功能很好用,它让我疯狂,我不明白它是如何工作的...... …

php function array-filter

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

PHP Array_diff 当有重复的数组值时

我有两个包含重复值的数组:

$test1 = Array(
        "blah1",
        "blah1",
        "blah1",
        "blah1",
        "blah2"
    );

    $test2 = Array(
        "blah1",
        "blah1",
        "blah1",
        "blah2"
    );
Run Code Online (Sandbox Code Playgroud)

我正在尝试获取数组差异:

$result = array_diff($test1,$test2);

echo "<pre>";
print_r($result);
Run Code Online (Sandbox Code Playgroud)

我需要它返回带有单个值的数组blah1,但它返回空数组而不是......

我怀疑这与两个数组中都有重复值的事实有关,但不确定如何修复它...

请帮忙!!

编辑:

最终编写这个函数来完成这个技巧:

function subtract_array($array1,$array2){
    foreach ($array2 as $item) {
        $key = array_search($item, $array1);
        unset($array1[$key]);
    }
    return array_values($array1);
}
Run Code Online (Sandbox Code Playgroud)

php arrays array-difference

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

使用PHP从浏览器直接将多个文件上传到AWS S3存储桶

我需要制作一个能够通过PHP从浏览器直接将多个文件上传到我的AWS S3存储桶的Web表单.

我遇到了单个文件上传的好方法(https://www.sanwebe.com/2015/09/direct-upload-to-amazon-aws-s3-using-php-html):

<?php
$access_key         = "iam-user-access-key"; //Access Key
$secret_key         = "iam-user-secret-key"; //Secret Key
$my_bucket          = "mybucket"; //bucket name
$region             = "us-east-1"; //bucket region
$success_redirect   = 'http://'. $_SERVER['SERVER_NAME'] . $_SERVER['REQUEST_URI']; //URL to which the client is redirected upon success (currently self) 
$allowd_file_size   = "1048579"; //1 MB allowed Size

//dates
$short_date         = gmdate('Ymd'); //short date
$iso_date           = gmdate("Ymd\THis\Z"); //iso format date
$expiration_date    = gmdate('Y-m-d\TG:i:s\Z', strtotime('+1 hours')); //policy expiration 1 hour from now

//POST Policy required in order to control …
Run Code Online (Sandbox Code Playgroud)

php ajax amazon-s3 amazon-web-services

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

在网页上将PDF文件显示为轮播,每页作为单独的幻灯片

我正面临一项艰巨的任务-创建滑块轮播绞盘将在一个网页上显示一个单独的多页PDF的单独页面。请查看下面的图片,以了解完成后的外观:

在此处输入图片说明

它必须看起来像普通文档,并且不应包含任何滚动条,工具栏,缩放按钮等。此外,该站点将托管在没有互联网的本地主机上,因此不能选择使用外部API(例如Google PDF Viewer)。

到目前为止,我看到了两种不同的方法:将PDF嵌入每个幻灯片中,或者将服务器端的PDF转换为PNG,以便稍后在幻灯片中显示。目前,这两种方法都面临一些障碍:

1)第一种方法-嵌入PDF

如果我将在指定page参数的每张幻灯片中嵌入pdf 怎么办?

我试过了:

a)普通嵌入

b)对象

我在#page=5&toolbar=0&navpanes=0&scrollbar=0&view=fitpdf中使用了下一个参数。

结果几乎相同:

在此处输入图片说明

  • Chrome不会缩放pdf,并且会在鼠标悬停时显示滚动条,一些pdf查看器背景以及一些缩放按钮
  • Firefox显示工具栏
  • 即IE和Safari都非常接近我的需求,但显示了PDF查看器的某些深色背景

是否有可能没有跨浏览器的方法来嵌入原始PDF,以使其看起来像页面的一部分一样无缝?

2)第二种方法:将PDF转换为其他格式(尚未尝试过这些格式)

如果要在服务器端转换PDF怎么办?

a)使用ImageMagick转换为PNG。缺点-客户端将必须在服务器上安装ImageMagic并可能在服务器上安装Ghostview,如果可能的话,我希望避免。

b)使用PHP SwfTools转换为SWF。不知道这是否会按预期实现,加上闪存支持正在下降,这可能不是最好的方法。

那我应该怎么做呢?我个人希望保持其尽可能的简单...有人遇到过类似的问题并且可以给我建议吗?

请帮忙!

html javascript php embed pdf

5
推荐指数
2
解决办法
9803
查看次数

使用php表单将记录添加到mysql数据库而无需离开/刷新页面

我使用这个文件input.php将记录添加到数据库:

$order = "INSERT INTO wp_userdata
            (username, product_name, product_brand)
            VALUES
            ('$_POST[username]',
                        '$_POST[name]',
            '$_POST[brand]')";


$result = mysql_query($order);  
if($result){
    header( 'Location: http://page-with-form.php' ) ;
} else{
    echo("<br>Input data is fail");
}
Run Code Online (Sandbox Code Playgroud)

而我的页面带有表单page-with-form.php

<table border="1">
  <tr>
    <td align="center">Add Products</td>
  </tr>
  <tr>
    <td>
      <table>
        <form method="post" action="input.php">
<input type="hidden" name="username" value="[insert_php]echo $username;[/insert_php]">
        <tr>
          <td>Product Name</td>
          <td><input type="text" name="name" size="50">
          </td>
        </tr>
        <tr>
          <td>Brand</td>
          <td><input type="text" name="brand" size="50">
          </td>
        </tr>
        <tr>
          <td></td>
          <td align="right"><input type="submit" name="submit" value="Send"></td>
        </tr>
</form>
        </table>
      </td> …
Run Code Online (Sandbox Code Playgroud)

html php mysql forms ajax

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

如何在字符串中的某个字符后按字母顺序对php数组进行排序

我有两个PHP数组.并为每个阵列设置不同的排序问题:

1)首先包含域名列表:

values[0] = "absd.com";
values[1] = "bfhgj.org";
values[2] = "sdfgh.net";
values[3] = "sdff.com";
values[4] = "jkuyh.ca";
Run Code Online (Sandbox Code Playgroud)

我需要按DOMAIN值按字母顺序对这个数组进行排序,换句话说,按'.'后的值排序,所以排序的域将如下:

values[0] = "jkuyh.ca";
values[1] = "absd.com";
values[2] = "sdff.com";
values[3] = "sdfgh.net";
values[4] = "bfhgj.org";
Run Code Online (Sandbox Code Playgroud)

2)我还有第二个包含"双"域值的数组:

values[0] = "lkjhg.org.au";
values[1] = "bfhgj.co.uk";
values[2] = "sdfgh.org.uk";
Run Code Online (Sandbox Code Playgroud)

我需要按DOUBLE DOMAIN值按字母顺序对此数组进行排序,换句话说,按"."的第一个实例后的值排序.在域中,所以排序域将如下:

values[1] = "bfhgj.co.uk";
values[0] = "lkjhg.org.au";
values[2] = "sdfgh.org.uk";
Run Code Online (Sandbox Code Playgroud)

我该如何解决这个问题?sort()方法仅根据第一个字母排序...

php arrays sorting

3
推荐指数
1
解决办法
1692
查看次数

使用jquery添加类后,字体真棒图标字体作为输入中的占位符

我正在尝试使用font-awesome图标作为搜索输入字段中的占位符.

Jsfiddle的例子

我使用相应的html实体作为占位符,然后使用伪类来设置占位符和正确的font-family(jsfiddle中的示例2):

HTML:

<div class="wrapper">
    <input class="icon" type="text" placeholder="&#61442;" />
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

.wrapper {
    font-family:'arial', sans-serif;
}
input.icon {
    padding:5px;
}
input.icon::-webkit-input-placeholder {
    font-family:'FontAwesome';
}
input.icon::-moz-placeholder {
    font-family:'FontAwesome';
}
input.icon::-ms-input-placeholder {
    font-family:'FontAwesome';
}
Run Code Online (Sandbox Code Playgroud)

它按预期工作.

当我尝试通过jquery(jsfiddle中的示例1)添加输入类和占位符时,问题就开始了:

JS:

$(document).ready(function() {
$('.wrapper input:first').addClass('icon');
$('.wrapper input:first').attr("placeholder", "&#61442;");
});
Run Code Online (Sandbox Code Playgroud)

它不会将font-family应用于输入占位符,而只是显示实体文本.

我试图混合各种东西,最后放弃.请帮忙!

Jsfiddle的例子

PS:在css 中添加:before字体content到输入包装器的路由对我的特定情况不起作用.

css jquery input placeholder font-awesome

3
推荐指数
1
解决办法
3123
查看次数

使用 Curl PHP 获取最终重定向

我必须从这个得到最终的重定向URL:https://web.archive.org/web/20070701005218/http://www.maladnews.com/这实际上重定向到这样的:HTTPS://web.archive。 org/web/20080109064420/http://www.maladnews.com/Site%203/Malad%20City%20&%20Oneida%20County%20News/Malad%20City%20&%20Oneida%20County%20News.html

我尝试了其他 stackoverflow 答案中的答案,这些答案适用于其他网站,但不适用于上述链接。

我试图提取常规位置标头:

if(preg_match('#Location: (.*)#', $html, $m))
 $l = trim($m[1]);
Run Code Online (Sandbox Code Playgroud)

并检查了javascript方式:

preg_match("/window\.location\.replace\('(.*?)'\)/", $html, $m) ? $m[1] : null;
Run Code Online (Sandbox Code Playgroud)

请帮忙!

php redirect curl http-headers url-redirection

3
推荐指数
1
解决办法
7579
查看次数

尝试循环遍历数组时未定义的偏移量

我需要转换我的数组:

$tdata = array(11,3,8,12,5,1,9,13,5,7);
Run Code Online (Sandbox Code Playgroud)

进入这样的字符串:

11-3-8-12-5-1-9-13-5-7
Run Code Online (Sandbox Code Playgroud)

我能够使用它:

$i = 0;
$predata = $tdata[0];
foreach ($tdata as $value)
{
    $i++;
    if ($i == 10) {break;}
    $predata.='-'.$tdata[$i];

}
Run Code Online (Sandbox Code Playgroud)

但是想知道是否有更简单的方法?

我尝试过类似的东西:

$predata = $tdata[0];

foreach ($tdata as $value)
{
    if($value !== 0) {
        $predata.= '-'.$tdata[$value];
    }
}
Run Code Online (Sandbox Code Playgroud)

但它最终导致一堆Undefined Offset错误和错误$predata.

所以我想一劳永逸地学习:

  1. 如何从索引1开始循环遍历整个数组(同时排除索引0)?

  2. 有没有更好的方法将数组转换为上述方式的字符串?

php arrays

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

设置自定义 DocumentRoot 时,将子文件夹中所有存在和不存在的页面和文件夹重定向到一页

我有下一个文件结构:

\n
.htaccess\nindex.php\npublic/\n\xe2\x94\x9c\xe2\x94\x80 v1/\n\xe2\x94\x82  \xe2\x94\x9c\xe2\x94\x80 .htaccess\n\xe2\x94\x82  \xe2\x94\x9c\xe2\x94\x80 index.php\n\xe2\x94\x9c\xe2\x94\x80 index.php\n
Run Code Online (Sandbox Code Playgroud)\n

我已将服务器级别的文档根设置为public子文件夹,以便将其从 url 中删除。

\n

我需要将 url 中包含的所有请求v1重定向到v1/index.php.

\n

我的根.htaccess

\n
RewriteEngine On\nRewriteCond %{REQUEST_URI} !public/\nRewriteRule (.*) /public/$1 [L]\nRewriteCond %{REQUEST_FILENAME} !-f\nRewriteCond %{REQUEST_FILENAME} !-d\nRewriteRule ^([^\\.]+)$ $1.php [NC,L]\n
Run Code Online (Sandbox Code Playgroud)\n

v1/.htaccess

\n
RewriteCond %{REQUEST_FILENAME} !-f [OR]\nRewriteCond %{REQUEST_FILENAME} -f\nRewriteCond %{REQUEST_FILENAME} !-d  [OR]\nRewriteCond %{REQUEST_FILENAME} -d\nRewriteRule ^ index.php [QSA,L]\n
Run Code Online (Sandbox Code Playgroud)\n

预期行为:

\n

不存在的https://example.com/v1/test页面应重定向到https://example.com/v1/.

\n

我得到的是:

\n
Not Found\nThe requested URL was not found on …
Run Code Online (Sandbox Code Playgroud)

apache .htaccess mod-rewrite url-rewriting document-root

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

鼠标悬停在jQuery的帮助下淡化具有相同类的其他元素

我有几个div由css sprites组成的背景,它们都共享同一个类 - .picture.

当我将鼠标悬停在任何这些div上时,我需要所有其他.picturediv消失,所以基本上只有我在盘旋的div才会保持不褪色.

如果我没有徘徊在这些div上,我需要所有这些都被解散.

到目前为止我试过:

$(function() {      
        $(".picture").css("opacity","1.0");       
        $(".picture").hover(function () {     
                $(this).siblings().stop().animate({opacity: 0.5}, "fast");   
        },          
        function () {      
                $(".picture").stop().animate({opacity: 1.0}, "fast");       
        });   
});
Run Code Online (Sandbox Code Playgroud)

但它不起作用.我怀疑它与这些嵌套的.picturediv干扰.siblings()选择器的方式有关,但无法自己解决:(

这是代码的小提琴 - http://jsfiddle.net/38eqH/1/.

jquery fade hover siblings

0
推荐指数
1
解决办法
2268
查看次数