Tag: html

使用jquery将表单写入数据库

我有2个按钮。 1 =创建字段 2 =创建(写入数据库) 如果我按下“创建字段”按钮,我会在更多时间内获得此结构: Schritt 1 des Tutorial’s Titel des Schrittes Bild Beschreibung des Schrittes 当我再次按下按钮时,我将再次获得相同的信息。 只是输入字段的名称会改变。 我是用Jquery做的。 在此之后我按下“创建”按钮。 现在我想将字段的值写入我的数据库。 我的表格看起来像这样: Schritt 1 des Tutorial’s Titel des Schrittes Bild Beschreibung des Schrittes Schritt 1 des Tutorial’s Titel des Schrittes Bild Beschreibung des Schrittes 如何将此表单发送到我的.php页面,在那里我将把整个数据放入我的数据库? $.ajax({ type: “post”, url: “url”, data: $(“form”).serialize(), success: function(data) […]

服务器端代码无法在谷歌应用程序脚本中使用

嗨,我想做一个简单的事情:1)在我的HTML页面中创建两个链接2)当用户点击link1-我希望它调用显示“Hello World”的服务器端function。 但是,当我点击link1-我无法看到“Hello World”在任何地方显示。 我已尝试多次使用不同的变体,但它不起作用。 提前致谢 !! 这是我的代码 Code.gs function doGet() { return HtmlService.createTemplateFromFile(‘IndexHTML’).evaluate() .setTitle(‘Simple App’) .setSandboxMode(HtmlService.SandboxMode.IFRAME); } function doSomething(){ return ContentService.createTextOutput(‘Hello World’); } IndexHTML.html Simple App Click on the buttons to view roles I am index1 I am index2 JavaScript.html $(document).ready(function() { $(“#index1”).click(function() { google.script.run.doSomething() ; } }); }); Stylesheet.html body { background-color:red; }

使用qtip的动态javascript数据会覆盖所有具有相同消息的工具提示

我有一个循环,其中出现许多不同的唯一工具栏(标题)消息。 这个jsfiddle显示了我遇到的问题。 如果你翻转那里的默认文本框,你就可以正确地看到title test : test this adf 我有一个循环,它模拟我的生产代码,虽然它不是唯一的数据,但问题是它完全改变所有标题,包括hover时工具提示(标题)的现有标题是 content: ‘This is the message!’, 我意识到函数loadQtip()中的代码不够具体,只能将新添加的标题更改为新添加的行,但我不确定如何定位新的标题。 目前正如您所见,我只针对class=’tips’ http://jsfiddle.net/bthorn/tw6mLcL1/ 新的小提琴,显示OP答案以及非常接近我自己的数据 http://jsfiddle.net/bthorn/Lpuf0x7L/1/

如何通过鼠标hover在另一个映射图像区域上显示小图像和段落?

这将更好地解释我想要的东西而不是我的文字: http : //jquery-image-map.ssdtutorials.com/即使该教程可用,但它是在photoshop中使用图像叠加完成的。 但我使用jquery插件“jquery.maphilight.js”突出显示我的映射图像。 使用它我有一个映射的图像,如果我鼠标hover在图像上,它会突出显示在映射的部分。 如果一个人将鼠标hover在特定房间(映射部分),如何显示小图片和段落。 这是javascript: $(function () { $(“.mapping”).maphilight(); $(“#mapping”).css(‘visibility’,’hidden’) $(“.hoverable”).css(“border”, “3px solid red”); 这是图像映射的html:

单击时删除类,并使用JQuery取消选择输入

我有一个列表项,每个列表项都有一个单选按钮输入,点击列表项检查输入。 但是,如果再次单击,我想删除该类并取消选择该选项。 然而,我似乎无法获得任何工作。 function setupToptions() { if ($(‘ul.top-options input’).length) { $(‘ul.top-options li’).each(function(){ $(this).removeClass(‘active’); }); $(‘ul.top-options li input:checked’).each(function(){ $(this).parent(‘li’).addClass(‘active’); }); }; }; http://jsfiddle.net/BKgdc/4/ 怎么了?

JQuery将textarea的内容加载到IFrame中

我有一个HTML textarea和一个IFrame。 点击按钮,我希望能够将textarea的内容加载到IFrame中。 例如,当用户在textarea中键入Hello World并按下提交按钮时,文本Hello World将显示在IFrame中。 关于如何做到这一点的任何想法? 提前致谢。 注意:我想使用JQuery,但我想我必须使用PHP。 听起来更像服务器端。

colorbox和防止默认无法一起工作?

我正在使用jquery调用colorbox并尝试阻止地址更改,但它似乎每次都会触发地址更改。 这是我目前的代码: Contact Us …. Contact 我的javascript代码来处理Contact的click事件 $(“.contact”).click(function(e){ e.preventDefault(); $(“.contact”).colorbox({width:”600px”, height: “420px”, inline:true, href:”#send_alert_div”}); }); 有谁知道为什么这不起作用? 它会在每次单击时触发地址更改。

如何在一个选择器jQuery中显示和隐藏多个元素?

当我单击带有类hidden_element元素时,我想显示ID为hidden_element的隐藏元素,当我点击ID为hidden_element的元素时,关闭ID为hidden_element元素,如果我只是制作一个我的脚本可以正常工作,但我有三个元素有相同的CLASS和ID,它不能工作,有人请帮助。 这是我的剧本 Lorem Ipsum × Lorem Ipsum × Lorem Ipsum × 我的jQuery脚本是 $(this).find(“.show_hidden_element”).click( function(){ $(this).find(“#hidden_element”).show(); }); $(this).find(“#close_hidden_element”).click( function(){ $(this).find(“#hidden_element”).hide(); });

选择具有特定类的元素的父级

我建立了一个导航栏,它有以下几种标记: S S1 S2 S3 在我的一个活动中,我可以访问用户点击a元素。 $(‘.nav’).on(‘click’, ‘li a’, function(){ var clickedLink = $(this); var prevActiveLI = ? var currentClickedAnchorsParentLI = ? }); 为了我的目的,有两件事我想来这里。 应用了active类的前一个li标记,其次是刚刚单击的a的li标记。 怎么能访问?

如何从popover到textbox解析值?

我想从弹出窗口中的下拉框中将值解析为输入文本。 我可以让它弹出但不能插入选定的值。 由于某些原因,我不需要在弹出窗口中选择。 HTML Choose your option one two option> OK JS $(“[data-toggle=popover]”).popover({ html: true, content: function() { return $(‘#popover-content’).html(); } }); var selectVar = $(‘#select’).val(); $(‘#optBtn’).click(function() { $(‘#input’).val(selectVar); }) 在这里小提琴: https : //jsfiddle.net/723exh1g/3/