Tag: JavaScript

在Google地图V3上旋转图片/标记图片

如何在Google地图V3上旋转图像(标记图像)? 这里有一个很好的例子,正是我所需要的。 但对于GMap2! 他们用旋转的canvas来做。 用JS / JQuery旋转的图像经常被使用,关于这个有很多答案 。 但是,我怎么能把这个应用到我的地图图像? 一个提到的方法是在不同的angular度有不同的图像,并在其中切换 – 这不是我想要的。 我不喜欢有这么多的图片,我想通过代码旋转。 备注:有类似的问题,但所有的V2和V3(据我所知)。 我需要V3。

从javascript onload事件执行managebean方法

我怎样才能做一个Ajax请求,从JavaScript更新<h:dataTable> ? 我目前正在使用@Postconstruct加载初始数据,但这是显着延迟初始页面加载。 我正在考虑使用<body> HTML标签的onload事件来触发请求并更新数据表。

为什么这个简单的JSFiddle不起作用?

有一些我想放入JSFiddle的代码。 它没有工作。 缩小它我甚至不能得到这个最简单的代码工作: 的jsfiddle function displaymessage() { alert("Hello World!"); } <form> <input type="button" value="Click me!" onclick="displaymessage()" /> </form> <p>By pressing the button above, a function will be called. The function will alert a message.</p> alert框不显示在JSFiddle中。

事件委托vs直接绑定时添加复杂的元素到页面

我有这样的标记(类只是为了解释): <ol id="root" class="sortable"> <li> <header class="show-after-collapse">Top-Line Info</header> <section class="hide-after-collapse"> <ol class="sortable-connected"> <li> <header class="show-after-collapse">Top-Line Info</header> <section class="hide-after-collapse"> <div>Content A</div> </section> </li> </ol> </section> </li> <li> <header/> <section class="hide-after-collapse"> <ol class="sortable-connected"> <li> <header/> <section class="hide-after-collapse"> <div>Content B</div> </section> </li> </ol> </section> </li> </ol> 也就是说,嵌套的可sorting列表。 但是,可sorting的插件就足够了,因为每个li(以下称为“item”)都保持其级别,尽pipe内部列表已连接。 这些项目在展开状态下有一个始终可见的标题和一个可见的部分,通过单击标题进行切换。 用户可以随意添加和删除任何级别的项目; 添加顶级项目将在其中包含一个空巢列表。 我的问题是关于新创build的项目的JS初始化:虽然他们将共享一些常见的function,我可以通过 $("#root").on("click", "li > header", function() { […]

如何从鼠标点击坐标获取WebGL三维空间中的对象

我正在WebGL中构build一个桌面游戏。 该板可以旋转/缩放。 我需要一种方法来将canvas元素(x,y)的点击转换为三维空间(x,y,z)中的相关点。 最终的结果是我想知道包含触及最靠近用户的物体的点的(x,y,z)坐标。 例如,用户点击一个片段,并且想象一下通过3D片段的射线穿过棋子和棋盘,但是我想要棋子的(x,y,z)坐标,感动。 我觉得这是一个非常普遍的问题,但我似乎无法在Google上find解决scheme。 必须有一些方法将3D空间的当前视图投影到2D中,以便可以将2D空间中的每个点映射到3D空间中的相关点。 我希望用户能够将鼠标hover在电路板上的一个空间上,并且具有点改变的颜色。

刷新页面并保持滚动位置

有人能告诉我我做错了什么吗? 我需要我的页面刷新一段时间后,但它刷新页面的顶部,我需要它不改变页面的位置!所以这是我现在不工作的元标记? 这里是我还没有不刷新一定是做错了什么? 这是我原来的… <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="refresh" content="72"> <meta http-equiv="Pragma" CONTENT="no-cache"> <meta http-equiv="Expires" CONTENT="-1"> <style type="text/css"> body { background-image: url('../Images/Black-BackGround.gif'); background-repeat: repeat; } </style> </head> <script type="text/javascript"> function saveScrollPositions(theForm) { if(theForm) { var scrolly = typeof window.pageYOffset != 'undefined' ? window.pageYOffset : document.documentElement.scrollTop; var scrollx = typeof […]

带Post参数的PHPredirect

我有一个网页。 这个网页将用户redirect到另一个网页,或多或less地采用以下方式: <form method="post" action="anotherpage.php" id="myform"> <?php foreach($_GET as $key => $value){ echo "<input type='hidden' name='{$key}' value='{$value}' />"; } ?> </form> <script> document.getElementById('myform').submit(); </script> 那么,你看,我所做的是将GET PARAMS转换为POST PARAMS。 不要告诉我这是坏的,我知道我自己,这不是我真正做的,重要的是我从数组中收集数据并尝试通过POST提交给另一个页面。 但是,如果用户closures了JavaScript,则不起作用。 我需要知道的是:有没有办法通过PHP的方式来传递POST参数,所以redirect可以通过PHP的方式完成( header('Location: anotherpage.php'); )呢? 通过POST传递params非常重要。 我不能使用$ _SESSIONvariables,因为网页是在另一个域,因此,$ _SESSIONvariables不同。 无论如何,我只需要一个方法来调用PHP ^^ POSTvariables 提前致谢!

我什么时候需要指定JavaScript协议?

我的印象是,只有在URL属性中使用JavaScript时,才需要指定“协议”,例如在hrefs中。 这是唯一的“有用的”上下文的javascript: 明智的: <a href="javascript:alert('Hello')">World!</a> 愚蠢: <form onsubmit="javascript:alert('oops!')"> 这是正确的吗? 还是有我需要注意的一些模糊的错误/用例?

getElementById返回null?

document.getElementById('id of div that definately exists')返回null。 我原来最后加载了JavaScript,以确保我不需要担心onload事件。 我也尝试使用onload事件。 这是非常恐怖的。 任何想法或帮助将不胜感激。

jQuery .find()不会在IE中返回数据,而是在Firefox和Chrome中

我帮他的朋友做了一些networking工作。 部分他需要的是一个简单的方法来改变他的网站上的几段文字。 而不是让他编辑HTML我决定提供一个XML文件的消息,我用jQuery把他们拉出文件,并将其插入到页面中。 它工作得很好…在Firefox和Chrome中,在IE7中并不是那么棒。 我希望你们中的一个能告诉我为什么。 我做了一个公平的,但使用谷歌search,但无法find我在找什么。 这里是XML: <?xml version="1.0" encoding="utf-8" ?> <messages> <message type="HeaderMessage"> This message is put up in the header area. </message> <message type="FooterMessage"> This message is put in the lower left cell. </message> </messages> 这是我的jQuery调用: <script type="text/javascript"> $(document).ready(function() { $.get('messages.xml', function(d) { //I have confirmed that it gets to here in IE […]