Solved

Disable/lock a hyperlink using Javascript

Posted on 2004-10-05
6
410 Views
Last Modified: 2008-02-01
is it possible? using dhtml?
its for a logout link.. once youve clicked it,
you can no longer click it (while it forwards to the logout page).
0
Comment
Question by:ibo
6 Comments
 
LVL 3

Author Comment

by:ibo
ID: 12234779
btw i created this one and serves it purpose but users wants the link itself be locked or unclickable.

<script language="javascript">
    var firstTimeLogOut = true;
    function logOut() {
        if (firstTimeLogOut) { // trap any multiple clicks during logout
            firstTimeLogOut = false;
            window.location.href = "logout.xxx";
        }
    }
</script>
0
 
LVL 19

Expert Comment

by:dakyd
ID: 12234964
Not sure if it's exactly what you're looking for, but how about something like the following?

<a href="logout.xxx" onload="if (top.document.location.href == 'logout.xxx') this.href='#';" />Logout</a>

The idea is that when the address bar shows logout.xxx, the link changes its href value to #, which won't go anywhere.  If you copy that link exactly to any page but logout.xxx, it'll go to logout.xxx, but on the logout page, it won't do anything.  Hope that helps.
0
 
LVL 33

Expert Comment

by:sajuks
ID: 12234973
<a href="http://www.experts-exchange.com"  onclick="this.disabled=true;">E-E</a><br>
0
MS Dynamics Made Instantly Simpler

Make Your Microsoft Dynamics Investment Count  & Drastically Decrease Training Time by Providing Intuitive Step-By-Step WalkThru Tutorials.

 
LVL 3

Author Comment

by:ibo
ID: 12235034
hmm how about just hiding the link itself and a text label appears in place of the link? how do i do that?
0
 
LVL 3

Author Comment

by:ibo
ID: 12235057
can i make a link became a plain text label after clicking it?
0
 
LVL 1

Accepted Solution

by:
Webby_ earned 30 total points
ID: 12235082
<span id="logout"><a href="logout.xxx" onClick="document.getElementById('logout').innerHTML='logout';">logout</a></span>
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Bootstrap Form 16 41
Convert Silverlight ERP To Angularjs,HTML5 3 60
15 puzzle in Javascript/html 2 44
REST call Failing 1 14
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

733 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question