标签: mootools

使横向滚动网站快速加载的最佳方法是什么?

我是堆栈溢出和编程的新手,请原谅我任何尴尬的措辞!

我正在建立一个横向滚动的网站,图形丰富,大小为680x9400像素.我将使用一些javascript和/或mootools来创建一个很酷的横向滚动效果,类似于http://sursly.com.

我是网络优化所有使用的图像,但想知道是否有人有任何其他想法如何加快页面加载?有没有办法在水平部分预加载网站?

提前致谢.

javascript mootools pageload web

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

什么是Jquery替代Mootools MochaUI?

MochaUI非常直观,模态iframe几乎可以完美地复制Windows.不幸的是,我使用Jquery编写的脚本,我听说将Mootools和Jquery放在一个html文件上时会有冲突(这是真的吗?).

如何在Jquery中获得MochaUI功能?

至少,是否有类似的模态对话系统?

我见过JqueryUI Dialog,但是它使背景变暗并且不起作用,这不是我想要的.

javascript jquery user-interface mootools

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

克隆表行

我如何使用javascript(我假设)来克隆像下面图片中精美插图的表格行?

克隆行http://i28.tinypic.com/2yyuz61.png

html javascript jquery mootools

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

是否有一种可行的方法来为图像提供检测支持:data base64

使用以下内容:

background:url(data:image/gif;base64,R0lGODlhIwAhALMAAAAAADQ0NENDQ25ubouLi6ioqLa2ttPT0/Dw8P///wAAAAAAAAAAAAAAAAAAAAAAACwAAAAAIwAhAAAIpQABCBxIsCCAAAYTKlw4cECCAQwjMnSY4KHEiwQpVrSIUaLGjRw7Kvy4EYEAkSNBljyJ0iDJiiZbulQJk6XMhjQTxLyJk+ZOngBe6rTJU+jPojmTKqXZc6nTpAKFPp0qsMDUqyoHWsWKleBWrk8LfgV5AKjYnGXNakWrdi3NtG3HbjTQtmrOAnUByK2It+7eBH3j5iSQVy5cv3PzegWsuCDExmYDAgA7) no-repeat center center;}
Run Code Online (Sandbox Code Playgroud)

很好但我希望能够在base64不可用时提供优雅降级(css断言是通过javascript).

显然,在v8之前的IE缺乏这个功能,所以我可以通过浏览器 - 但我更愿意检测它的功能,如果可能的话.

关于如何去做的任何想法?

javascript css base64 mootools

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

Mootools类中的私有方法

我在Javascript中使用oop相对较新,我想知道私有方法的最佳实践是什么.现在,我正在使用mootools来创建我的类,我通过在前面添加下划线来强制私有方法,并强迫自己不要在类之外调用该方法.所以我的班级看起来像:

var Notifier = new Class(
{
   ...
   showMessage: function(message) { // public method
      ...
   },

   _setElementClass: function(class) { // private method
      ...
  }
});
Run Code Online (Sandbox Code Playgroud)

这是在JS中处理私有方法的好/标准方法吗?

javascript oop mootools

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

选择MooTools而不是谷歌关闭?

我正在为我们的新Web应用程序选择javascript库.这个应用程序的UI不是很重,但有大多数网络应用程序的表单,报告,搜索,日历,标签和目标多个国家/地区.

我们是一个很小的团队.最大的担忧是代码的可维护性和可读性.

我们是Python程序员.在评估了许多其他javascript框架之后,我们已经缩小到mootools和google-closure.我们喜欢mootools的语法.我们没有时间学习.就像Python一样.另一方面,我们在谷歌关闭时看到私人/公众感到难过.

然而,对于mootools来说很诱人,我很想听听这些框架相互提供的具体优势.

javascript python mootools google-closure

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

PHP - 生成JavaScript

我正在开发一个包含大量JavaScript的项目.我认为生成简单的字符串并将它们放在"<script>"标记之间并不是最好的方法.

有没有更好的方法来生成JavaScript对象,函数,调用等?也许有些融合类(从PHP到JavaScript)或者我应该遵循哪些设计模式?

PS.如果它有任何相关性 - 我正在使用MooTools和MochaUI(使用MochaPHPControl).

在此先感谢您的帮助.

javascript php mootools

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

Mootools:注入vs采用

我想动态添加一些预先配置的HTML元素,使用mootools的'click'事件.

因此,我可以使用我的基本知识,虽然它不是很漂亮.我到目前为止编码了这个......

这是我预先配置的元素,包含一些文本,一个类名和一些事件,因为我想要添加事件,当它插入我的容器时:

        var label = new Element('label', {
            'text': 'Label',
            'class': 'label',
            'events': {
                'click': function(el){
                    alert('click');
                }
            }
        });
Run Code Online (Sandbox Code Playgroud)

这是我的函数,它添加了标签元素:

        function addText(){
            $('fb-buildit').addEvent('click', function(){                   
           row.adopt(label, textinput, deletebtn);
            $('the-form').adopt(row.clone());
            row.empty();

    /*
    label.clone().inject($('the-form'));
    textinput.inject($('the-form'));
    deletebtn.inject($('the-form'));
    */

            });
        }
Run Code Online (Sandbox Code Playgroud)

第二部分使用注入也有效,但在那里,我的点击事件,它触发"警报('点击')"也有效.当它插入dom时,采用的方法不会向我的标签Object添加任何事件.

谁能帮我这个.我只是想知道为什么adobt忽略了我的"事件"设置而没有注入.

提前致谢.

(对不起我的英文^^)

events mootools inject elements

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

MooTools 1.3+类中的私有属性

我花了最近几天研究了一种在MooTools类中拥有私有或受保护属性的方法.各种文章(即Sean McArthur 在MooTools类中获取私有变量)为MooTools的弃用版本提供了一种方法,但我无法找到MooTools 1.3+的工作方法.

今天,在玩了几个小时的代码后,我我已经创建了一个合适的解决方案.我说"思考",因为我真的不是一个经验丰富的程序员.我希望这里的社区可以查看我的代码并告诉我它是否真的是一个有效的解决方案,或者是hackjob仿真.

var TestObj = (function() {

 var _privateStaticFunction = function() { }

 return new Class({

  /* closure */
  _privates: (function() {

   return function(key, val) {

    if (typeof(this._data) == 'undefined') this._data = {};

    /* if no key specified, return */
    if (typeof(key) == 'undefined') return;

    /* if no value specified, return _data[key] */
    else if (typeof(val) == 'undefined') {
      if (typeof(this._data[key]) != 'undefined') return this._data[key];
      else return;
    }

    /* if second argument, …
Run Code Online (Sandbox Code Playgroud)

javascript oop mootools private-members

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

Javascript解析html,修改包含图像的锚标签

我对如何做到这一点有一个模糊的想法,但我希望更有经验的开发者可能有一个更简单的解决方案.

我从JSON提要中获得了一些HTML代码,其中存在"a"标记,其中包含我想要修改的"a"标记内的图像并添加属性.例:

<a style="color:000;" href="images/image.jpg">
    <img width="100" height="20" src="images/image_thumb.jpg" />
</a>
Run Code Online (Sandbox Code Playgroud)

我想将其改为:

<a style="color:000;" href="images/image.jpg" rel="lightbox" >
    <img width="100" height="20" decoy="images/image_thumb.jpg" />
</a>
Run Code Online (Sandbox Code Playgroud)

因此,在"a"标记中添加属性并修改"img"标记中的属性.HTML代码中可能有多个链接,包括图像和其他HTML代码.

要清楚这不是修改已在页面上呈现的HTML,这是在呈现之前修改一串代码.

在这里要非常清楚的是有问题的JSON提要:http://nicekiwi.blogspot.com/feeds/posts/default ?alt = json

包含标记的HTML代码位于"feed> entry> content> $ t"

我目前正在使用Mootools 1.3

有任何想法吗?谢谢.

html javascript mootools json

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