2020. 2. 11. 15:00ㆍ카테고리 없음
Hi everyone,firstly to call myself a noob would be inflating my ego. I have done one project in javascript so far and have had no schooling on the topic, however I have learned quite a lot in the last few months from this thing called the 'internet'.
Force Refresh Javascript
So far I managed to make an html image map that has various tooltips which will appear onmouseover, and the tooltip disappears onmouseout. Each point of coords that i have defined has a hyperlink to a different page on the internet.
It works just like i wanted it to and i couldn't be happier, that is, when i'm using a mouse.When i am using a touchscreen device it is a different story. Specifically i'm trying to port my html page to android as i figured it would be easy with the android sdk and webview (it was, but read on). What i found when i used the 'app' on my phone was that onmouseover works when you touch the screen, however it also registers as a click, so pop goes the tooltip, and i'm whisked away to my webpage. Not the desired result.Ideally I would like to hold down the screen for 3 seconds and then the hyperlink would activate, but i decided that just getting the thing functional would suffice for the time beaing so i tried to include some 'ondblclick' that would trigger a document.location. This worked fine on a web browser again, but had no result on the touchscreen.
I decided to abandon this half step because I have read that ondblclick doesn't work in an image map and it isn't my intended result anyway.I have found a lot of javascript and jquery samples that emulate the onHold event that i'm trying to achieve, both on this forum and all over the internet, however these samples are overly complex and are focused on looping an action, such as incrementally increasing a value or zooming or whatever. I just want to redirect the user to another page if they trigger 'onmousedown' for 3 seconds.anybody want to trade some help for a thankyou? This is my dilemma and I am not sure if I am handling the right way, so please suggest a new way or provide a valid answer so that I may achieve my goal. Thanks in advance for your help in solving this matter.In short I have a single 'A.html' page that uses AJAX to reload in 'B.php' into a every second and 'C.php' into another with no reloading.The code in B.php generates a random number between 1 and 100.If the number generated is less than 10, I want to refresh its content.I have tried a number of tricks, I could not find anything in jQuery so if there is please point me to the correct function calls. Know why does window.open take atlst 2-3 seconds, only to open even a simple blank page?in my code, i load a page on window.open and increament a counter. But it takes 2-3 seconds and in meantime user is closing new opened window, so counter val is not correct.
I cannt stop user from closing new window when it is loading, which is long given what it is doing-see sample here from Microsoft site - simple window open taking 2-3 secs. Looks to be long.in advance.
There are plenty of other examples on jQuery with XML and you can read all of it. Now, there can be multiple DIV’s with different contents on a single page and we can refresh all the DIV’s contents at a specified time interval. We can set different time intervals for different DIV and refresh each without reloading the page.Here in my example, I have an XML file (the names library.xml) with few nodes in it.
Refresh Div Every 5 Seconds Javascript Code
I’ll extract each node (with values) in every 5 seconds and display the contents in the DIV. That is, the DIV gets refreshed with new values, extracted from the XML file in every 5000 milliseconds.