Tag: html

将标签文本拖到段落中

我想通过将标签拖放到段落的特定路径中来复制段落中标签的文本。 例如 i am new to JavaScript` 在拖动示例之前 i am a student and ; 当我在段落的末尾拖动标签时。 因此标签文本应该复制到段落的末尾并且变为。 i am a student and i am new to JavaScript ;

如何在页面重新加载后保持复选框检查状态?

刷新页面后,我无法继续检查复选框 。

如何将项列表附加到另一个HTML页面上的文本框值

我有一个页面, choosemerchant我获得商家列表。 选择列表项后,我想将该列表项值附加到属于不同html页面的文本框id。 这是我的代码: $(‘.ui-li-icon li’).click(function() { var index = $(this).index(); text = $(this).text(); alert(‘Index is: ‘ + index + ‘ and text is ‘ + text); sessionStorage.setItem(“selectedMerchant”, text); window.location=”recommendmanual.html”; $(‘#merchant’).append(text); }); 在我的包含textbox id=merchant页面中,我将此代码放在脚本中: var selectedMerchant = “”; if ( sessionStorage.getItem(“selectedMerchant”) ) { selectedMerchant = sessionStorage.getItem(“selectedMerchant”); } 它以前工作过,但现在它不起作用。

着色css形状与不同的颜色

我正在寻找一种解决方案来为一些css形状着色(不要像在这个例子中那样使用svg: http : //bl.ocks.org/widged/4545199 ,但输出结果非常相似)。 我还需要的是将这些形状保存在不同颜色数组的ID中。 在我的例子中,我正在使用带有id的asd和fgh的div 。 我想从左边的方块中选择颜色,然后点击它们在右边选择的方块,然后将颜色更改为之前选择的颜色。 我需要一些方法来存储哪个方块被分配给哪种颜色。 之后我就不得不将这些数据传递给php,但我想能够独自完成这项工作。 这个例子在这里 。 来源: 的index.php var colors = [“white”,”red”,”blue”,”green”,”yellow”,”purple”]; var index = 0; function button_click() { index = (index + 1) % colors.length; document.getElementById(“box”).style.backgroundColor = colors[index]; } mystyle.css div#box { width:20px; height:20px; background-color: white; border-color: black; border-style: solid; border-width: 1px 1px 1px 1px; float: left; […]

如何让用户使用jQuery Validation Plugin从多个选择标签中的至少一个中选择“是”?

使用jQuery Validation Plugin,我将按照以下方式validation表单。 有多个选择标签。 它们都具有默认的“选择”值,另外两个选项为“是”和“否”。 填写表单时会动态启用或禁用它们。 用户必须为至少一个启用的选择标签选择“是”。 我已经使用addMethod创建了一个方法。 但它为每个select元素validation相同的内容,并为每个元素创建单独的错误消息。 此外,除非用户将其中一个选项更改为“是”,然后单击所有其他选择元素,否则错误消息不会消失。 我想只生成一条错误消息,一旦用户将至少一个选择选项更改为“是”,该消息就会消失。 此外,所有标签的错误突出显示应立即消失。 请帮忙。 这是我正在使用的代码: HTML表单 – Parares Select Yes No : A Select Yes No : B Select Yes No : C Select Yes No : D Submit jQuery Validation插件代码 – $(document).ready(function() { $(“#submit”).click(function(){ $.validator.addMethod(“validateParares”, function(value, element) { return this.optional( element ) || ($(‘#parares_a’).val() == […]

如何根据模态中单击的按钮发送参数?

演示和完整代码是这样的: https : //jsfiddle.net/oscar11/o5qn5gum/5/ 我的HTML代码是这样的: Click Me Close 我的Javascript代码是这样的: $(document).ready(function(){ $(“button”).click(function(){ $.ajax({ //type: ‘POST’, //url: ‘script.php’, success: function(data) { // alert(data); // $(“p”).text(data); var priceModal1 = ‘[{“@attributes”:{“Code”:”SGL”,”Total”:”200000″},”DayPrice”:{“Date”:”2016-05-26″,”Rate”:”200000″}},{“@attributes”:{“Code”:”DBL”,”Total”:”200000″},”DayPrice”:{“Date”:”2016-05-26″,”Rate”:”200000″}}]’; var priceModal2 = ‘[{“@attributes”:{“Code”:”SGL”,”Total”:”225000″},”DayPrice”:{“Date”:”2016-05-26″,”Rate”:”225000″}},{“@attributes”:{“Code”:”DBL”,”Total”:”225000″},”DayPrice”:{“Date”:”2016-05-26″,”Rate”:”225000″}}]’; var priceModal3 = ‘[{“@attributes”:{“Code”:”SGL”,”Total”:”410000″},”DayPrice”:{“Date”:”2016-05-26″,”Rate”:”410000″}},{“@attributes”:{“Code”:”DBL”,”Total”:”410000″},”DayPrice”:{“Date”:”2016-05-26″,”Rate”:”410000″}}]’; var isitable = ”; isitable += ‘Test get parameter json array 1’; isitable += ‘Test get parameter json array 2’; […]

合并网格表示中的两个div

我有一个4×4网格,我已经通过jquery UI使其可以排序和可选择。 我想做的下一件事是能够合并我选择的两个div,但我完全不知道要去做这件事。 我的第一个想法是试图将它转换为一个表和玩具周围的colspan和rowspan属性,但这将搞乱我的可排序function。 如果有人能指出我正确的方向,我将非常感激。 基本上我可能会重新排序细胞,然后选择两个或更多细胞并合并它们,如果这是有道理的! 我有一个JSFiddle,我到目前为止在这里 1 2 3 4 5 6 7 8 9 10 11 12 $(function() { $( “#selectable” ) .sortable({ handle: “.handle” }) .selectable() .find( “li” ) .addClass( “ui-corner-all” ) .prepend( “” ); }); $(function() { $( “#selectable” ).selectable({ stop: function() { var result = $( “#select-result” ).empty(); $( “.ui-selected”, […]

JQuery – 禁用提交按钮,除非原始表单数据已更改

我在这里找到了以下代码( 禁用提交按钮,除非原始表单数据已更改 )并且它有效,但对于我的生活,我无法弄清楚如何更改相同提交按钮的属性,文本和CSS。 我希望启用/禁用按钮时文本,背景和hover背景不同,并且还要切换另一个可见/隐藏的DIV。 $(‘form’) .each(function(){ $(this).data(‘serialized’, $(this).serialize()) }) .on(‘change input’, function(){ $(this) .find(‘input:submit, button:submit’) .prop(‘disabled’, $(this).serialize() == $(this).data(‘serialized’)) ; }) .find(‘input:submit, button:submit’) .prop(‘disabled’, true); 有人可以提供样品。 我没有留下的头发拉出来:-)

jQuery – 强制对生成的iframe执行单击操作,以便自动播放

我是jQuery / JS的新手,并尝试自动点击生成的iframe以便播放video,因为在iframesurl设置时不认为自动播放有效,是否有可能并且可能我错了? 小提琴: https : //jsfiddle.net/p7v34x57/1/ JS: $.each($(‘iframe[src*=”facebook.com/plugins/video”]’), function() { var getId = $(this).attr(‘src’); var player = $(”); var id = fbvideoID(getId); player.attr(‘data-id’, id); player.html(videoThumbFB(id)); player.on(‘click’, videoIframeFB); var videoContainer = $(”); videoContainer.append(player); $(this).replaceWith(videoContainer); }); function fbvideoID(frame) { var myRegexp = /2F(\d+)%/g; var match = myRegexp.exec(frame); return match[1]; } function videoThumbFB(id) { return ”; } […]

切换菜单onclick,单击菜单链接关闭 – 但仅限于移动视图

当窗口宽度低于768px时,我为单页网站制作了响应式菜单,切换到可切换菜单。 基本上我希望通过单击标题来切换菜单,然后通过再次单击菜单链接( li -element)来关闭菜单。 到目前为止我的jQuery代码: jQuery(document).ready(function() { var e = $(“#pull”); menu = $(“#header ul”), $(e).on(“click”, function(e) { e.preventDefault(), menu.slideToggle() }), $(window).resize(function() { menu.is(“:hidden”) && menu.removeAttr(“style”) }) }); $(“#header ul”).on(“click”, “li”, function () { $(“#header ul”).hide(); }); 还有一个演示的jsfiddle: http : //jsfiddle.net/ansoqvms/2/ 因此,单击标题时打开和关闭菜单工作正常。 当点击菜单li -element时,菜单也会消失。 遗憾的是 ,当单击菜单链接时,菜单不仅会在移动视图中消失,而且还会在普通视图中(> 768px)消失。 我尝试使用if($(window).width() < 768px) ,但这不是跨浏览器的快乐。 我也尝试使用if($(‘#pull’).is(‘:visible’)) ,因为#pull仅在移动视图中可见,但它也没有用。