标签: mootools

对于我为自己和朋友制作的网站,我有一个div容器/包装,其中包含2个其他div:一个占据左半部分,背景为黑色,另一个占据右边白色背景.从本质上讲,这让我得到一个分裂的彩色背景.每个div都有一半的徽标.这是暂时托管的页面,以便您可以看到它.

http://djsbydesign.com/tempsite/index.htm

无论如何,我想在页面的左侧和右侧有链接,点击它们会使它们各自的div从50%扩展到100%.我有一些想法,但我不确定如何去做这个(我对javascript很新).第一种方法是将扩展div的z-index设置为高于非扩展的z-index,然后扩展(以某种方式),另一种是将扩展div扩展到100%而另一个缩小到0%,同等比率.

底线是,我不知道如何去做这件事.我不介意使用mootools或jQuery作为记录.

我有4个具有固定宽度但内容可变的内联块元素,我希望所有这些元素具有相同的高度 - 最大元素的高度.请看这个jsfiddle.

我该怎么做到这一点？如果仅使用css无法做到这一点,那么使用javascript进行此操作的正确方法是什么？

这是jsFiddle。如果无法正常工作，我很抱歉；该死的事情很少对我有用...我讨厌 jsFiddle，但它可以更快地为你提供代码...

它所指向的 php 文档只是这样做：

<pre><?php
print_r($_POST);?>
</pre>

这些行添加到 DOM 中就可以了。但这些值不会提交到 $_POST 数组。

我缺少什么？

是的，我读过这个和这个，但它们没有帮助。顺便说一句，使用 Mootools，所以请不要为任何 jQuery 答案而烦恼。

这可能是一个糟糕的问题,但我注意到,因为我正在使用mootools编写代码当我有一些代码经过回调,绑定并且通常不仅仅是一个简单的函数调用,如果有的话错误它没有被Firebug或Chrome的控制台拿起它只是默默地失败,我被迫使用trys跟踪错误,这样就不会给你提供方便的信息,比如失败的代码行.这就像为IE6编写代码所有你必须要做的是一些不透明的消息,比如'无法读取'未定义的'x'.

我意识到这个问题不够具体,不能问'我该如何避免这种情况',但其他人是否遇到过这个问题,如果是这样,你怎么解决它？我也有点困惑如何通过try/catch块获取错误,而不是javascript控制台.

编辑:

好的,我想出了一些可以重现错误的东西

说你有功能

function foo(){
   var x = value.blah;
}

如果我像foo()我一样调用该函数在我的控制台中正确地获得引用错误.但是,如果我称之为

(function(){
   foo.attempt();
})()

我在控制台中没有错误,但如果我改变了foo

function foo(){
   try{
   var x = value.blah;
   } catch(e){console.log(e)}
}

控制台将记录e,但当然没有句柄'行:无论什么'信息.

该mootools的文档指出,"该扩展属性应该是在一个类定义中的第一个属性." 经过几个小时的调查后,我偶然发现了mootools doc中的这一行.

虽然我的原始问题可以在设置扩展后作为第一个属性解决,但我不明白为什么.

根据js docs,对象中属性的顺序是引擎实现的主题.订单不保证任何形式.

那么为什么mootools依赖订单呢？试图阅读mootools代码并没有帮助我;).

Facebook有一个很棒的TextboxList组件. alt text http://img10.imageshack.us/img10/1803/textboxlistfacebook.png

这刚刚从头开始移植到MooTools中.

有谁知道这是否存在于jQuery中？

编辑:啊!autocomplete是我缺少的关键字.干杯!

所以我们有这个产品,它在IE中真的很慢.我们已经应用了IE人员自己建议的许多实践(像这样,这个),并尝试在DOM操作等关键部分中牺牲干净的代码来提高性能.

但是,正如您在IE浏览器截图中看到的那样.. 替代文字http://i43.tinypic.com/24g57c1.png

只是"弦乐队"是最大的罪犯.差不多750毫秒的独家时间.

这是否意味着IE花费750毫秒只是实例化字符串？我还在Opera开发博客上阅读了这些内容:

构建脚本可以删除空格,注释,使用Array查找替换字符串(以避免MSIE为字符串的每个单个实例创建字符串对象 - 即使在条件中)

但没有更多关于此的信息.有人可以澄清吗？似乎IE必须在每次在代码中都有""时创建一个完整的String实例,这可以解释这一点,但我不知道数组查找优化会是什么样子.顺便说一句,我们在代码中的任何地方都没有做太多字符串连接.

我们使用的库是MooTools 1.2.4

任何建议将不胜感激!谢谢

更新 - 我对上面提到的关于"数组查找优化"的提示特别感兴趣.我们的库很大(1MB)所以它有很多字符串,就像任何其他JS代码一样.但由于我们的库比大多数都大,这些字符串实际上导致了速度问题.

另外,有人知道在String.prototype中添加东西是否会使每个实例变慢？

Mootools可以淡化匹配选择器的所有节点,如下所示:

$$('#div img').fade(0.3);

我需要一种跳过特定节点的方法.在jQuery-world中,我使用not(),它会是这样的:

$$('#div img').not( oneElement ).fade(0.3);

但我找不到任何方式在mootools中表现出类似的行为.谁知道什么？

我有以下HTML代码

<div id="myDiv">
   <p>content</p>
</div>

以及以下JS代码:

$('myDiv').set('html',htmlCode);

问题是变量htmlCode是这样的:

<div id="myDiv"><p>another content</p></div>

所以,当我运行JS代码时的结果是这样的:

<div id="myDiv">
   <div id="myDiv">
      <p>another content</p>
   </div>
</div>

有没有办法使用"设置",以便它覆盖整个div？或另一种解决方案来获得类似的东西

<div id="myDiv">
   <p>another content</p>
</div>

作为JS脚本的结果？我知道我可以改变变量htmlCode ...我只是想知道是否有另一个解决方案.

我一直在尝试采用几个简单的MooTools操作的逻辑并将其转换为使用jQuery.

我想要的逻辑是这个jsfiddle,它允许在css大小调整的画布元素上获得准确的鼠标位置.

我找到了答案,所以我已经工作了几个小时但没有用

我想我理解他的逻辑,但由于某种原因,我没有看到结果

以下是我与阿拜的逻辑迄今所做的从他的回答注释掉

// Get the change ratio for the new css set size
//var cssScale = [canvas.getSize().x / canvas.get('width'), canvas.getSize().y / canvas.get('height')];
var cssScale = [$('canvas').height() / $('canvas').attr('height'), $('canvas').width() / $('canvas').attr('$('canvas').height() / $('canvas').attr('height'),')]

//Create an object of the dimensions
// I think from my looking at the jsfiddle x&y is the position of the rect in his canvas
// and w&h are the height and width of that rect so it's …