<div>
If &quot;r&quot; is indeed a function, then shouldn't the test be:<br />
<br />
if (r()) {<br />
&nbsp; &nbsp; return truel<br />
}<br />
else {<br />
&nbsp; &nbsp; return false;<br />
}
</div>


<div>
Where &quot;truel&quot; should be, of course &quot;true;&quot;.
</div>


<div>
@Bodotz, r is not the name of the function but rather the name of the parameter into the function, i.e. the true/false response from the jPrompt function.<br />
<br />
sumitchawla, your solution certainly would work. For consistency through the site i am keen to use the same style prompts i'm using, it seems that your method must use the browser style prompt. It is good to have a backup solution anyhow if i find no other way. Watch this space :) 
</div>


<div>
I eventually worked out a nice solution in jQuery, removing but keeping a backup of all anchors in the page and attached for those with similar problems. I recommend Badotz's solution for those who do not need anything so extensive.<br />
<br />
<br />

<pre><code class="code-10 nolinks" id="code-267317"><span>$(&quot;a&quot;).each(function(){</span>
<span>   		</span>
<span>   			var url=$(this).attr('href');</span>
<span>   			$(this).data(&quot;ref&quot;, url);</span>
<span>   			$(this).removeAttr('href');</span>
<span>   			</span>
<span>   			$(this).bind(&quot;click&quot;, function(){</span>
<span>   				jConfirm(&quot;&lt;font size='3'&gt;You have unsaved content changes. Are you sure you want to navigate to a different page?&lt;/font&gt;&quot;, &quot;Prompt&quot;,</span>
<span>					function(r) {</span>
<span>						if (r){							</span>
<span>							window.location=url;</span>
<span>						}</span>
<span>					}</span>
<span>				);</span>
<span>   			});   			</span>
<span>   		});</span>
</code></pre>
</div>


<div>
my bad, i mean't sumitkchawla's solution.
</div>


<div>
<div class="content wysiwyg-content">
Please take a look at the code attached, i'm trying to require a confirmation from the user that they want to change the page by applying an onclick on all anchors. Don't worry, it's not one of those nuissance prompts! .. the intention is that it only appears if the user has any unsaved changes. It's probably quite obvious what i'm trying to do from the code. An immediate (without a prompt) return of false from an onclick action causes the anchor to not experience a click (right??), but when i put it in this prompt it seems to navigate anyway.. the prompt appears momentarily whilst the pages begins to relocate. Can anyone shed some light on what i'm missing here to get it working?<br />

<pre><code class="code-10 nolinks" id="code-264708"><span>$(&quot;a&quot;).click(function(){   						</span>
<span>	   if (modified){</span>
<span>		jConfirm(&quot;&lt;font size='3'&gt;You have unsaved content changes. Are you sure you want to navigate to a different page?&lt;/font&gt;&quot;, &quot;Prompt&quot;, function(r) {</span>
<span>			if (r){</span>
<span>				return true;</span>
<span>			}else{</span>
<span>				return false;</span>
<span>			}</span>
<span>	});											</span>
<span>	}</span>
<span>});</span>
</code></pre>
</div>
</div>


Please take a look at the code attached, i'm trying to require a confirmation from the user that they want to change the page by applying an onclick on all anchors. Don't worry, it's not one of those nuissance prompts! .. the intention is that it only appears if the user has any unsaved changes. It's probably quite obvious what i'm trying to do from the code. An immediate (without a prompt) return of false from an onclick action causes the anchor to not experience a click (right??), but when i put it in this prompt it seems to navigate anyway.. the prompt appears momentarily whilst the pages begins to relocate. Can anyone shed some light on what i'm missing here to get it working?

jQuery: preventing a user to navigate from the current page upon a condition

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.