我收到了一个图片网址列表,目前我的网页上有几个隐藏的img元素(列表中的每个网址都有一个).当页面加载完毕后,我使用JavaScript来检查图像并显示(即设置myImage.style.display ="inline")第一个未被破坏的图像.这很简单.但是,它要求我请求所有图像.
我想要做的是一次加载一个图像并确定它是否被破坏.如果图像被破坏,请尝试加载下一张图像.如果它很好,请显示它并忽略其余部分.(这将节省许多不必要的请求.)
算法很简单,但技巧是图像加载时间.问题是在进行isBroken检查之前图像可能没有加载,因此可以忽略良好的图像.然后,方法是将img的onload和onerror事件处理到解决方案中.
我在这里发帖,看看是否有人遇到类似的问题以及他们的解决方案可能是什么.
谢谢!
我对jQuery,Ajax和类似的东西都很新.我找到了如何将HTML片段注入我的网站的解决方案:
$(document).ready(function(){
$('a').click(openContent); //binding all anchors to this function
});
function openContent(){
var path = $(this).attr('href');
$('#content').load(path);
return false; //to prevent browser from loading the single HTML fragment
}
这真的很好!问题是,当点击位于之前注入的新HTML片段中的锚点时,将不会执行这些功能.因此片段不会被注入div,浏览器只会为自己加载片段.
希望有一些解决方案并不那么棘手......谢谢
更新:
好的,现场做得很好,但是,
还有图片连接到jQuery灯箱插件(balupton-edition),在这些片段中有rel ="lightbox-tour".它们显示在新窗口中而不是lightbox-div中.有什么建议？
我想根据选择框的值显示和隐藏表的行,这适用于Firefox但不适用于IE:
<select onChange="javascript: toggle(this.value);">
<option value="cat0">category 0</option>
<option value="cat1">category 1</option>
</select>
<table>
<tr name="cat0">
<td>some stuff v</td>
<td>some stuff v</td>
</tr>
<tr name="cat0">
<td>some stuff d</td>
<td>some stuff d</td>
</tr>
<tr name="cat1">
<td>some stuff a</td>
<td>some stuff a</td>
</tr>
<tr name="cat1">
<td>some stuff b</td>
<td>some stuff b</td>
</tr>
</table>
<script type="text/javascript">
function toggle(category)
{
// turn everything off
for (var i = 0; i < 2; i++)
{
var cat = document.getElementsByName('cat' + i);
for (var j = 0; j …这不是一个核心编程问题,因为本网站上的大多数帖子都原谅我,但我不知道在哪里可以提出这个问题.
我是网络语言的初学者,想为我们的家族企业建立一个小型网站,大多是一些画廊,它们会显示我们不同的产品线,价格和一些基本规格,让客户得到一个想法......目前我正在追求在本科阶段的科学
所以这就是问题,我不能在平台之间做出决定
我开始使用HTML并进行基本的模拟,但由于我需要动态画廊,手动编码很难,因为我们需要经常更新,即使我做了也会很痛苦设法让它继续下去
然后我想到了Joomla,因为它很容易更新,但很快意识到它不是那么容易定制模板
然后我开始阅读Ruby on Rails及其提供的内容,这听起来非常有趣,可能对开发我们可能需要的应用程序很有用.
所以我想从社区了解哪个课程应该追求:DHTML,Joomla,RoR请记住,我希望这是一个学习经历,将来可能在我的职业生涯中有用,同时获得完成的工作.
我也非常感谢社区可能提供的任何资源或建议.
<div style='width:500px'>
<ul>
<li> some text in 1 line</li>
<li> some text in 1 line</li>
<li> some text 2 line</li>
<li> some 2</li>
<li> 2</li>
</ul>
</div>
我不知道用于显示项目的正确css代码是什么,例如:
前两个结果自动适合第一行,其余结果在第二行. 所以基本的想法是让li根据数据大小获得自己的宽度.
提前致谢
我使用AJAx动态生成了数据库中的葡萄酒类型列表,PHP就是这个函数
function wineTypeHandler(data){
var Type = data.Type;
var countType = data.countType;
for(var i = 0; i < countType; i++){
$("#selectType").append(
$("<input />").attr({
type: 'checkbox',
name: 'Type',
class: 'wineTypeCheck',
value: Type[i]
}), Type[i] + "<br />"
);
}
}
正如你所看到的,我已经将结果"附加"到一个id为selectType的div,这整个工作正常,我唯一的问题是当我想根据从这个列表中检查过的内容更新另一个列表时,它没有响应任何东西!当我尝试这一个和许多其他方式
$(document).ready(function(){
$(':checkbox').click(function(){
alert('started');
// other code
return true;
});
});
它没有提醒任何事情!任何人都可以帮我解决这个问题.
先感谢您.
我正在寻找一个Ajax/TreeGrid(具有多列的树)实现.
它必须:
我尝试了Dojo(dojox.grid.LazyTreeGrid),它似乎有分页问题.
我正在尝试使用id upload_results将dhtml添加到div中.这应该可以在不替换div中的当前内容的情况下工作.
守则:(有趣的部分在底部)
<script language="JavaScript">
function do_show() {
$("#webcamContainer").fadeIn('');
}
webcam.set_hook( 'onComplete', 'my_completion_handler' );
function do_upload() {
upload to server
document.getElementById('upload_results').innerHTML = '<div>Uploading...</div>';
webcam.upload();
}
function my_completion_handler(msg) {
extract URL out of PHP output
if (msg.match(/(http\:\/\/\S+)/)) {
var image_url = RegExp.$1;
show JPEG image in page
$("#upload_results").fadeIn('');
//document.getElementById('upload_results').innerHTML = '<a target="_blank" href="'+image_url+'"><img style="border:#ccc 5px solid;" src="'+image_url+'" width="100px"></a>';// I think here should be something changed
$('#upload_results').append('<a target="_blank" href="'+image_url+'"><img style="border:#ccc 5px solid;" src="'+image_url+'" width="100px"></a>');
reset camera for another shot
webcam.reset();
}
else …我有一些 javascript 可以打开一个包含动态创建的 HTML 的灯箱，包括一些文本区域。那我做...
tinyMCE.init({mode: "none", theme: "simple"});
tinymce.execCommand("mceAddControl", true, id);
...其中id特别是一个 textarea 的 id。我知道 id 是正确的，因为那个 textarea 消失了（它突然有display:none作为内联样式？），但是如果我删除该内联样式，textarea 再次显示不变，但没有附加 tinymce 编辑器。为什么要应用内联样式，为什么它没有附加的编辑器？
编辑 2 - 代码包含一个错误，但修复后仍然无法正常工作......
好的，这是一个显示问题的示例。
<html>
<head>
<script src="jquery.js" type="text/javascript"></script>
<script src="tiny_mce.js" type="text/javascript"></script>
</head>
<body>
<ul id="list">
</ul>
</body>
<template id="thingyTemplate">
<li>
<label>Email rich text body:</label>
<textarea rows="8" cols="50" path="bodyRichText" class="wysiwyg"></textarea>
</li>
</template>
<script>
var newTemplate = $("#thingyTemplate > *").clone();
$(newTemplate).find("textarea").attr("id", "myTextArea");
$("#list").append(newTemplate);
tinyMCE.init({ mode: "none", theme: "simple" });
tinymce.execCommand("mceAddControl", false, "myTextArea"); …我有以下格式的家庭信息列表.
<div id="content">
<div class="listing">
<div class="photo"><a href="#"><img src="img.jpg" width="200"></a></div>
<div class="info">
<p class="address"><a href="#">321 Main St<br>Beverly Hills, CA 90210</a></p>
<div class="attr">Price</div>
<div class="val price">$325,000</div>
<div class="attr">Sq. Ft.</div>
<div class="val">2,600</div>
<div class="attr">Built</div>
<div class="val">1988</div>
<div class="attr">Bedrooms</div>
<div class="val">3</div>
<div class="attr">Bathrooms</div>
<div class="val">2.5</div>
</div>
</div>
<div class="listing">{ANOTHER HOME LISTING...}</div>
<div class="listing">{ANOTHER HOME LISTING...}</div>
<div class="listing">{ANOTHER HOME LISTING...}</div>
</div>
使用JavaScript,我如何(按价格)对上面的房屋列表进行排序.
举个例子,我基本上想做下面的演示(但不要使用TABLE).
http://sam-i-am.com/work/sandbox/dojo0.9/samiam/sortableList.html