Highlighting a Linkbutton in javascript onclick

hi all, i have 4 link buttons.all of them opens a popup window. i want when i click on button it gets highlited.
pls help. its urgent.

Neel.

Mar 25 '09 #1

Subscribe Post Reply

3306

RamananKalirajan

608

512MB

onclick of that button just change the class of that button.. so that it looks like highlighted...

ex:

Expand|Select|Wrap|Line Numbers

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

<META NAME="Generator" CONTENT="EditPlus">

<META NAME="Author" CONTENT="">

<META NAME="Keywords" CONTENT="">

<META NAME="Description" CONTENT="">

<style type="text/css">

.normal{

    background-color: #999999;

}

.highlight{

    background-color: #FF3333;

}

</style>

<script type="text/javascript">

    function highlightThis(ths)

    {

       for(var i=1;i<=4;i++)

       {

         var tempId = "select"+i;

         if(ths.id==tempId)

         {

             document.getElementById(tempId).className = "highlight";

         }

         else

         {

            document.getElementById(tempId).className = "normal";

         }

        }

    }

</script>

</HEAD>

<BODY>

<table width="100%" cellspacing="0" cellpadding="3px">

    <tr>

        <td>

                <input type="button" value="Select1" id="select1" name="select1" class="normal" onclick="highlightThis(this)">

        </td>

        <td>

                <input type="button" value="Select2" id="select2" name="select2" class="normal" onclick="highlightThis(this)">

        </td>

        <td>

                <input type="button" value="Select3" id="select3" name="select3" class="normal" onclick="highlightThis(this)">

        </td>

        <td>

                <input type="button" value="Select4" id="select4" name="select4" class="normal" onclick="highlightThis(this)">

        </td>

    </tr>

</table>

</BODY>

</HTML>

This is just an example.. you can do it n no.. of ways...

Regards
Ramanan Kalirajan

Mar 25 '09 #2

sweetneel

thanx a lot Ramanan it works.

Mar 26 '09 #3

RamananKalirajan

608

512MB

What i have given is just an example and it is the basic way of doing highlighting.. u can try your own and make it better...

Regards
Ramanan Kalirajan

Mar 26 '09 #4

Dormilich

8,658

Expert Mod 8TB

@RamananKalirajan
e.g. using "this" inside the function:

Expand|Select|Wrap|Line Numbers

     function highlightThis()

    {

       for(var i=1;i<=4;i++)

       {

// reset all class names to "normal"

         document.getElementById("select"+i).className = "normal";

       }

// set current class name to "highlight"

       this.className = "highlight";

    }

Mar 26 '09 #5

RamananKalirajan

608

512MB

Thanks Dormilich, 'this' keyword.. using it it simplifies more than what i had did so far.. I will follow this way of doing things...

Regards
Ramanan Kalirajan

Mar 27 '09 #6

Dormilich

8,658

Expert Mod 8TB

it took me quite a while to understand how OOP works in Javascript.

Mar 27 '09 #7

Similar topics

UserControl LinkButton Javascript Error

by: Matt Law | last post by:

Hi All, Ive just attempted to use a <ASP:LinkButton> on a ASCX User Control. The .NET system produces the HTML/Javascript that doesnt work... Now before you all scream OnCommand, OnClick...

.NET Framework

Disable Linkbutton Before Postback?

by: Al Cohen | last post by:

I'm using a LinkButton to call some code, then do a redirect. The code does some queries, sends some emails, and takes a few moments before the redirect is performed. I'd like to disable my...

ASP.NET

dynamic loading of images by linkbutton clicks

by: sef | last post by:

i have a server-side script that executes this: linkbutton1.Attributes.Add("onClick", "linkClicked();"); the client-side code has an html image control <img id="image1"> the client-side...

ASP.NET

Execute javascript on a DataGrid's LinkButton click?

by: Dave | last post by:

Hi, I have a datagrid with a Templated column below. I want to execute some javascript before the postback to show a hidden "div" tag with static message of "Please Wait..." since the query takes...

ASP.NET

<a> vs <asp:linkbutton> for new window

by: George Durzi | last post by:

I currently have an href inside of an asp:repeater <a href='<%# String.Concat("PDFReader.aspx?id=", DataBinder.Eval(Container.DataItem, "ProductUniqueId")) %>' target="_blank">View</a> ...

ASP.NET

LinkButton Issue!

by: Steve Harclerode | last post by:

Here's some code that I'm using to create a simple list of logical drive letters (my web application impersonates a user). I'm finding that my event handler doesn't fire. Can anyone give me a hint...

ASP.NET

Need help on popping up a java script popup box when clicked on a LinkButton.

by: Learner | last post by:

Hello, I have two buttons on one of my VehicleDetails.aspx page. Obiviously these two buttons takes the user to two different pages. Now my client is interested in having a linkbutton instead of...

ASP.NET

changing css class on linkbutton

by: John | last post by:

Hi I have been trying to change the css class of a linkbutton without succes ( I dont want to change the cssclass property). Maybe somebody knowshow to do this?? th.John <%@ Page...

ASP.NET

JavaScript Keyword Highlighting

by: Leif902 | last post by:

After much searching of google, the closest I can find is highlighting search terms... however, this is not what I wanted to do. Does anyone know how to parse through a specific element (lets say...

Javascript

LinkButton control and page anchor not working in Mobile 6.0

by: David C | last post by:

I have posted this question, which I think is very simple on several sites, and nobody seems to know what I am talking about. At my wits end here. Please help. I am putting together a site...

ASP.NET

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing