小编Rya*_*yan的帖子

Javascript:Escape键=浏览器后退按钮

在浏览器中如何使键盘的转义键返回Javascript.

例如:如果您访问此页面并单击"全屏"链接,我想按退出键并返回上一页.

什么是使这种魔法发生的Javascript?

javascript browser keyboard back

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

从iPhone优化页面中删除水平移动/摆动

我正在尝试为iPhone优化我们的新闻页面.我注意到的一个问题是我能够水平点击并移动页面(即摆动).

我的问题是,我怎样才能阻止这种横向运动的发生?

我们所有的新闻页面都有这个问题.以下是几个例子:

css iphone mobile-safari

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

在HTML页面中基于URL变量加载CSS

当我的URL变量包含"?view = full"时,我想加载样式表.

是否可以在HTML(即不是PHP)中执行此操作?如果是这样,怎么样?

html css urlvariables

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

如何在Android上调整图像大小?

我正在尝试使用我的mobile.css文件将图像大小调整为310px宽.这适用于iPhone但不适用于Android.

如何在Android上调整这些图像的大小?

这是我的页面和CSS:

div.photosmall,
div.photosmall img,
div.photosmall a img,
div.photosmall-left,
div.photosmall-left img,
div.photosmall-left a img,
div.photosmall-right,
div.photosmall-right img,
div.photosmall-right a img,
div.photobanner,
div.photobanner img,
div.photobanner a img,
div.photolarge,
div.photolarge img,
div.photolarge a img,
div.photolarge-left,
div.photolarge-left img,
div.photolarge-left a img,
div.photolarge div.photolarge,
div.photolarge div.photolarge img,
div.photolarge div.photolarge a img,
img.photobanner,
img.photolarge {
    width:310px !important;
    float:none;
}
Run Code Online (Sandbox Code Playgroud)

css mobile android image

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

三个或更多行文本的纯CSS省略号

有没有CSS的方式(没有JavaScript/jQuery)只显示前两行,如果有三行或更多行,隐藏额外的行并显示省略号?

例如,我怎么能把这个小提琴:

http://jsfiddle.net/0yyr3e63/

......让它看起来像这样?

Lorem Ipsum Dolor
Sit Amet Consectetur

Ut Enim Ad Minim
Veniam Quis Nostrud...

Duis Aute Irure
Dolor In...
Run Code Online (Sandbox Code Playgroud)

提前致谢.

html css overflow ellipsis

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

使用PHP反转XML的顺序

我正在使用PHP从XML文件输出数据.这是违反时间顺序的,我想反过来.这可能用PHP吗?如果是这样,怎么样?

这是我的页面和代码:

    $file = 'http://www.gostanford.com/data/xml/events/m-baskbl/2010/index.xml';
    $xml = simplexml_load_file($file);

        foreach ($xml as $event_date) {
        if(!empty($event_date->event['vn']) && !empty($event_date->event['hn']) && !empty($event_date->event['vs']) && !empty($event_date->event['hs']))
        { 
            echo '<li>';
                echo '<h3>', $event_date->event['vn'], ' vs ', $event_date->event['hn'], '</h3>';
                echo '<p><strong>', $event_date->event['vs'], ' - ', $event_date->event['hs'], '</strong></p>';
                echo '<p>', date('F j, Y', strtotime($event_date['date'])), '</p>';
            echo '</li>';   
        }
    }
Run Code Online (Sandbox Code Playgroud)

谢谢你的帮助!

php xml

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

如果用户在Android上,请加载移动CSS

我的.htaccess文件正在编写一个"智能"cookie.如果我的页面读取此cookie,它将写一个div.然后我的移动CSS文件只在用户在iPhone或iPod上加载.

我的问题是,如果用户在Android上,如何编辑此代码(如下所示)以加载移动CSS文件?

这是我的页面和代码:

<meta name="viewport" content="width=device-width, user-scalable=yes" /> 
<link rel="stylesheet" type="text/css" href="css/mobile.css" media="only screen and (max-width: 640px)" /> 
<script type="text/javascript">
if (window.screen.width > 640){document.write('<meta name="viewport" content="width=980, user-scalable=yes" />')}
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))){document.write('<link rel="stylesheet" type="text/css" href="css/mobile.css" media="only screen and (max-width: 640px)" />')}
</script>
Run Code Online (Sandbox Code Playgroud)

javascript css mobile android viewport

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

Zurb基金会揭示禁用动画

我正在尝试禁用Foundation的Reveal动画,但它仍然是动画.

这是我的小提琴和代码:

http://jsfiddle.net/ryanburnett/pSQjj/

<script>
  $('#videoModal').reveal({  
       animation: 'none' //fade, fadeAndPop, none
  });
</script>

<a href="#" data-reveal-id="videoModal" class="radius button">Example Modal w/Video&hellip;</a>
<div id="videoModal" class="reveal-modal large">
  <h2>This modal has video</h2>
  <div class="flex-video">
    <iframe width="800" height="315" src="http://www.youtube.com/embed/IkOQw96cfyE" frameborder="0" allowfullscreen></iframe>
  </div>
  <a class="close-reveal-modal">&#215;</a>
</div>
Run Code Online (Sandbox Code Playgroud)

javascript modal-dialog zurb-foundation

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

JavaScript字谜比较

我试图比较两个字符串,看看它们是否是字谜.

我的问题是我只是比较每个字符串中的第一个字母.例如,"玛丽"和"军队"将返回真实,但遗憾的是"玛丽"和武器."

在返回true/false之前,如何比较两个字符串的每个字母?

这是一个jsbin演示(单击"控制台"选项卡查看结果"):

http://jsbin.com/hasofodi/1/edit

function compare (a, b) {
  y = a.split("").sort();
  z = b.split("").sort();
  for (i=0; i<y.length; i++) {
    if(y.length===z.length) {
      if (y[i]===z[i]){
        console.log(a + " and " + b + " are anagrams!");
        break;
      }
      else {
        console.log(a + " and " + b + " are not anagrams.");
        break;
      }
    }
    else {
      console.log(a + " has a different amount of letters than " + b);
    }
    break;
  }
}

compare("mary", "arms");
Run Code Online (Sandbox Code Playgroud)

javascript

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

新的YouTube iframe代码未在iPhone上显示视频

我们将新的YouTube iframe代码添加到我们的新闻网站中.问题是视频没有出现在iPhone上.

这是我的页面和代码:

<iframe width="620" height="390" src="http://www.youtube.com/v/A2V1WTF8tp4?hl=en&fs=1&autoplay=0&hd=1" frameborder="0" allowfullscreen="true"></iframe>
Run Code Online (Sandbox Code Playgroud)

如何让YouTube视频显示在iPhone上?

youtube iphone iframe mobile-safari

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