利用JavaScript创建功能强大的GUI(3)

时间： 2021-07-31 作者：daque

function insert_link() {var str = document.selection.createrange().text;document.my_form.my_textarea.focus();var my_link = prompt("enter url:","http://");if (my_link != null) {var sel = document.selection.createrange();sel.text = "<a href=\"" + my_link + "\">" + str + "</a>";}return;}

　　第二个因变量insert_link()与format_sel()是沟通的，加上prompt()，它们不妨运用户输出一个超文本链接的值。运用prompt()的截止，咱们不妨将选定的文本和代码拉拢起来，创造一个贯穿。有了那些因变量，咱们就不妨为用户创造一切典型的界面。底下咱们来看一个例子。在css中运用体例脸色　　在网站上运用上头因变量的最大略的本领即是在“bold”、“italic”、和“link”按钮的onclick事变处置步调中挪用那些因变量，但这不够刺激。因为咱们运用了selection东西，把本人控制在了ie/win平台上，咱们就该当充溢运用ie的个性，在css中运用用户设置的体例脸色，创造象咱们在其余软硬件中看到的那么的动静按钮。底下咱们开始来看看设置了东西栏、按钮、升起和按下二种按钮的状况的款式表。 #toolbar { margin: 0;padding: 0;width: 262px;background: buttonface;border-top: 1px solid buttonhighlight;border-left: 1px solid buttonhighlight;border-bottom: 1px solid buttonshadow;border-right: 1px solid buttonshadow;text-align:right;}.button {background: buttonface; border: 1px solid buttonface;margin: 1; }.raised { border-top: 1px solid buttonhighlight;border-left: 1px solid buttonhighlight;border-bottom: 1px solid buttonshadow;border-right: 1px solid buttonshadow;background: buttonface;margin: 1;}.pressed {border-top: 1px solid buttonshadow;border-left: 1px solid buttonshadow;border-bottom: 1px solid buttonhighlight;border-right: 1px solid buttonhighlight;background: buttonface;margin: 1;}

利用JavaScript创建功能强大的GUI(3)

相关推荐

推荐下载

热门阅览

最新排行