天道酬勤,学无止境

show

Show and hide elements inside SVGs

问题 我正在尝试设置一个交互式地图,您可以在其中单击圆圈(对于城市)以显示一些文本。 当您单击另一个圆圈时,会出现另一个文本。 这是我到目前为止所做的: <svg width="320px" height="210px" xmlns="http://www.w3.org/2000/svg"> <title>Javascript und SVG</title> <defs> <script type="text/javascript"> <![CDATA[ var id = 'name'; function place(id){ var adress_style = document.getElementById(id).style; adress_style.setProperty('display','block'); } ]]> </script> </defs> <!-- Text: show and hide --> <g id="city_1" style="display:none; background-color:white;"><text transform="matrix(1 0 0 1 50 30)"><tspan x="0" y="0" fill="#382787" font-family="'Roboto'" font-size="14"

2022-05-11 08:03:04    分类:技术分享    javascript   function   svg   hide   show

show/hide ajax? javascript toggle

问题 我正在寻找一个隐藏的 wordpress 插件,当我单击说箭头图像时,会弹出一个 ajax 功能,里面有一个联系表单,还有页面底部的另一个显示隐藏功能来显示和隐藏多个 div . 有没有一个插件可以做到这一切? 我的页面必须对我的客户是可编辑的,所以我不可能将它构建到主题中。 javascript 函数必须是页面的一部分。 我找到了 WP ShowHide Elements 但这不允许我在同一个位置使用多个 div 来做到这一点。 这是我在页面中的插件允许的情况下使用的一些脚本 <p id="mytest">my text</p> <p><a onclick="wp_showhide('mytest')" href="javascript:void(0);">my link</a></p> <p id="new">new</p> <p><a onclick="wp_showhide('new')" href="javascript:void(0);">new</a></p> 感谢您的帮助问候 朱迪 PS http://wordpress.digitalnature.ro/mystique/ 请注意本网站的侧边栏,这是我想要实现的,但在主页内容中 这个简短的脚本在一个页面中工作,但我想要一个交换 div 效果如何使用它来处理多个 div? - 我想更改具有相同空间或 div

2022-05-06 08:08:15    分类:技术分享    javascript   wordpress   plugins   hide   show

jQuery iframe hide/show

问题 好吧,我正在编写一个网站,现在卡在 jQuery 部分,这不是我最擅长的事情。 该站点包含一个顶部菜单导航栏: <a href="aboutus.html" target="iframe"><img class="tab1" src="#.png"></a> <a href="menu.html" target="iframe"><img class="tab2" src="#.png"></a> <a href="gallery.html" target="iframe"><img class="tab3" src="#.png"></a> <a href="shop.html" target="iframe"><img class="tab5" src="#.png"></a> <a href="links.html" target="iframe"><img class="tab6" src="#.png"></a> <a href="contact.html" target="iframe"><img class="tab7" src="#.png"></a> </div> 页面中间有一个 iframe,它在导航点击时加载新的 html。 加载索引页面时,在导航单击之前不应看到 iframe。 所以我得到了: css 中的 iframe {display:none;}

2022-05-03 15:36:09    分类:技术分享    jquery   iframe   hide   show

Show and hide elements inside SVGs

I'm trying to set up an interactive map where you can click on circles (for cities) to make some text appear. When you click on another circle another text appears. Here is what I made so far: <svg width="320px" height="210px" xmlns="http://www.w3.org/2000/svg"> <title>Javascript und SVG</title> <defs> <script type="text/javascript"> <![CDATA[ var id = 'name'; function place(id){ var adress_style = document.getElementById(id).style; adress_style.setProperty('display','block'); } ]]> </script> </defs> <!-- Text: show and hide --> <g id="city_1" style="display:none; background-color:white;">

2022-05-03 06:01:27    分类:问答    javascript   function   svg   hide   show

show/hide ajax? javascript toggle

I'm looking for a wordpress plugin that hides to start with the when I click say an arrow image an ajax feature pops out with say a contact form inside and also another show hide feature at the bottom of the page to show and hide multiple divs. Is there a plugin that can do all this? My pages have to be editable for my client so it is impossible for me to build this into the theme. The javascript function needs to be part of a page. I've found WP ShowHide Elements but this does not allow me to do it with multiple divs in the same placement. Here's some of the script I'm using as allowed by the

2022-04-29 15:23:09    分类:问答    javascript   wordpress   plugins   hide   show

jQuery iframe hide/show

Well im coding a site, and now stuck at the jQuery part, which aint my strongest thing. The site contains a top-menu nav-bar: <a href="aboutus.html" target="iframe"><img class="tab1" src="#.png"></a> <a href="menu.html" target="iframe"><img class="tab2" src="#.png"></a> <a href="gallery.html" target="iframe"><img class="tab3" src="#.png"></a> <a href="shop.html" target="iframe"><img class="tab5" src="#.png"></a> <a href="links.html" target="iframe"><img class="tab6" src="#.png"></a> <a href="contact.html" target="iframe"><img class="tab7" src="#.png"></a> </div> And a iframe in the middle of

2022-04-28 19:47:44    分类:问答    jquery   iframe   hide   show

Checkbox shows hidden field - not working onload

问题 如果选中了一个复选框,我正在使用这个可能很难看的 javascript 来显示一个文本框(在一个 li 标签加上它的标签中)。 $("#li-2-21").css("display","none"); $("#Languages-spoken-and-understood-8").click(function(){ if ($("#Languages-spoken-and-understood-8").is(":checked")) { $("#li-2-21").show("fast"); } else { $("#li-2-21").hide("fast"); } }); 这工作正常,但如果页面已加载并且复选框已被选中,则它不起作用,因为 #li-2-21 会自动隐藏。 我是否需要创建一个读取复选框状态的函数? 或者有没有更简单的方法? 哦,还可以随意缩短那个丑陋的代码,我想有一种更短的方法可以实现我的目标? 非常感谢你的帮助! 回答1 最简洁: $(document).ready(function() { $("#Languages-spoken-and-understood-8").change(function() { $("#li-2-21")[$(this).is(":checked") ? 'show' : 'hide']("fast") }).change(

2022-04-24 15:59:21    分类:技术分享    javascript   jquery   checkbox   hide   show

How to hide multiple (thousands) rows in the html table

问题 我有很多行的html页面(大约40000) <html><body> <table id="t1"> <tr id="r1" name="1"><td>row 1</td></tr> <tr id="r2" name="1"><td>row 2</td></tr> .... <tr id="r50000" name="3"><td>row 30000</td></tr> </table></body></html> 我需要一种快速的方法来隐藏/显示具有指定名称的行集(10 000 或 20 000)。 平台要求:IE8-9 和 Mozilla Firefox。 我盘点了许多方法:使用 tbody、块标签、隐藏行并停在一个:循环遍历行并隐藏/显示它: curLevel=root.getAttribute("Name"); var nextElement=curElement.nextElementSibling; while(nextElement!=null) { curElement=nextElement; nextElement=curElement.nextElementSibling; if(curElement.tagName=="TR") { i++; childLevel=curElement.getAttribute("Name"); if

2022-04-19 12:08:04    分类:技术分享    javascript   html   html-table   hide   show

如何在 CSS 中悬停时显示隐藏的内容(How to show hidden content when hover in CSS)

问题 As the title says I want to show a hidden span "box" when hovering an image, but I can't get it to work, so I was hoping you guys could figure out my mistake. HTML <span class="DDAA__bg"> <h1 class="DDAA__headline"><a href="#">DANSK DYREVÆRN ÅRHUS</a></h1> </span> <span class="DDAA__pic"> <img src="img/DDAA-Logo.png" width="980" height="200" alt="Dansk Dyreværn Århus"/> </span> CSS span.DDAA__bg{ height: 200px; width: 980px; background-color: #666; position: absolute; display: none; } span.DDAA__pic{ display:block; visibility: visible; } span.DDAA__pic:hover{ visibility: hidden; transition

2022-04-19 05:39:09    分类:技术分享    html   css   hover   show   hidden

How to show hidden content when hover in CSS

As the title says I want to show a hidden span "box" when hovering an image, but I can't get it to work, so I was hoping you guys could figure out my mistake. HTML <span class="DDAA__bg"> <h1 class="DDAA__headline"><a href="#">DANSK DYREVÆRN ÅRHUS</a></h1> </span> <span class="DDAA__pic"> <img src="img/DDAA-Logo.png" width="980" height="200" alt="Dansk Dyreværn Århus"/> </span> CSS span.DDAA__bg{ height: 200px; width: 980px; background-color: #666; position: absolute; display: none; } span.DDAA__pic{ display:block; visibility: visible; } span.DDAA__pic:hover{ visibility: hidden; transition

2022-04-17 08:48:55    分类:问答    html   css   hover   show   hidden