Javascript 将值传递给弹出窗口
在这里,我面临一个问题,我将解释: 我在我的网站上设置了一个日历,当我点击这个日历上的一个事件时,我会打开一个弹出窗口,直到它正常工作,我想通过在我的事件中插入值来更改弹出窗口的内容Javascript 将值传递给弹出窗口,javascript,jquery,html,Javascript,Jquery,Html,在这里,我面临一个问题,我将解释: 我在我的网站上设置了一个日历,当我点击这个日历上的一个事件时,我会打开一个弹出窗口,直到它正常工作,我想通过在我的事件中插入值来更改弹出窗口的内容 eventClick: function(calEvent, jsEvent, view) { z=open('popup.html','','width=400,height=200,toolbar=no,scrollbars=no,resizable=yes,location=0
eventClick: function(calEvent, jsEvent, view) {
z=open('popup.html','','width=400,height=200,toolbar=no,scrollbars=no,resizable=yes,location=0,directories=no,menubar=no,status=no');
z.document.getElementById('test').append(toto);
},
在我上面的代码可以正确打开我的弹出窗口,我通过“popup.html”创建了一个新文件
最后一行不适用于
z.document.getElementById('test').append(toto);
我在弹出窗口的HTML文件中有一个id为“test”的元素。我还尝试从脚本中生成弹出窗口。我在弹出窗口io中正确传输了我想要显示的信息,但不幸的是,我没有找到样式化弹出窗口的解决方案
w=open("",'popup','width=400,height=200,toolbar=no,scrollbars=no,resizable=yes');
w.document.write("<TITLE>"+document.forms[0].elements["titre"].value+"</TITLE>");
w.document.write("<BODY> Hello"+document.forms[0].elements["nom"].value+"<BR><BR>");
w.document.write("this popup work");
w.document.write("</BODY>");
w.document.close();
w=open(“,'popup','width=400,height=200,toolbar=no,scrollbars=no,resizable=yes”);
w、 document.write(“+document.forms[0]。元素[“titre”]。值+”);
w、 document.write(“Hello”+document.forms[0]。元素[“nom”]。值+”
”;
w、 文件。编写(“此弹出式工作”);
w、 文件。填写(“”);
w、 document.close();
你有办法解决我的问题吗?
提前谢谢大家,,
下午好
诚恳地说你真的想要一个新窗口吗?还是只想要一个模态,比如? 为了使用后者,您通常准备
,例如:
var myDialog = $("#toto");
myDialog.dialog({ autoOpen: false });
并使用myDialog.dialog('open')
打开它。请注意,这将从其父对象中删除#toto
。如果不希望出现此行为,请尝试var myDialog=$(“#toto”).clone()
然后,您可以使用来设置新对话框的样式。您真的想要一个新窗口吗?或者您只想要一个模式,比如?Ui对话框将是完美的,我不知道什么组件,您可以告诉我如何将参数传递到我的组件吗?我已经安装了jQuery库及其主题,提前谢谢您通常您会准备一个
,例如,var z=$(“#toto”);z.dialog({autoOpen:false})
并使用z.dialog('open')
打开它。请注意,这将从其父对象中删除#toto
。如果您不希望这种行为,请尝试var z=$(“#toto”).clone()
相反。好的,谢谢你,我试着让你知道这段代码很有效谢谢你,最后一个问题是可以将CSS类添加到我的div中,以及我是否应该添加我的样式?code var test=“Titre:”+calEvent.title+”Titre:ToTO“$(test).对话框({title:”Détails de la réservation“,宽:500,高:300,})
谢谢