标签: dhtml

MVVM在DHTML RIA应用程序中是否可行/可行(没有Silverlight/WPF)?

注意:这是一个冗长的问题,需要很好地理解MVVM"设计模式",JSON和jQuery ....

所以我有一个理论/声称DHTML中的MVVM是可行可行的,并想知道你是否同意/不同意我以及为什么.在DHTML中实现MVVM围绕使用对服务器实体的ajax调用,该服务器实体返回JSON,然后通过javascript使用html操作来控制html.

所以要打破它.可以说我正在构建一个搜索数据库中的人物搜索页面.....

视图会是这个样子:

    
        <body viewmodel="SearchViewModel">
            Search:<br />
            <input type="text" bindto="SearchString" /><br />
            <input type="button" value="Search" command="Search" />
            <br />
            <table bindto="SearchResults">
                <thead>
                    <tr>
                        <th>First Name</th>
                        <th>Last Name</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>${FirstName}</td>
                        <td>${LastName}</td>
                    </tr>
                </tbody>
            </table>
        </body>
    

在我的html元素上使用了一些非标准属性,我已经明确地定义了一个View以及它将如何与我的ViewModel交互.我在javascript中创建了一个MVVM解析器,它解释了非标准属性,并将View与代表ViewModel的JSON对象相关联.

视图模型将是一个JSON对象:

    
        //View Model SearchViewModel would be assocaited with View because of <body viewmodel="SearchViewModel">
        var SearchViewModel = {
            //SearchString variable has a …
Run Code Online (Sandbox Code Playgroud)

javascript asp.net-mvc json dhtml mvvm

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

在IE7中更改DHTML后如何强制重排?

我有一个页面,用户可以动态添加文件上传框.添加框会改变它们所处的div的高度,但是它下面的div的某些元素保持在同一个位置,因此它们开始与新的DOM元素重叠.

这在IE8,Firefox,Chrome中正常工作.如何强制IE7使用新的DHTML重排页面?

我制定的最佳解决方案是:

window.resizeBy(1, 0); 
setTimeout(UndoResize, 0);
Run Code Online (Sandbox Code Playgroud)

但它不适用于最大化窗口(它恢复窗口).

javascript dhtml reflow internet-explorer-7

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

最好的Javascript下拉菜单?

我正在寻找一个下拉式JavaScript菜单.

它应该是IE6和Firefox 2中最简单,最优雅的可访问菜单.如果它在未编号的列表(ul)上工作就没问题,因此用户可以在没有JavaScript支持的情况下使用该页面.

你推荐哪一个?我在哪里可以找到这样一个菜单的代码?

javascript dhtml menu

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

布尔HTML属性

HTML中有一些属性是"boolean" - 如果存在,浏览器会将它们视为"true",而不管它们是什么值.在标签上选择这种属性的示例<option>.另一种是检查<input type="checkbox">.

如果你有一个setAttribute()这样的属性的调用,似乎没有值可以设置让浏览器一致地表现,就像缺少属性一样.

例如

option.setAttribute("selected", false)
Run Code Online (Sandbox Code Playgroud)

仍将标记所选的选项.null,空字符串或undefined也不起作用.如果有人知道我可以设定的价值来实现我的目标,请告诉我,但我认为不存在.(因为我使用了一些框架代码,而不是调用setAttribute(),或者调用removeAttribute()很困难.)

我试图在特殊情况下找到这些属性的详尽列表.这是我到目前为止所拥有的:

  • 选中<option>
  • 检查<input>
  • 禁用,只读<input>,<select>,<option>,<optgroup>,<button>,<textarea>
  • 多重<select>

请帮我填写此列表 - 或者指向现有的列表.

html javascript dom dhtml

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

重型AJAX Java应用程序的最佳服务器端框架

数以万计的Java Web应用程序框架.

95%是在现代基于AJAX/DHTML的开发之前设计的,这意味着这些新方法是嫁接而不是设计的.

是否有任何框架从头开始构建,例如GWT + Extjs

如果没有,哪个框架已经适应了具有动态数量的字段和页面变形的客户端形式世界?

java ajax frameworks dhtml web-applications

14
推荐指数
4
解决办法
8664
查看次数

是否可以/推荐发送包含Javascript的HTML电子邮件?

这主要是一个修辞问题,只要我检查答案是"甚至不打扰",但我想要确定.

我们有一个电子邮件应用,您可以在其中向订阅者列表发送电子邮件.这不是垃圾邮件:例如,它被大学用于向学生发送通信,博物馆向用户发送电子邮件等.

最近,潜在客户询问我是否可以发送包含javascript的html消息而不被标记为垃圾邮件.

不知道,我做了短暂的网络和我得到的是(我的后方的百分比)"一半的客户将无法正常显示","一半的客户将标记为垃圾邮件"和"一半客户端将完全阻止javascript'(显然有一些叠加).

因此,最好的解决方案似乎是在必要时添加指向正确页面的链接.你有不同的经历吗?您知道任何提供此功能的电子邮件合并解决方案吗?你知道具体的客户是否接受它或拒绝用javascript显示html?

javascript email dhtml web-applications

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

从网站复制/粘贴时编辑剪贴板数据

我现在看到一些网站,如果你突出文章的文字,复制它,然后粘贴,他们可以添加更多的文字.

尝试从http://belfasttelegraph.co.uk/上的文章中复制并粘贴一段文本,您将看到我的意思 - 他们在粘贴的文本中添加了原始文章的链接.

这是怎么做到的?我假设这里有一些javascript工作

javascript clipboard dhtml web-applications copy-paste

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

如何动态创建推文按钮?

我目前正在尝试动态创建具有水平计数功能的推文按钮:

JavaScript的

var twitter = document.createElement('a');
twitter.setAttribute('href', 'http://twitter.com/share');
twitter.setAttribute('class', 'twitter-share-button twitter-tweet');
twitter.setAttribute('data-url','http://mindcloud.co.uk/idea/?idea=' + this.id);
twitter.setAttribute('data-count', 'horizontal');
twitter.setAttribute('data-via', 'jtbrowncouk');
twitter.style.top = '20px';
twitter.style.left = '300px';
twitter.innerHTML = "Tweet";
Run Code Online (Sandbox Code Playgroud)

我遇到的问题是该按钮显示为文本链接,而不是带有水平计数框的按钮.

我以相同的方式创建了一个facebook按钮,它可以正常工作,但为了使其工作,我使用以下内容:

JavaScript的

var facebook = document.createElement('fb:like');
facebook.setAttribute('id', 'like'+this.id);
facebook.setAttribute('href', 'http://mindcloud.co.uk/idea/?idea=' + this.id);    
facebook.setAttribute('layout', 'button_count');
facebook.setAttribute('send', 'false');        
facebook.setAttribute('width' , '300');
facebook.setAttribute('font', '');
facebook.setAttribute('show_faces', 'true');
facebook.style.top = '0px';
facebook.style.left = '300px';
Run Code Online (Sandbox Code Playgroud)

使用以下内容:

FB.XFBML.parse();
Run Code Online (Sandbox Code Playgroud)

解析并绘制按钮.FB.XFBML.parse()来自 http://connect.facebook.net/en_US/all.js

当我在.html文件中静态创建Tweet按钮时,它可以正常工作.我在索引页面中包含以下脚本,其中应该动态创建tweet按钮:

<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
Run Code Online (Sandbox Code Playgroud)

如果你能看到我做错了什么,请通知我!

以下屏幕截图给出了推文按钮出现问题的可视化解释! 推文按钮无法正确显示.

解:

我现在设法解决了这个问题.我想象的问题是twitter脚本在加载时运行,而不是在创建元素时重新运行.

使用以下jQuery正常工作!

$ .getScript(" http://platform.twitter.com/widgets.js ");

javascript twitter dhtml

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

Jquery-ui tabs(ajax)....当重新选择选项卡时,停止选项卡重新加载URL

我正在使用jquery ui标签,并使用.tabs('add'...)动态添加标签.选项卡使用ajax加载URL.问题是每次我点击另一个标签然后回来...标签重新加载网址.我希望网址加载一次....任何想法?

javascript jquery dhtml jquery-ui-tabs

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

CSS问题:a:悬停不使用IE(需要css Ninja)

为什么IE不会更改我的网站上的标签a:hover的背景颜色,但是在Firefox/Chrome/Safari中是否正确?

我该怎么做才能使它在IE 6+中运行?

HTML

<ul class="tabbernav">
<li class="tabberactive"><a title="All" href="javascript:void(null);">All</a></li>
<li class=""><a>Tab1<span class="tabTotal"> (0)</span></a></li>
<li class=""><a>Tab2<span class="tabTotal"> (2)</span></a></li>
<li class=""><a>Tab3<span class="tabTotal"> (1)</span></a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

CSS

ul.tabbernav li a:hover {background:#fdfdfd; border: 1px solid #555; border-bottom: none; color:#3366a9; cursor: pointer}
Run Code Online (Sandbox Code Playgroud)

html css firefox internet-explorer dhtml

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