Tag: html

隐藏Div直到选择链接: 我有隐藏/显示导航工作，但似乎无法弄清楚如何隐藏包含所有子div的主div，直到选择导航中的一个链接。请看我的小提琴： http ： //jsfiddle.net/blahblahAMYblah/KptZ6/ 要清楚，我不只是想让所有的孩子div（即约会，画廊等）在开始时隐藏，但主要div隐藏。一旦选择了一个链接，那么主div应显示只显示所选的子div。

用于动态表数据的jQuery AJAX POST到mysql表 – 我是否以正确的方式执行此操作？: 我有一个表，我可以动态添加和删除任意数量的行。一旦数据全部由用户输入，我使用jQuery AJAXfunction将其POST到mysql数据库，因此没有页面重定向或刷新。我能想到让它工作的唯一方法是在我的jQuery中使用这个for循环，有效地将每一行分别发布到数据库。这有多笨？我应该获取所有表数据并将其发布一次吗？用户可以有任意数量的行，用户可以在提交之前尽可能多地添加和删除行。奇怪的i变量计数是由于表顶部有第二行。我无法巧妙地做到这一点。我总是与正确的行相关联的数据有点偏执。感谢您的时间。 jQuery(function() { jQuery(“.button1”).click(function() { // process form here var rowCount = jQuery(‘#dataTable tr’).length; for (var i = 2; i < rowCount; i++){ // the four elements of each row I am storing to the mysql var txtRow1 = jQuery('#txtRow' + (i-1)).val(); var tickerRow1 = […]

覆盖CSS：使用jquery显示无属性: 对于在css中定义为display：none的元素，我试图运行一个函数，该函数尝试使用.show（）显示元素，代码如下： CSS .element { position: absolute; display: none; left: 0; top: 0; } HTML Some content here Some content here jQuery的 var c = $(‘.element’); c.each(function () { c.css({ ‘left’: dleft + ‘px’ }); c.css({ ‘top’: dtop + ‘px’ }); c.setTimeout(function () { c.show(1000); }, sduration); 所有变量都已填充，我通过提醒他们所有变量并给出了默认值，但不知何故，元素在超时后没有显示。

使用html2canvas将带有highcharts图形的html转换为图像: 我想将HTML页面转换为图像，当我使用下面的代码时，我得到的结果与我期望的不完全匹配。 html2canvas($(“#sharedOne”), { onrendered: function (canvas) { console.log(“canvas”,canvas) var imgsrc = canvas.toDataURL(“image/png”); console.log(imgsrc); } }); 这是HTML的屏幕截图这是运行上面代码的结果的屏幕截图。当我使用下面的代码时，我收到一个错误： var canvas = document.getElementById(‘sharedOne’); console.log(“CSSSS”,canvas) var t = canvas.toDataURL(“image/png”); console.log(“chart”,t) 错误是：错误canvas.toDataURL不是函数我为此问题创建示例请检查 https://jsfiddle.net/solanki/hku6r7g2/ 注意： HTML页面包含高图图表

如何隐藏导航默认，单击显示，如何将类添加到图像和div角度: 我正在进行菜单导航。我有一个菜单图标我想添加类来从主css文件控制它。页面加载时我想隐藏导航。当我点击图标时，我想显示导航。当我从导航鼠标中删除时，我应该隐藏。我很困惑如何从哪个文件调用css，我必须在app.component.ts或其中编写click事件。我必须在角4.0中做所有这些事情。 Thanks in advance. <!– Sign Up–> <!– Login–> two three four five six export class NavComponent implements OnInit { name:string; show:string; constructor() { this.name = ‘Angular 2 Ng Class’; this.show = “true”; } ngOnInit() { } logout(){ this.show = “true”; } }

使用jQuery在两个不同的单击事件之间切换？: 所以…我在尝试用jQuery创建一个切换效果时遇到了一些麻烦，它允许在li标签上的两个不同的点击事件之间进行交替。我希望li标签在点击时淡入0.5不透明度并再次点击恢复到原始状态。任何帮助将不胜感激，并随时在jsfiddle上重新创建：D 我到目前为止的代码是： HTML Click jQuery的 $(document).ready(function() { $(‘li’).toggle(); });

如何打开一个新页面，使用jquery点击时显示相同的图像: 我对javascript相对较新，我正在寻找解释这个问题的最佳方法。希望有人能就此提出建议我有这个：当点击img时，它被重定向到https://stackoverflow.com/questions/42988745/how-to-open-a-new-page-with-the-same-image-showing-as-you-clicked-on-using-jquer/stuffedd.html页面。但是，这包含2列图像。垂直缩略图列和具有大图像的中间列。像这样： div class=”col-md-9 hidden-xs hidden-sm”> 我用Jquery做到了这一点： $(document).ready(function(){ “use strict”; $( “.single” ).hide(); $( “#Mdrie” ).on(‘click’,function() { $(‘#drie’).toggle(); $(“.single”).not(‘#drie’).hide(); }); 如何使用我在第二个div中单击的图像打开https://stackoverflow.com/questions/42988745/how-to-open-a-new-page-with-the-same-image-showing-as-you-clicked-on-using-jquer/stuffedd.html（所有带有类.single的图像）我是否声明了一个我填写的变量： $( “var” ).show(); 网站是：www.damondebacker.com如果你需要看到它。

提交表单后如何停止页面跳转到顶部？: 我有一个人们可以输入价值的地方。表单在更改时或在输入时提交，具体取决于他们想要更改的值。提交的值以相同的forms用于计算。问题：一旦提交了值，页面就会跳回到顶部。有没有办法阻止这种情况发生。我想在表单上方的div标签上停止页面。表单看起来像这样 some calculations in between w <option value="x">x <option value="y">y <option value="z">z some more calculations 我希望它提交表单如何提交不跳转到页面顶部。由于#selfsubmit，它会在表单开始处停止。我希望它停在例如div b上。有没有办法做到这一点？欢迎任何帮助

Bootstrap Vue – 更改下拉背景: 我正在使用Bootstrap Vue插件 – https://bootstrap-vue.js.org/ 当有人从下拉列表中选择值时，我需要更改下拉菜单默认背景。但这就是问题所在。当有人点击下拉菜单时，他们会在dropwdown包装中切换“show”类。没有任何新类的红色突出显示div。我尝试设置.dropdown-toggle类，但它只覆盖默认样式。有解决方案吗 .dropdown-toggle{ background-color: #FF5722; border-color: #FF5722; } 的jsfiddle

JavaScript：从弹出窗口获取值（外部网站）: 我正在使用此代码从弹出窗口中的字段中获取值。 http://myotherwebsitename.com/parent.html Open document.getElementById(‘show’).addEventListener(‘click’, function(){ window[‘output’] = document.getElementById(‘output’); window.open(‘http://mywebsite.com/map.html’) }); http://mywebsite.com/map.html document.getElementById(‘send’).addEventListener(‘click’, function(){ window.opener[‘output’].value = document.getElementById(‘user_text’).value; }) 如果它们都托管在同一个网站上，它可以很好地工作，但是如果我将其中一个放在其他网站上则不起作用。我怎样才能让它适用于不同的网站？谢谢！