JavaScript - Alertbox Going Off Only On 2 Clicks

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!

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

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'm working with a javascript on a drupal website, but the saving function seems to work only as soon as i click 2 times on the "save" button. the code that fires the function is:

Code:

var param ="&usuario="+usuario+"&nivel="+nivel+gano+porc_gano+gasto+porc_gasto+tengo+porc_tengo+debo+porc_debo+plazo_debo;
var s = document.createElement("script");
s.type = "text/javascript"; s.async = true;
s.src = direccion_servidor +"setMisDatos?callback=respuestaGuardarMisDatos&param="+encodeURIComponent(param);
h = document.getElementsByTagName("script")[0];
h.parentNode.insertBefore(s, h);

i got the parentNode.insertBefore code from google (the same they use in google analitycs), but still i get error (specifically when he has to do the parentNode.insertBefore part (earlier it was only appendChild, but used to give me the same kind of error. Are the spaces a problem in this sense? Or there might be a better solution? because if i click the second time it enters the setMisDatos function and then works 100%. This is really driving me crazy, can anybody help me?

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

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

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!

I'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.

Hello all, firstly I'm trying to make a button which you press then it will create a text box, I'v seen scripts that hide / show a text box, but every time you press this link I want it to display another text box. Example Below.


I'v created what I want in HTML, but when a player clicks the link it needs to display a new box everytime.
Code:

<input type='text' size='50' id='jsuniquecode'>

This is my html box which I would like to show. thanks!

I'm sure the code must not be that different to the ones which show / hide an item.

Thanks for reading my thread and it would be much appreciated if somebody could help me figure out where I should start etc. Thanks.

Hi all,

I currently have this javascript that will change the cell to green with one click...

Code:

<script type="text/javascript">
    	function ColorChange(obj){
			obj.style.color='#FFFFFF';
			obj.style.backgroundColor='#66CC33';
			obj.parentNode.style.backgroundColor='#66CC33';
		}
    </script>

echo "<td align=\"center\" bgcolor=\"#EEEEEE\"><a href=\"#\" onclick=\"ColorChange(this)\">$day_num</a></td>";

the problem is that I need around 3 different colors to be possible..

e.g. 1 click turns cell green | 2 turns is red | 3 turns it orange.

I'm not sure how to take this javascript further?

Would someone be kind enough to point me in the right direction?

Many thanks,

Greens85

How to detect if the user clicked cancel while uploading a file ? Is there an event for it?

Hi,

"This happens only in chrome browser"
I am trying to design a website and it has a couple of radio button on the first page. I selected one radio button and navigated to the next page.
On my second page, if i hit back button, the first page show the radio option that i selected(which is correct) but when I hit save and continue it throws a JS error "please select one option". Chrome forces me to re-click the radio option again.

The application is MVC 3.5, C#
Here is the snippet of the ascx

Code:

<%= Html.RadioButton("radAccnt", "abc", Account != null ? (entity != string.Empty ? (entity.Substring(0, 3).Equals("abc") ? true : false) : false) : false, new { id = "radAbc", onClick = "SetEntity('abc');", onBlur = "javascript:ValidateOnBlur(\"ValidateAccount('true');\");" })%>

I had a alert in SetEntity(Value) function and value is empty when the back button is clicked. I did some research and found that Chrome does not cache the form data. If this is true is there a work around for this?

Please help.

Thanks.

I found this code sample that when a user clicks somewhere on the image, then an "X" will appear. I would like to have the "X"s remain visible even when the user clicks on a different area of the image. As you can imagine, a user clicks clicks clicks then there are "X"s everywhere. How do I do this? Do I need to create more "div" tags with the mouse click locations?


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Mouse position</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">

<script language="JavaScript" type="text/JavaScript">
var posx;
var posy;

function getMouse(e){
posx=0;posy=0;
var ev=(!e)?window.event:e;//IE:Moz
if (ev.pageX){//Moz
posx=ev.pageX+window.pageXOffset;
posy=ev.pageY+window.pageYOffset;
}
else if(ev.clientX){//IE
posx=ev.clientX+document.body.scrollLeft;
posy=ev.clientY+document.body.scrollTop;
}
else{return false}//old browsers
}


function showP(){
document.getElementById("div2").style.visibility="visible";
document.getElementById("div2").style.top =(posy-10)+'px';
document.getElementById("div2").style.left=(posx-6)+'px';
}
</script>
<style type="text/css">
.div1 {position:absolute;top:100px;left:100px;visibility:visible;z-index:5}
.div2 {position:absolute;top:0px;left:0px;visibility:hidden;z-index:1;color:black;}
.div3 {position:absolute;visibility:hidden;z-index:10;font-family:monospace;font-size:20px;font-weight:900;color:black;}
</style>

</head>

<body onmousemove="getMouse(event)">
<div id="div1" class="div1">
<img src="./yourImage.jpg" onclick="showP()">
</div>
<div id="div2" class="div3">
X
</div>
</body>
</html>

I guess this case applies to both popup windows opened by window.open() and by showModalWindow().

I have two buttons in popup window, "Cancel" and "Save". If the user clicks either button, there is a "process" at parent window before close() at popup being called. The problem now is, if the user click the "X" sign at top right corner of that popup window, how to trigger the "process"?

I think I can do nothing in popup window since the closure is unexpected programmatically. Can I put some kind of listener in parent window to detect if popup is closed?