小编MAN*_*AaR的帖子

iframe只显示页面的某个部分

我正在研究iframe,我需要在iframe中显示页面的某个部分[例如,右上角],宽度约为300px,高度为150px.

例:

说我希望把一个IFRAMEwww.mywebsite.com/portfolio.php在页面上,但有IFRAME大小,只显示" 投资组合运动在"部分右上角.

我怎样才能做到这一点?

谢谢.

编辑:演示

[感谢Pointy]

html css jquery

60
推荐指数
5
解决办法
27万
查看次数

iframe的假用户代理

我是Javascript的新手.我发现此代码使用Javascript更改用户代理.

var __originalNavigator = navigator;
navigator = new Object();
navigator.__defineGetter__('userAgent', function () {
    return 'Custom';
});

var iframe='<iframe id="frame" name="widget" src ="http://www.useragentstring.com/" width="100%" height="400" marginheight="0" marginwidth="0" frameborder="no" scrolling="no"></iframe>';        

document.write("User-agent header sent: " + navigator.userAgent + iframe);   
Run Code Online (Sandbox Code Playgroud)

此代码可以运行并返回虚假用户代理,虽然如何为iframe设置相同的虚假用户代理?

这是我要做的事情的小提琴:http://jsfiddle.net/ufKBE/1/

javascript iframe jquery user-agent

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

提交搜索查询并获取搜索结果而不刷新

我想提交搜索查询表单并获取搜索结果,而无需在同一页面重定向/重新加载/刷新.

我的内容是动态的,所以不能使用那些"提交联系表格而不刷新成功回复页面".

javascript php jquery

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

在{foreach}内的reverse_array中排列列表

我正在这样聪明地使用{foreach}

{foreach key=num item=reply from=$replies}
//something goes here.
{/foreach}
Run Code Online (Sandbox Code Playgroud)

目前我收到的答复如...

年长 - >老 - >新 - >更新

我想按此顺序安排它们

较新 - >新 - >旧 - >较旧

怎么做到这一点?

谢谢

解决了

感谢ts

from=$replies|@array_reverse
Run Code Online (Sandbox Code Playgroud)

并且需要以下smarty插件

modifier.reverse_array.php

<?php
/**
 * Smarty plugin
 * @package Smarty
 * @subpackage plugins
 */


/**
 * Smarty reverse_array modifier plugin
 *
 * Type:     modifier<br>
 * Name:     reverse_array<br>
 * Purpose:  reverse arrays
 * @author   Noel McGran 
 * @param array
 * @return array
 */
function smarty_modifier_reverse_array($array)
{
    return array_reverse($array);
}

/* vim: …
Run Code Online (Sandbox Code Playgroud)

php smarty

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

消除图像之间的垂直空白

我正在处理电子邮件模板。代码是这样的:

<table width="702" cellpadding="0" cellspacing="0" align="center" id="template">
<tr>
<td align="left" valign="top">
<img src="/email/new/top_bar.png" width="702" height="11" alt="" border="0">
<img src="/email/new/bottom_bar.png" width="702" height="11" alt="" border="0">
</td>
</tr>    
</table>
Run Code Online (Sandbox Code Playgroud)

我总是在这两个图像之间获得垂直空白。

我尝试使用 valign、vspace 但没有运气。如何摆脱它?

html css templates

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

JQuery砌体!更新columnWidth On Window Resize

我正在开发响应式布局,我也在使用JQuery Masonry.

我正在使用以下脚本来获取当前列宽.

var curWidth; 
var detector;

detector = $('.magic-column');
curWidth = detector.outerWidth(true);

$(window).resize(function(){
    if(detector.outerWidth(true)!=curWidth){
        curWidth = detector.outerWidth(true);
    }
});
Run Code Online (Sandbox Code Playgroud)

我的JQuery Masonry init脚本是这样的..

$(window).load(function(){
     $(function (){
            $wall.masonry({
                    singleMode: true, 
                    columnWidth: curWidth, // This needs to be update on window load & resize both //
            });
     });
});
Run Code Online (Sandbox Code Playgroud)

我的第一个脚本是正确获取宽度,但在砌体中宽度没有更新...我如何实现加载和调整大小功能,以便我的curWidth将更新为Masonry以及窗口调整大小

jquery window-resize jquery-masonry

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

Photoshop像带有jQuery的Grid / Guidelines,HTML 5

我正在寻找带有jQuery的网格和准则之类的Photoshop。有任何插件吗?还是有没有办法在HTML 5页面上创建此类可拖动/可移动的指南。

在此处输入图片说明

更新/答案

这里是工作提琴 [感谢Xenethyl ]

jquery html5 jquery-ui jquery-plugins html5-canvas

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

Javascript Sort()数组以数字顺序排列

我有这样的数组

var Arr = [ 'h78em', 'w145px', 'w13px' ]
Run Code Online (Sandbox Code Playgroud)

我想按数字顺序对这个数组进行排序

[ 'w13px', 'h78em', 'w145px' ]
Run Code Online (Sandbox Code Playgroud)

对于常规数值排序,我使用此功能

var sortArr = Arr.sort(function(a,b){
     return a-b;
});
Run Code Online (Sandbox Code Playgroud)

但由于数组中的单词字符,此功能不起作用

是否可以对此数组进行排序?如何拆分/匹配数组?

javascript arrays sorting

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

JQuery将Image SRC设置为body background-image

我在UL中设置了这样的图像,如下所示:

<ul>
    <li>
        <a href="#">
            <img scr="image1.png">
        </a>
    </li>
    <li>
        <a href="#">
            <img scr="image2.png">
        </a>
    </li>
    <li>
        <a href="#">
            <img scr="image3.png">
        </a>
    </li>
</ul>
Run Code Online (Sandbox Code Playgroud)

单击每个图像后,我希望将Image的src应用于body作为"background-image".

我不是JQuery专家,所以任何帮助都将不胜感激.

jquery background-image

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

jQuery each()完整的回调函数

我正在尝试使用以下each()函数扫描DOM中的所有样式表

$("link").each(function(){
    $.get($(this).attr('href'), function() {
        // Some Code...
    });
});
Run Code Online (Sandbox Code Playgroud)

这段代码工作正常但我希望得到回调知道所有样式表已被扫描并在此后运行另一个功能.是否有可能实现这一目标?

each jquery callback

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

如果IE然后包含文件[A]否则包含文件[B]

我有一个页面,我想为不同的浏览器加载不同的内容.

示例:

IF Internet explorer

{include file="/content1.tpl"}

ELSE if any other browser

   {include file="/content2.tpl"}

{/if}
Run Code Online (Sandbox Code Playgroud)

Content1.tplContent 2.tpl是两个不同的文件,具有受人尊敬的Html和CSS.

我怎样才能使用Javascript或php实现这一目标?

谢谢,

  • Mandar

编辑

我想要的是,IE完全忽略了content2.tpl

&Mozilla或其他完全忽略content1.tpl

javascript php smarty

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

带有绝对URL的cURL get_data($ url)

我正在使用此代码使用cURL获取数据

$url='http://example.com/'; //URL to get content from..
print_r(get_data($url)); //Dumps the content

/* Gets the data from a URL */
function get_data($url)
{
$ch = curl_init();
$timeout = 5;
curl_setopt($ch,CURLOPT_URL,$url);
curl_setopt($ch,CURLOPT_RETURNTRANSFER,1);
curl_setopt($ch,CURLOPT_CONNECTTIMEOUT,$timeout);
$data = curl_exec($ch);
curl_close($ch);
return $data;
}
Run Code Online (Sandbox Code Playgroud)

但是,此代码返回具有相对URL的数据.如何通过绝对URL获取此相对URL和打印?可能与preg_replace ..但如何?

php curl

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

如果div为空则为jQuery

我正在使用wordpress模板,其中div.post-thumb为空但具有动态空白区域.

<div class="post-thumb">    </div>
<div class="post-text"></div>
Run Code Online (Sandbox Code Playgroud)

我正在使用以下脚本来检测div.post-thumb是否为空.

$('.post-thumb').each(function(){
if ($(this).html()=='') $('.post-text').css('marginLeft','50px');
}); 
Run Code Online (Sandbox Code Playgroud)

这个脚本的问题是"div.post-thumb中的动态空格"

如何摆脱这个问题?有没有其他方法可以检测div是否为空,不包括空格?

jquery whitespace is-empty

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