I want to make a custom visitor tracking tool and like Google Analytics it must be able to track how long time visitors spend on each page.How do you recommend doing this?I thought of using the Javascript onload event to start counting time serverside and then the onbeforeunload event to do tell the server to end the time count. I'm just skeptic of an infinite visit duration if the visitor's browser for some reason doesn't call the event (ie power outage).
Is there a script to detect the internet connection speed of the visitor of the website in order to determine if the HTML or the flash content of the site wil be published. This to prevent the visitors to struggle with large flash files en give them the best possible experience. On the other hand to satisfy the need of the fast speed connection owner to get a rich internet experience and to brand my products with trendy content.
Anyone know how to pop-up image for visitor that visiting for first time?
the pop-up image should be appears 30seconds then it will open new window tab with adress page that i have attached to image then after 30seconds the pop-up automatically close.
I have merged two scripts to make a popup that comes up even if blocked, and is for first time visitor only (cookie). The problem is that the way I'm doing it, it might show one or more times to the visitor. I don't want that because it will be irritating and this is a high-priority client. I'm posting the whole script because I think the problem is calling the popup before checking the cookie, but not sure how to rearrange things.
Also, I did search and found some good dhtml stuff but don't want to rewrite. This was supposed to be done last night so if I can fine tune this for now, I'll have time to rewrite something better (or at least play around with another script). Also, the popup refuses to come up in IE - I have IE6, but I detest IE and their site doesn't even load in it so whatever. I tested in FFox3, Opera 10 and Safari and it seems to work but like I say because of the onclick - it will load at any click until the user goes to a different page. I added a refresh in there but it just made things worse - too much going on for the user at that point.
I have a .Net website that uses a text file to record when visitors arrive on a page.
However, I really want it to also store the date and time that a visitor leaves a page. I can easily calculate the time spent on pages within a session but currently have no way of knowing how long someone spent on the last page they visited during a session.
What I need is a script that runs when a page is unloaded. The script will update a text file (stored in the htdocs folder of the site) with the current time.
So far, I have come to the conclusion that I may need to use JavaScript and the window.onbeforeunload event but I cannot get any further.
Let's say you provide an online service from 7:00AM to 6:00PM Eastern Time (daylight time in the summer). Is there way of showing these hours of availability on a web page in the user's local time?
My requirement: Each time a visitor arrives at a specific webpage i want the main image on the page to be different, or more specifically, one of 6 images which will be shown in rotation. Solution: Set a cookie. Each time the visitor access the page read the cookie and display the corresponding image. Then increment the value and rewrite the cookie, so that next time they'll see the next image in sequence. NB: if the cookie does not exist (first timer) or is at 6, then the value is set to zero (and then incremented).
Problem: Can't get my coding to work. Specifically it just doesn't do anything - no error message, no cookie written. I'm a very novice scripter, as in I've cobbled the coding together from bits off the net that i think i've managed to grasp some kind of an understanding of. Very suck it and see - so far lots of sucking and no seeing!
Should I always YUI or GZIP text files in my site or only when they exceed a certain size? Since the decompression takes some time as well I thought that if the files are small they should only be mified...is that correct?
I am working a project where I am using two monitors and using HTML/Javascript to display the information I want.
I have my main stuff on the main monitor, but when each page loads, I want an image to load fullscreen on the second monitor as well. I am using 800x600 resoution on both.
If I use:
function openWindow() { mainWindow = window.open("thispage.htm","pagename","fullscreen=yes"); }
that works fine for the main monitor.
I have then tried to use the second monitor to open an image by using the same type of thing:
function imageWindow() { openImage = window.open("image.jpg","imagepage","fullscreen=yes"); openImage.moveTo(801,0); parent.focus(); }
I am trying to use it with the onload command as well:
<body onLoad="imageWindow();">
I am passing arguments to these functions but simplified it here.
Anyhow it will only open it full screen on the first monitor. I can position it and move it to the second monitor if it is not full screen just fine.
I am developing a website in which I will support two screen resolutions ( 800X600 & 1024X768 ) by using two different stylesheets for better browsing experience. I need a code to detect resolution and then putting the desired stylesheet in page code at request time. If there is any server side language to be used with it then I can use PHP.
I have a site up and running called www.kalahari.co.za which points to www.kalahari-adventures.co.za As the business depends on adventurous people seeing images of the place, the bigger the better. So I have designed the site to show one static background pic to each page. I sorted out a problem of different browsers by have a hidden index page that looks at the monitor a viewer has and decides that if you have a 1024 x 768 monitor it then opens a page index1024.htm that has the appropriately sized background pic.
Now I said to my client he would get better search engine ratings if we created 3 sites and the existing site is spread over those sites. Anyway I have done all that only to discover from High Rankings Advisor (highrankings.com that search engines have now cottoned onto this (competitors complaining I suppose). But I'm going ahead anyway.
My problem is that I have put all my keywords and descriptions on the 1024 pages. But if a person sees that page in a search engine clickt to view it and has a 800 x 600 monitor then my script is not going to work.
I have tried putting my index page script onto all the pages (see script below), but when I open a unique page it looks for the index page in the folder where that doc is situated. I suppose a quick and dirty would be to direct the viewer back to the index page which will then activates the scrpt (see below) that checks for the right monitor size.
I would prefer the viewer to stay on page. So If someone who knows Javascript can rewrite the script so that A) it looks at the name of the page. And B) once it sees that page's name it has to then look for that same page in the appropriate folder and open that page. (folders are docs800, docs1024 and docs1624)
The problem is that I can't have the same index page script because at the moment if the script is on the page I am trying to open, it loops forever.
How do I sort this out?
This is the present script on the index page.
<script language="JavaScript"> <!--// hide bad old browsers var s800x600page = "index800.htm"; var s1024x768page = "index1024.htm"; var s1152x864page = "index1264.htm"; var s1280x720page = "index1264.htm"; var s1280x960page = "index1264.htm"; var s1280x1024page = "index1264.htm"; var pagetype; if ((screen.height == 600) && (screen.width == 800)) { pagetype = 2; } else if ((screen.height == 768) && (screen.width == 1024)) { pagetype = 3; } else if ((screen.height == 864) && (screen.width == 1152)) { pagetype = 4; } else if ((screen.height == 720) && (screen.width == 1280)) { pagetype = 4; } else if ((screen.height == 960) && (screen.width == 1280)) { pagetype = 4; } else if ((screen.height == 1024) && (screen.width == 1280)) { pagetype = 4; } else { pagetype = 2; } if (pagetype == 2) { window.location.href = s800x600page } else if (pagetype == 3) { window.location.href = s1024x768page } else if (pagetype == 4) { window.location.href = s1152x864page } else if (pagetype == 4) { window.location.href = s1280x720page } else if (pagetype == 4) { window.location.href = s1280x960page } else if (pagetype == 4) { window.location.href = s1280x1024page } //--> </script>
I design but programming is still in my dreams ...
I am running client (browser) side Javascript, and would like to somehow be able to detect whether some Javascript code causes any changes to occur to the DOM model.
Is there any way to do this? For example, with some kind of try/catch block?
Is there a way to monitor a newly opepend child window with opener, even when the page keeps reloading ?
Say window A opens window B and gives it a name/handle "myWindow". At this point anywhere in window A, we could say myWindow.location.href to find out where the child is.
But what if someone was to take window A to another site, and than return using history button, OR reload it completely.
upon load the var myWindow would get executed again, and it seems like the handle would be lost. I tried to see if there was a window.children collection that might still hold window B in its subset, but was not able to find a way thus far.
I am interested in using RaphaelJS for creating VML/SVG rounded corners etc, but unless i physically put the <script> right after the element to which it needs to be applied, i have to rely on the single DOM load() event. which causes a delay before any script is executed,...thus a FOUC (flash of unstyled content).
i'm guessing there is no way to track when individual elements are loaded into the DOM via a CSS filter or similar, or another way around this other than having <script> in the body or just dealing the the load delay?
.change() is only for form elements minus check boxes/radio buttons, etc.Are any of you aware of a script that does this already? Hopefully one that is easy to implement.I just want to monitor things like height, number of inner elements, or any change in the inner HTML.
I just wanted to know if javascript could possibly see where a visitor is heading to on the way out of a web site? Trying to find a more convenient way for people to enter URLs for bookmarks on my start page.
First off, I'm working with tumblr.com which allows Javascript, but not PHP embedded in the HTML pages. It strips them out. I want to be able to get the country code (us, ca, uk, etc.) when a visitor visits my webpage so I can provide links for their locale. I'm having a very hard time finding correct information with examples to get this working. There was some .js libraries out there, but they don't work properly and say I'm in CA when I'm in US, like the jsapi from Google. Is there a way to execute a .php script which would output the country code of the visitor and be able to read/capture this result within the Javascript?
I want to control where my visitors are coming fromSo not visiting from google or their homepage etc etc. i want them to enter the site from one specific site.
My page has a form which has some sections that do not show unless needed, but if JS is turned off then these section will never show, so looking for a way to test if it is on or not and if not allow the page to display everything that would normally be hidden unless needed.
this is a simple script, that uses ajax that sends to the server the total amount of time (in seconds) that the visitor was reading or whatever.
var startime=(new Date()).getTime();window.onunload=function(){ var x=(window.ActiveXObject)?new ActiveXObject('Microsoft.XMLHTTP'):new XMLHttpRequest(); x.open("GET","count.php?t="+(((new Date()).getTime()-startime)/1000),true);x.send(null)}
I have seen many visitor tracking sites that log a visitor's geographical location and the ISP they are connecting through, among other useful information. I am posting this in the PHP forums and Javascript forums as thats what most trackers use (StatCounter in particular).
I've been trying to figure out how to detect if a visitor is using a proxy. If seen php code similar to this again and again (just ignore the code since it doesn't work for anonymous proxy)
But as I mentioned this never works for anonymous proxies.However,every anonymous proxy I've tried puts THEIR domain somewhere in the url.Why can't we just detect anonymous proxy with Javascript by just getting
document.location.href
and making sure that the url is what it's supposed to be.This seems way too easy to be reliable.
