|
JavaScript - Onclick / Tracking Clicks - Faster Method?
Okay, so I built up 2 codes, which do the same cause. but which one would be most efficient? or maybe which one would be best compatible for browsers?
CODE 1 : - this code allows for me to use an #id Code: <a onclick="trackClick('1');" href="http://www.google.com" rel="nofollow" target="_new">(track 1)</a>
function trackClick(trackid) {
ajax = ajaxFunction();
var url = base_url+ "app_trackClicks.php";
url = url+ "?trackid=" +trackid;
ajax.open("GET",url,true);
ajax.send(null);
}
CODE 2 - using the REL Code: <a rel="randomclicks" href="http://www.google.com" rel="nofollow" target="_new">(track 2)</a>
function addLoadEvent(func)
{
var oldonload = window.onload;
if (typeof window.onload != 'function'){
window.onload = func;
} else {
window.onload = function(){
oldonload();
func();
}
}
}
addLoadEvent(randomclicks);
function randomclicks()
{
if (!document.getElementsByTagName){ return; }
var anchors = document.getElementsByTagName("a");
// loop through all anchor tags
for (var i=0; i<anchors.length; i++){
var anchor = anchors[i];
if ((anchor.getAttribute("rel") == "randomclicks")){
anchor.onclick = function ()
{
ajax = ajaxFunction();
var url = base_url+ "app_trackClicks.php";
url = url+ "?randomclicks";
ajax.open("GET",url,true);
ajax.send(null);
};
}
}
}
Thanks Similar TutorialsI'm kind of new to javascript so forgive me for my ignorance. Is their anyway to track right mouse click within an iframe that is linked to an external site (i.e. www.nbc.com)? I'm trying to see if I can have a alert window say "This is an image" when i right click on an image within the iframe. I have a single webpage that contains information on all 50 U.S. states. There are 50 links at the top to jump down to the state you want, and at the bottom of the information for each state a Back to Top link. I'm making the Back to Top link into something more complex, and it will require three or four lines of code. So that I don't have to repeat the code 50 times, and create a burden when I need to edit it, I want to place it in a .js file and call it x. Then below the information for each state I'll simply have: Code: <script language="JavaScript">document.write(x)</script> Does calling code from a .js file 50 times slow down the page load? Which method would load faster? Or is the difference negligible? Thank you, Peter Why is the callwhy is the slice method only a method of an Array instance? The reason why I ask is because if you want to use it for the arguments property of function object, or a string, or an object, or a number instance, you are forced to use Array.prototype.slice.call(). And by doing that, you can pass in any type of object instance (Array, Number, String, Object) into it. So why not just default it as a method of all object instances built into the language? In other words, instead of doing this: Code: function Core(){
var obj = {a : 'a', b : 'b'};
var num = 1;
var string = 'aff';
console.log(typeof arguments);//Object
console.log(arguments instanceof Array);//false
var args1 = Array.prototype.slice.call(arguments);
console.log(args1);
var args2 = Array.prototype.slice.call(obj);
console.log(args2);
var args3 = Array.prototype.slice.call(num);
console.log(args3);
var args4 = Array.prototype.slice.call(string);
console.log(args4);
Core('dom','event','ajax');
Why not just be able to do this: Code: function Core(){
var obj = {a : 'a', b : 'b'};
var num = 1;
var string = 'aff';
var args = arguments.slice(0);
var args2 = obj.slice(0);
var args3 = num.slice(0);
var args4 = string.slice(0);
//right now none of the above would work but it's more convenient than using the call alternative.
}
Core('dom','event','ajax');
Why did the designers of the javascript scripting language make this decision? Thanks for response. Hello. When a user first visits /index.html, they select their city. On later visits, I redirect them to their city (ie. /vancouver.html). The script seems to run slowly, and loads the whole /index.html for a second before redirecting. How can I make it faster? I have tried placing my code 1) in the head just below the title, 2) in the head before anything else, 3) in <body onload="..."> Code:
function redirect() {
userCity = readCookie ("user_city");
if (userCity)
{
window.location.replace(userCity + ".html");
}
}
Could I use something like if (navigator.cookieEnabled) to run the redirect() function if cookie detected and somehow cancel loading the rest of index.html? (if no cookie, or not enabled, still load index). Or is their a more standard way? I am a novice and really appreciate any help. Hi, See I have called a function in onchange event of a dropdownlist.What happens in the onchange function is that if the value for dropdown has already been entered once, then an alert message will be shown. The problem I have is, if the value has been already entered, when I try to change the value in dropdown, dropdownlist gets displayed (expands) and an alert message gets displayed. When I click "OK" of alertbox first the dropdown gets back to it original form and only on the next click alert box goes. What I need is everything should happen in a single click itself. How do I make my Script load faster? Is there Code that will make my Script load faster, (so that it won't take so long to view) If so, can someone show me how to incorporate it into my Example Script? With appreciation Hi, i have this code that works, but takes like 3 seconds to load when using it on the website. Is there a better way to code this to make it faster? Code: function onTaskChange(num)
{
if( num = 1)
{
var stask = document.forms[0].task11.value;
setSelectValue("forms[0].task21", stask);
setSelectValue("forms[0].task31", stask);
setSelectValue("forms[0].task41", stask);
setSelectValue("forms[0].task51", stask);
for( i = 0; i < 7; i++)
tblProjectHours[i][6]=stask;
onTaskChange(4);
onTaskChange(7);
onTaskChange(10);
onTaskChange(13);
}
else if( num = 2)
{
var stask = document.forms[0].task12.value;
setSelectValue("forms[0].task22", stask);
setSelectValue("forms[0].task32", stask);
setSelectValue("forms[0].task42", stask);
setSelectValue("forms[0].task52", stask);
for( i = 7; i < 14; i++)
tblProjectHours[i][6]=stask;
onTaskChange(5);
onTaskChange(8);
onTaskChange(11);
onTaskChange(14);
}
else if( num = 3)
{
var stask = document.forms[0].task13.value;
setSelectValue("forms[0].task23", stask);
setSelectValue("forms[0].task33", stask);
setSelectValue("forms[0].task43", stask);
setSelectValue("forms[0].task53", stask);
for( i = 14; i < 21; i++)
tblProjectHours[i][6]=stask;
onTaskChange(6);
onTaskChange(9);
onTaskChange(12);
onTaskChange(15);
}
else if( num = 4)
{
var stask = document.forms[0].task21.value;
for( i = 21; i < 28; i++)
tblProjectHours[i][6]=stask;
}
else if( num = 5)
{
var stask = document.forms[0].task22.value;
for( i = 28; i < 35; i++)
tblProjectHours[i][6]=stask;
}
else if( num = 6)
{
var stask = document.forms[0].task23.value;
for( i = 35; i < 42; i++)
tblProjectHours[i][6]=stask;
}
else if( num = 7)
{
var stask = document.forms[0].task31.value;
for( i = 42; i < 49; i++)
tblProjectHours[i][6]=stask;
}
else if( num = 8)
{
var stask = document.forms[0].task32.value;
for( i = 49; i < 56; i++)
tblProjectHours[i][6]=stask;
}
else if( num = 9)
{
var stask = document.forms[0].task33.value;
for( i = 56; i < 63; i++)
tblProjectHours[i][6]=stask;
}
else if( num = 10)
{
var stask = document.forms[0].task41.value;
for( i = 63; i < 70; i++)
tblProjectHours[i][6]=stask;
}
else if( num = 11)
{
var stask = document.forms[0].task42.value;
for( i = 70; i < 77; i++)
tblProjectHours[i][6]=stask;
}
else if( num = 12)
{
var stask = document.forms[0].task43.value;
for( i = 77; i < 84; i++)
tblProjectHours[i][6]=stask;
}
else if( num = 13)
{
var stask = document.forms[0].task51.value;
for( i = 84; i < 91; i++)
tblProjectHours[i][6]=stask;
}
else if( num = 14)
{
var stask = document.forms[0].task52.value;
for( i = 91; i < 98; i++)
tblProjectHours[i][6]=stask;
}
else if( num = 15)
{
var stask = document.forms[0].task53.value;
for( i = 98; i < 105; i++)
tblProjectHours[i][6]=stask;
}
}
is there js to prevent malicious clickers who try to ban my site from google ads by clicking so many times?
Is there anything wrong with the code below? - it doesnt seem to track the links, (which it suppose to do inside img.php) Code: // IMAGERY SYSTEM
function Imagery(img)
{
ajax = ajaxFunction();
var url = base_url+"application/imagery/img.php?img="+img;
ajax.open("GET",url,true);
ajax.send(null);
}
Link Code: <a href="http://google.com" onClick="Imagery('545');">
Hi! Sorry for asking such noobish questions, I tried to search but couldnt find anything addressing my problem. It's probably pretty simple though. I have an image on a website. I want the image to change, after the user has clicked on it five times. In other words, on the first 4 clicks, nothing should happen. But the fifth click should change the source of the image. Here is my feeble attempt: Code: function image_changer(){
var i=0;
for (i=0;i<=5;i++)
{
document.getElementById('changingimage001').src = 'images/smile6.jpg';
}
}
HTML: Code: <img id="changingimage001" src="images/base.jpg" onclick="image_changer();" alt="a changing image" />' I quess my main confusion is this: How do I make a new iteration in my for loop happen only when the mouse is clicked (instead of all the iterations running trough as fast as possible)? Hi, I have a click event that changes an element from a span that acts like a text link, to a textbox that the user types in: Code: Event.add(area_el_rename, 'click', function(e)
{
if(!currently_renaming)
{
area_el.innerHTML = '<textarea name=\"renaming_area\" id=\"renaming_area\" style=\"width:100px;height:10px;background-color:#DCDCDC; resize:none;font-size:8px;\"></textarea><br>';
currently_renaming=true;
}
});
I am wondering if there is any way to determine if the user has clicked outside the textbox, and if so, perform an action (in my case revert back to the <span>. The solution probably doesn't need to be tied to anything. It probably just has to be something like: if(click_outside_id("renaming_area")) { //do my desired action } I'm using "Coda-Slider 2.0" for a tab-based interface. I used external triggers to switch between tabs, and I'm having trouble adding my "selected" class when I click on one of the triggers. It works...BUT...it takes two clicks for it to respond correctly. The slider works just fine, but the "selected" class isn't added (i.e. the selected tab gets a different background image) until I click on one of the menu items twice. Here is the JavaScript I used: Code: $("a").click(function(){
$(".menu a.selected").removeClass("selected"); // remove previous class if there is any
$(this).addClass("selected"); // add class to the clicked link
return false; // prevents browser from following clicked link
});
And here is the HTML. The "xtrig" class is required for it to be used as an external trigger for the slider. Code: <ul class="menu">
<li class="day1"><a class="selected xtrig" href="#1" rel="coda-slider-1">Day 1</a></li>
<li class="day2"><a class="xtrig" href="#2" rel="coda-slider-1">Day 2</a></li>
<li class="day3"><a class="xtrig" href="#3" rel="coda-slider-1">Day 3</a></li>
<li class="day4"><a class="xtrig" href="#4" rel="coda-slider-1">Day 4</a></li>
</ul>
Any ideas why it would take two clicks for it to function? Thanks! Hello I want to add something to my web site. when the user clicks to download. i want to see a pop up screen which says your download has started. <script type="text/javascript"> function show_alert() { alert("Your Download Started!"); } </script> <input type="button" onclick="show_alert()" onclick="get value="Download" /> I dont get where should i put the download link I have 16 links on a page, when each link is clicked, I need to change text that is on the page. This is Page 1 link 1 This Is Page 1 link 2 This is Page 2 ... link 16 This is Page 16 How can I do this? Excuse my ignorance, this is my first JS project Hi, I wonder if anyone can help me. I have a header I use on my site which has a Javascript code for rotating banner ads. I'd like to try to track the clickthroughs on these ads and have been looking at the methods of doing this in google analytics, but they all seem to be for single links, such as the method he http://support.google.com/googleanal...n&answer=55527 which then don't work with the links as they are in the banner. I was wondering if anyone knew how I would be able to integrate the analytics code in that link into the banner I have, or of another method I can use to track clicks on the ads. Thanks! This is the banner I'm using: Code: <script type="text/javascript">function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
}
}
link = new initArray(
"http://www.jojingles.com",
"http://www.goals-solutions.com/",
"http://www.barleylands.co.uk/",
"http://www.blukangaroo.co.uk/onlineshop",
"http://www.explorelearning.co.uk/vebo",
"http://www.explorelearning.co.uk/vebo",
"http://www.allmumkind.com/",
"http://quintessencemassage.weebly.com",
"http://www.dw-beauty.co.uk",
"http://www.theclothestree.co.uk"
);
image = new initArray(
"http://www.essexmums.org/images/jojingleslong.gif",
"http://www.essexmums.org/images/goalssolutionbanner.jpg",
"http://www.essexmums.org/images/barleylandsbanner.jpg",
"http://www.essexmums.org/images/blukangaroo.jpg",
"http://www.essexmums.org/images/explorelakeside.jpg",
"http://www.essexmums.org/images/explorelakeside.jpg",
"http://www.essexmums.org/images/allmumkind3.jpg",
"http://www.essexmums.org/images/quintessence.jpg",
"http://www.essexmums.org/images/dwbannerad.jpg",
"http://www.essexmums.org/images/clothestree.jpg"
);
text = new initArray(
"Jo Jingles",
"Goals Solution",
"Barleylands",
"Blu Kangaroo",
"Explore Lakeside",
"Explore Lakeside",
"Allmumkind",
"Quintessence",
"DK Beauty",
"The Clothes Tree"
);
function getrandom(){
var core2 = Math.floor(Math.random()*10); // amount of items in array
displaybanner(core2)
displaybanner(core2)
}
function displaybanner(theNum2){
var ranlink2 = link[theNum2];
var ranimage2 = image[theNum2];
var rantext2 = text[theNum2];
document.getElementById('theImg2').alt=rantext2;
document.getElementById('theImg2').src=ranimage2;
document.getElementById('theLink2').href=ranlink2;
}
</script><a href="#" target="_blank"
id="theLink2"><img src="" alt=""
id="theImg2" border="0"></a>
<script type="text/javascript">
getrandom();
setInterval("getrandom()", 22000);
</script>
Just curious, what test case software have ya'll been using. Ive been using http://is.gd/h9SW1 this but were curious what others were using? It's pretty good btw, just curious what the rest of ya'll are doing for your testing process. Doesn't hurt to know all the resources that are out there, right!?
I am trying to make a code that will get various stats from the user when he or she visits my site like : browser computer screen size ip address referrer etc. This is the code i have so far. I ma stuck on what i should do in the function. Code: <html>
<head>
</head>
<body>
<script type="test/javascript">
function stats (){
var data =
}
</script>
</body>
</html>
One more question will I need to use php to send it to my email of could javascript do this. Since it is not clear to me where this post should fit in the forum, I'm just posting it here. Is it possible to create a tracking code that would allow me to: (1) a) Find out the identity of visitors to a certain website (a website unrelated to me and the visitors did not visit my website) b) The identity of those who recently searched for a certain keywords and/or... (2) Find out what websites certain individuals have recently visited (or visiting in real-time)? I want to send a simple email with just email & subject only when the user clicks a link that opens a pdf. I'm thinking javascript is the best way to do this but I have no idea how. I have googled it a bunch but most information is about getting an email when someone clicks a link you send in an email. I don't want that. This is on a website. I'm not sure if php would be better to use. Any help would be most appreciated!
Hi Everyone, I want to execute a script when the user clicks the button. Currently in my html doc. i have the button declared. <input type="button" id ="button" onclick='notEmpty() value="Play"/> When the button is clicked, i execute the notEmpty() function and I want to execute a script inside the notEmpty(). How can i do this? Thanks, Praveen |
|||||||