小编fmz*_*fmz的帖子

使用HTML按钮调用JavaScript函数

我正在尝试使用HTML按钮来调用JavaScript函数.

这是代码:

<input type="button" value="Capacity Chart" onclick="CapacityChart();">
Run Code Online (Sandbox Code Playgroud)

但它似乎无法正常工作.有一个更好的方法吗?

这是链接:http://projectpath.ideapeoplesite.com/bendel/toolscalculators.html点击左下方的容量选项卡.如果值未更改,则按钮应生成警报,如果输入值,则应生成图表.

html javascript

215
推荐指数
3
解决办法
85万
查看次数

默认情况下如何保持jQuery UI Accordion崩溃?

我正在使用jQuery UI Accordion并且它工作得很好但我希望手风琴保持关闭,除非我点击它.

我现在正在使用此代码,允许将其切换为关闭:

$("#accordion").accordion({ header: "h3", collapsible: true });
Run Code Online (Sandbox Code Playgroud)

有没有办法让它默认关闭,除非点击它?

谢谢.

jquery-ui

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

如何在网站上显示Google云端硬盘中的图片?

我的客户已将一些照片上传到他们的Google云端硬盘,并希望我在他们公司的网站上展示他们的照片.我查看了在网页中显示Google云端硬盘内容的文档,但看起来这只是在网页中显示内容的说明.

我的问题是,如何直接在客户的网页上显示内容?

谢谢.

google-drive-api

48
推荐指数
12
解决办法
14万
查看次数

是否可以使用CSS在鼠标悬停在图像映射上?

我在网页上有一个图像,也需要链接.我正在使用图像映射来创建链接,我想知道是否有一种方法可以在鼠标悬停时为区域形状设置样式以进行轻微的交互.这可能吗?

我尝试了这个没有成功:

HTML

<img src="{main_photo}" alt="locations map"  usemap="#location-map" />
<map name="location-map">
    <area shape="rect" coords="208,230,290,245" href="{site_url}locations/grand_bay_al" />
    <area shape="rect" coords="307,214,364,226" href="{site_url}locations/mobile_al" />
    <area shape="rect" coords="317,276,375,290" href="{site_url}locations/loxley_al" />
</map>
Run Code Online (Sandbox Code Playgroud)

CSS

area { border: 1px solid #d5d5d5; }
Run Code Online (Sandbox Code Playgroud)

有什么建议?

html css

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

如何将html表数据导出为.csv文件?

我在网站上的html表中有一个数据表,需要知道如何将该数据导出为.csv文件.

怎么做?

html csv parsing export export-to-csv

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

jQuery - Fancybox:但我不想要滚动条!

我使用jQuery的fancybox一个弹出报名表这里

我希望表单的大小为450px×700px,但无论我设置高度和宽度,我都会得到滚动条:

<script type="text/javascript">
    $(document).ready(function() {
        $("a#regForm").fancybox({
            'titleShow'  : false,
            'autoscale' : true,
            'width'  : '450',
            'height'  : '700',
            'transitionIn'  : 'elastic',
            'transitionOut' : 'elastic'
            }); 
        });
    </script>
Run Code Online (Sandbox Code Playgroud)

必须有一些我做错了但我无法弄清楚它是什么.我很感激这里有用的手.谢谢.

jquery fancybox

25
推荐指数
8
解决办法
11万
查看次数

使用jQuery Fancybox或Lightbox显示联系表单

我想使用jQuery Fancybox或Lightbox从网页中的标准链接加载联系表单.我已经在http://fancybox.net/example上查看了这些文档,但最接近的选项是iFrame,它不适用于标准页面链接.

我的心脏没有开始使用Fancybox,所以如果有一个更好的方式来获得带有联系表格的灯箱效果,我会很感激有人指着我正确的方向.

谢谢.

jquery lightbox fancybox

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

如何获取打开页面上特定选项卡的链接?

我工作的一个网站的拥有jQuery的驱动选项卡内容的客户端.

链接到正确的页面很容易,但挑战是当你到达那里时打开正确的选项卡.在about页面上滚动到底部,然后单击Move it图标(带卡车的图标).这会将您带到移动页面.这工作正常,但我希望它能够打开专业选项卡.

这是链接到页面的代码:

<li><a id="moveit" href="services_move_it.html">Move It</a></li>
Run Code Online (Sandbox Code Playgroud)

我尝试过这个,但它无法正常工作

<li><a id="moveit" href="services_move_it.html#specialty">Move It</a></li>
Run Code Online (Sandbox Code Playgroud)

以下是目标页面上选项卡的代码:

<div id="specialty-content" class="content">
   <p class="intro">Moving Simplified specializes in moving items such items as pool tables, pianos, antiques, and anything else you can throw at us.</p> 
   <div class="video-link">
    <a href="#">Watch the Move It Specialty Videos Now.</a>
   </div>
   <p>  Moving such items is more complicated than most would understand, and is an art form in itself.  We take …
Run Code Online (Sandbox Code Playgroud)

jquery

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

Bootstrap:如何进行下拉导航父链接活动链接?

我在WP安装上运行Bootstrap,并且从父下拉导航项中删除了url的问题.

这是代码.在menu-item-72中,您可以看到我们团队的href只是#而不是正确的链接.

<ul id="menu-primary" class="nav navbar-nav">
 <li id="menu-item-69" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-69"><a title="Home" href="http://mostellar.opteradev.com/">Home</a></li>
 <li id="menu-item-70" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-6 current_page_item menu-item-70 active"><a title="About Us" href="http://mostellar.opteradev.com/us/">About Us</a></li>
 <li id="menu-item-72" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-72 dropdown"><a title="Our Team" href="#" data-toggle="dropdown" class="dropdown-toggle" aria-haspopup="true">Our Team <span class="caret"></span></a>
  <ul role="menu" class=" dropdown-menu">
    <li id="menu-item-71" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-71"><a title="Katherine M. Conwell, CPA" href="http://mostellar.opteradev.com/katherine-m-conwell/">Katherine M. Conwell, CPA</a></li>
    <li id="menu-item-73" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-73"><a title="Ann S. Bowers, CPA" href="http://mostellar.opteradev.com/our-team/ann-s-bowers/">Ann S. Bowers, …
Run Code Online (Sandbox Code Playgroud)

navigation wordpress twitter-bootstrap twitter-bootstrap-3

10
推荐指数
3
解决办法
4万
查看次数

有没有一种很好的方法来验证jQuery代码?

我是一个bonifide jQuery新手,我有一些拼凑在一起的jquery代码,但是当页面加载时我一直收到错误.问题是我不确定我是否已正确关闭所有花括号和括号,并且真的很欣赏另一组眼睛:

$(document).ready(function() {
    $('#slideshow').cycle({
        fx:  'scrollLeft', 
        timeout: 8000
    });
});
    $('#freeQuote form')
       .validate({
         submitHandler: function(form) {
           $(form).ajaxSubmit({
                success: function() {
                var Image = $('<img />').attr({src:'_images/free-quote-confirm.png', width:231, height:267, alt:"Success"});
                    $('#freeQuote form').hide();
                    $('#freeQuote').append(Image)
                }
           });
         }
       }); 

  $('#news-signup form')
    .validate({
     submitHandler: function(form) {
       $(form).ajaxSubmit({
            success: function() {
            var Image = $('<img />').attr({src:'_images/register-thanks.png', width:332, height:35, alt:"Success"});
                $('#news-signup form').hide();
                $('#news-signup').append(Image)
            }
       });
     }
  }); 
Run Code Online (Sandbox Code Playgroud)

我从它自己的.js文件加载.

谢谢.

jquery

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