Solved

Disable/lock a hyperlink using Javascript

Posted on 2004-10-05
6
408 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
Efficient way to get backups off site to Azure

This user guide provides instructions on how to deploy and configure both a StoneFly Scale Out NAS Enterprise Cloud Drive virtual machine and Veeam Cloud Connect in the Microsoft Azure Cloud.

 
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

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

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

The task A number given should be formatted for easy reading by separating digits into triads. Format must be made inline via JavaScript, i.e., frameworks / functions are not welcome. So let’s take a number like this “12345678.91¿ and format i…
This article discusses how to create an extensible mechanism for linked drop downs.
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…

822 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