Display results on clicking hyperlink

hi to all

Expand|Select|Wrap|Line Numbers

 
<html>

    <head>

        <link rel="stylesheet" href="./css/Form.css">

        <script language="javascript" >

    </script>

    </head>

    <body id="body" onload="focs()">

    <h1><center>Welcome To Admin Page</center></h1>

    <h3>Click here to display all the employees</h3>

    <form name="f1">

        <center>

            <table>

                <tr>

                    <td><a href="">A</a>|</td>

                    <td><a href="">B</a>|</td>

                    <td><a href="">C</a>|</td>

                    <td><a href="">D</a>|</td>

                    <td><a href="">E</a>|</td>

                    <td><a href="">F</a>|</td>

                    <td><a href="">G</a>|</td>

                    <td><a href="">H</a>|</td>

                    <td><a href="">I</a>|</td>

                    <td><a href="">J</a>|</td>

                    <td><a href="">K</a>|</td>

                    <td><a href="">L</a>|</td>

                    <td><a href="">M</a>|</td>

                    <td><a href="">N</a>|</td>

                    <td><a href="">O</a>|</td>

                    <td><a href="">P</a>|</td>

                    <td><a href="">Q</a>|</td>

                    <td><a href="">R</a>|</td>

                    <td><a href="">S</a>|</td>

                    <td><a href="">T</a>|</td>

                    <td><a href="">U</a>|</td>

                    <td><a href="">V</a>|</td>

                    <td><a href="">W</a>|</td>

                    <td><a href="">X</a>|</td>

                    <td><a href="">Y</a>|</td>

                    <td><a href="">Z</a>|</td>

                </tr>

            </table>

        </center>

    </form>

    </body>

<html>

in the above code when ever i click on those hyperlinks the result shoud display below those hyper links. how to do it

regards

Apr 13 '07 #1

Subscribe Post Reply

1801

r035198x

13,262

8TB

hi to all

Expand|Select|Wrap|Line Numbers

<html>

    <head>

        <link rel="stylesheet" href="./css/Form.css">

        <script language="javascript" >

    </script>

    </head>

    <body id="body" onload="focs()">

    <h1><center>Welcome To Admin Page</center></h1>

    <h3>Click here to display all the employees</h3>

    <form name="f1">

        <center>

            <table>

                <tr>

                    <td><a href="">A</a>|</td>

                    <td><a href="">B</a>|</td>

                    <td><a href="">C</a>|</td>

                    <td><a href="">D</a>|</td>

                    <td><a href="">E</a>|</td>

                    <td><a href="">F</a>|</td>

                    <td><a href="">G</a>|</td>

                    <td><a href="">H</a>|</td>

                    <td><a href="">I</a>|</td>

                    <td><a href="">J</a>|</td>

                    <td><a href="">K</a>|</td>

                    <td><a href="">L</a>|</td>

                    <td><a href="">M</a>|</td>

                    <td><a href="">N</a>|</td>

                    <td><a href="">O</a>|</td>

                    <td><a href="">P</a>|</td>

                    <td><a href="">Q</a>|</td>

                    <td><a href="">R</a>|</td>

                    <td><a href="">S</a>|</td>

                    <td><a href="">T</a>|</td>

                    <td><a href="">U</a>|</td>

                    <td><a href="">V</a>|</td>

                    <td><a href="">W</a>|</td>

                    <td><a href="">X</a>|</td>

                    <td><a href="">Y</a>|</td>

                    <td><a href="">Z</a>|</td>

                </tr>

            </table>

        </center>

    </form>

    </body>

<html>

in the above code when ever i click on those hyperlinks the result shoud display below those hyper links. how to do it

regards

What results do you want to display? Where are they supposed to come from?

Apr 13 '07 #2

DutchKingCobra

Hi pal,
check this,

i think u will like it, let me know :)

Expand|Select|Wrap|Line Numbers

 
Quote:

Originally Posted by menmysql

hi to all
 
Code:
 
<html>

    <head>

        <link rel="stylesheet" href="./css/Form.css">

        <script language="javascript">

//Author : fjhdehoog

//    Employees Names A 

EmployeesNamesA=new Array();    

EmployeesNamesA[0]='Anthon';

EmployeesNamesA[1]='Andy';

EmployeesNamesA[2]='Allen';

EmployeesNamesA[3]='andre';     

//    Employees Names B

EmployeesNamesB= new Array(); 

EmployeesNamesB[0]='BEN';

EmployeesNamesB[1]='BILL';

EmployeesNamesB[2]='BART';

EmployeesNamesB[3]='BERNARD';

// and so on ....

EmployeesNamesC= new Array(); 

EmployeesNamesC[0]='charles';

EmployeesNamesC[1]='charly';

EmployeesNamesC[2]='chriss';

EmployeesNamesC[3]='carlo'; 
 
EmployeesNamesD= new Array(); 

EmployeesNamesD[0]='';

EmployeesNamesD[1]='';

EmployeesNamesD[2]='';

EmployeesNamesD[3]='';
 
EmployeesNamesE= new Array(); 

EmployeesNamesE[0]='';

EmployeesNamesE[1]='';

EmployeesNamesE[2]='';

EmployeesNamesE[3]='';  
 
EmployeesNamesF= new Array(); 

EmployeesNamesF[0]='';

EmployeesNamesF[1]='';

EmployeesNamesF[2]='';

EmployeesNamesF[3]='';  
 
EmployeesNamesG= new Array(); 

EmployeesNamesG[0]='';

EmployeesNamesG[1]='';

EmployeesNamesG[2]='';

EmployeesNamesG[3]=''; 
 
EmployeesNamesH= new Array(); 

EmployeesNamesH[0]='';

EmployeesNamesH[1]='';

EmployeesNamesH[2]='';

EmployeesNamesH[3]='';    
 
EmployeesNamesI= new Array(); 

EmployeesNamesI[0]='';

EmployeesNamesI[1]='';

EmployeesNamesI[2]='';

EmployeesNamesI[3]='';  
 
EmployeesNamesJ= new Array(); 

EmployeesNamesJ[0]='';

EmployeesNamesJ[1]='';

EmployeesNamesJ[2]='';

EmployeesNamesJ[3]=''; 
 
EmployeesNamesK= new Array(); 

EmployeesNamesK[0]='';

EmployeesNamesK[1]='';

EmployeesNamesK[2]='';

EmployeesNamesK[3]='';  
 
EmployeesNamesL= new Array(); 

EmployeesNamesL[0]='';

EmployeesNamesL[1]='';

EmployeesNamesL[2]='';

EmployeesNamesL[3]=''; 
 
EmployeesNamesM= new Array(); 

EmployeesNamesM[0]='';

EmployeesNamesM[1]='';

EmployeesNamesM[2]='';

EmployeesNamesM[3]=''; 
 
EmployeesNamesN= new Array(); 

EmployeesNamesN[0]='';

EmployeesNamesN[1]='';

EmployeesNamesN[2]='';

EmployeesNamesN[3]=''; 
 
EmployeesNamesO= new Array(); 

EmployeesNamesO[0]='';

EmployeesNamesO[1]='';

EmployeesNamesO[2]='';

EmployeesNamesO[3]='';
 
EmployeesNamesP= new Array(); 

EmployeesNamesP[0]='';

EmployeesNamesP[1]='';

EmployeesNamesP[2]='';

EmployeesNamesP[3]=''; 
 
EmployeesNamesQ= new Array(); 

EmployeesNamesQ[0]='';

EmployeesNamesQ[1]='';

EmployeesNamesQ[2]='';

EmployeesNamesQ[3]=''; 
 
EmployeesNamesR= new Array(); 

EmployeesNamesR[0]='';

EmployeesNamesR[1]='';

EmployeesNamesR[2]='';

EmployeesNamesR[3]=''; 
 
EmployeesNamesS= new Array(); 

EmployeesNamesS[0]='';

EmployeesNamesS[1]='';

EmployeesNamesS[2]='';

EmployeesNamesS[3]=''; 
 
EmployeesNamesT= new Array(); 

EmployeesNamesT[0]='';

EmployeesNamesT[1]='';

EmployeesNamesT[2]='';

EmployeesNamesT[3]=''; 
 
EmployeesNamesU= new Array(); 

EmployeesNamesU[0]='';

EmployeesNamesU[1]='';

EmployeesNamesU[2]='';

EmployeesNamesU[3]=''; 
 
EmployeesNamesV= new Array(); 

EmployeesNamesV[0]='';

EmployeesNamesV[1]='';

EmployeesNamesV[2]='';

EmployeesNamesV[3]=''; 
 
EmployeesNamesW= new Array(); 

EmployeesNamesW[0]='';

EmployeesNamesW[1]='';

EmployeesNamesW[2]='';

EmployeesNamesW[3]='';
 
EmployeesNamesX= new Array(); 

EmployeesNamesX[0]='';

EmployeesNamesX[1]='';

EmployeesNamesX[2]='';

EmployeesNamesX[3]=''; 
 
EmployeesNamesY= new Array(); 

EmployeesNamesY[0]='';

EmployeesNamesY[1]='';

EmployeesNamesY[2]='';

EmployeesNamesY[3]='';
 
EmployeesNamesZ= new Array(); 

EmployeesNamesZ[0]='';

EmployeesNamesZ[1]='';

EmployeesNamesZ[2]='';

EmployeesNamesZ[3]='';
 
//---------

//match clicked link to an array

//if link clicked with the id 0 (Zero) get array EmployeesNamesA 

//if link clicked with the id 1 get array EmployeesNamesB 

//and so on

// do not change-------------------------------------

MatchThis=new Array();

MatchThis[0]=EmployeesNamesA;

MatchThis[1]=EmployeesNamesB;

MatchThis[2]=EmployeesNamesC;

MatchThis[3]=EmployeesNamesD;

MatchThis[4]=EmployeesNamesE;

MatchThis[5]=EmployeesNamesF;

MatchThis[6]=EmployeesNamesG;

MatchThis[7]=EmployeesNamesH;

MatchThis[8]=EmployeesNamesI;

MatchThis[9]=EmployeesNamesJ;

MatchThis[10]=EmployeesNamesK;

MatchThis[11]=EmployeesNamesL;

MatchThis[12]=EmployeesNamesM;

MatchThis[13]=EmployeesNamesN;

MatchThis[14]=EmployeesNamesO;

MatchThis[15]=EmployeesNamesP;

MatchThis[16]=EmployeesNamesQ;

MatchThis[17]=EmployeesNamesR;

MatchThis[18]=EmployeesNamesS;

MatchThis[19]=EmployeesNamesT;

MatchThis[20]=EmployeesNamesU;

MatchThis[21]=EmployeesNamesV;

MatchThis[22]=EmployeesNamesW;

MatchThis[23]=EmployeesNamesX;

MatchThis[24]=EmployeesNamesY; 

MatchThis[25]=EmployeesNamesZ; 

//---------------------------------

function sHowEmployees(e){

//Thisobj=CatchE(e); == catch the current even

Thisobj=CatchE(e);

//empty the Employeeslist span

Employeeslist.innerHTML='';

//determine what link was clicked by id

for (XxX=0;XxX<=25;XxX++){

if (Thisobj.id==XxX){

//if the match has been found assign thislist as MatchThis[XxX] -- *example* MatchThis[0] equals EmployeesNamesA

Thislist=MatchThis[XxX]; 

//now write thislist from start to end to the Employeeslist span

for (Y=0;Y<Thislist.length;Y++){

Employeeslist.innerHTML+=Thislist[Y]+'<br>';

}//close for Y

}else{}

}// close for XxX
 
}//close func 

//function to catch an event

function CatchE(e){if(!e)e=event;return e.srcElement||e.target;}

//highlight     

function highlight(e){

Thisobj=CatchE(e);

Thisobj.style.color='white';

Thisobj.style.backgroundColor='black';

Thisobj.style.cursor='pointer';     

}

//lowlight 

function lowlight(e){

Thisobj=CatchE(e);

Thisobj.style.color='black';

Thisobj.style.backgroundColor='white';

}

    </script>

    </head>

    <body id="body">

    <h1><center>Welcome To Admin Page</center></h1>

    <h3>Click here to display all the employees</h3>

    <div style="text-align: center">TO test Select A ,B ,C . the rest is blank</div>

    <form name="f1">

        <center>

            <table>

                <tr>

                    <td><a id="0" onmouseover="highlight(event)" onmouseout="lowlight(event)" onclick="sHowEmployees(event)">A</a>|</td>

                    <td><a id="1" onmouseover="highlight(event)" onmouseout="lowlight(event)" onclick="sHowEmployees(event)">B</a>|</td>

                    <td><a id="2" onmouseover="highlight(event)" onmouseout="lowlight(event)" onclick="sHowEmployees(event)">C</a>|</td>

                    <td><a id="3" onmouseover="highlight(event)" onmouseout="lowlight(event)" onclick="sHowEmployees(event)">D</a>|</td>

                    <td><a id="4" onmouseover="highlight(event)" onmouseout="lowlight(event)" onclick="sHowEmployees(event)">E</a>|</td>

                    <td><a id="5" onmouseover="highlight(event)" onmouseout="lowlight(event)" onclick="sHowEmployees(event)">F</a>|</td>

                    <td><a id="6" onmouseover="highlight(event)" onmouseout="lowlight(event)" onclick="sHowEmployees(event)">G</a>|</td>

                    <td><a id="7" onmouseover="highlight(event)" onmouseout="lowlight(event)" onclick="sHowEmployees(event)">H</a>|</td>

                    <td><a id="8" onmouseover="highlight(event)" onmouseout="lowlight(event)" onclick="sHowEmployees(event)">I</a>|</td>

                    <td><a id="9" onmouseover="highlight(event)" onmouseout="lowlight(event)" onclick="sHowEmployees(event)">J</a>|</td>

                    <td><a id="10" onmouseover="highlight(event)" onmouseout="lowlight(event)" onclick="sHowEmployees(event)">K</a>|</td>

                    <td><a id="11" onmouseover="highlight(event)" onmouseout="lowlight(event)" onclick="sHowEmployees(event)">L</a>|</td>

                    <td><a id="12" onmouseover="highlight(event)" onmouseout="lowlight(event)" onclick="sHowEmployees(event)">M</a>|</td>

                    <td><a id="13" onmouseover="highlight(event)" onmouseout="lowlight(event)" onclick="sHowEmployees(event)">N</a>|</td>

                    <td><a id="14" onmouseover="highlight(event)" onmouseout="lowlight(event)" onclick="sHowEmployees(event)">O</a>|</td>

                    <td><a id="15" onmouseover="highlight(event)" onmouseout="lowlight(event)" onclick="sHowEmployees(event)">P</a>|</td>

                    <td><a id="16" onmouseover="highlight(event)" onmouseout="lowlight(event)" onclick="sHowEmployees(event)">Q</a>|</td>

                    <td><a id="17" onmouseover="highlight(event)" onmouseout="lowlight(event)" onclick="sHowEmployees(event)">R</a>|</td>

                    <td><a id="18" onmouseover="highlight(event)" onmouseout="lowlight(event)" onclick="sHowEmployees(event)">S</a>|</td>

                    <td><a id="19" onmouseover="highlight(event)" onmouseout="lowlight(event)" onclick="sHowEmployees(event)">T</a>|</td>

                    <td><a id="20" onmouseover="highlight(event)" onmouseout="lowlight(event)" onclick="sHowEmployees(event)">U</a>|</td>

                    <td><a id="21" onmouseover="highlight(event)" onmouseout="lowlight(event)" onclick="sHowEmployees(event)">V</a>|</td>

                    <td><a id="22" onmouseover="highlight(event)" onmouseout="lowlight(event)" onclick="sHowEmployees(event)">W</a>|</td>

                    <td><a id="23" onmouseover="highlight(event)" onmouseout="lowlight(event)" onclick="sHowEmployees(event)">X</a>|</td>

                    <td><a id="24" onmouseover="highlight(event)" onmouseout="lowlight(event)" onclick="sHowEmployees(event)">Y</a>|</td>

                    <td><a id="25" onmouseover="highlight(event)" onmouseout="lowlight(event)" onclick="sHowEmployees(event)">Z</a>|</td>

                </tr>

            </table>

        </center> 

            </form>     

            <span id="Employeeslist"></span>

    </body>

<html>

peace
dkc

Apr 13 '07 #3

menmysql

thanks for your reply

i want to do it in jsp what changes i have to do

Apr 14 '07 #4

DutchKingCobra

hmmm,
in jsp heh.
im not into jsp so i cant help u.
im planning to study jsp,
but first i must finish visual basic!
well happy coding pal.

peace

Apr 14 '07 #5

menmysql

thnakyou

all the best for you

regards

Apr 16 '07 #6

r035198x

13,262

8TB

thnakyou

all the best for you

regards

You will need to explain more on what you want to do in JSP.

Apr 16 '07 #7

menmysql

yes i can,

in my jsp page there exist hyper links from "A" to "Z" and when ever i click on any one of the letter once again it calls itself with a parameter as that clicked character.while loading i get the value which is passed through hidden field and executes a sql command and the result is plcaed below those hyper links.

regards

Apr 16 '07 #8

acoder

16,027

Expert Mod 8TB

Changed thread title.

Apr 16 '07 #9

by: deko | last post by:

I store hyperlinks as text in a table like this: Invoice11-21-2003.pdf#file://P:\Finance\PrefVendors\Receipts\Invoice11-21-20 03.pdf I need to run a report that lists the documents - or...

Microsoft Access / VBA

Clicking on Hyperlink question

by: Salad | last post by:

If I create a field as a hyperlink, Access will open the hyperlink if I single click it. Is there a method within the operating system that would tell access to only open the hyperlink if...

Microsoft Access / VBA

Web Form display messed up on different computers

by: dale zhang | last post by:

Hi, I build a web form with a 4-cell table on the top (flawlayout), followed by some labels and textboxes (gridlayout). The web form is displayed well in dell m60 laptop with all resolution...

C# / C Sharp

datagrid - get the row's column value when clicking on a hyperlink cell

by: vndaxanh | last post by:

Hi everyone, I have an aspx page with a datagrid column which bound to a dataset at page_load. It contains 2 columns, Key and Hyperlink. What I want to do is when I click on the hyperlink it...

ASP.NET

Formatting/Display in a DataGrid

by: Stephen | last post by:

Hi, Is there anyway I can make a column thats databound into a hyperlink to navigate to another page? Suppose I have 3 columns: SortOrder, Description, UserName for eg: <Columns>...

ASP.NET

how to open a web form in new IE window on clicking hyperlink with NO scrollbars, status bar and toolbar?

by: loga123 | last post by:

I am using asp .net 2.0. I have a hyperlink asp control on my web page page1.aspx. On clicking this hyper;link, I would like to open page2.aspx (which is in the same web application) in a new IE...

ASP.NET

problem display:none/block divs via JavaScript

by: cssExp | last post by:

hello, Rather than going on a wild explanation on what's the the problem, it'll be much quicker and easier if i let you look at it yourself, so I'll post my page source (actual contents taken out,...

Javascript

MS Access Report - Display a photo found at a Hyperlink URL

by: NJonge01 | last post by:

Greetings, I've read some great advice on similar topics, just nothing matching exactly what I'm trying I'm pretty close I think on making this work, but note quite there. I want to print a...

Microsoft Access / VBA

display mysql records for a hyperlink

by: mramsay | last post by:

Hi there, I have a dynamic hyperlink Baseball. When the user select the hyperlink they are redirected to another page. After that I want to display information on the page from my linkstbl. ...

ASP / Active Server Pages

Wordpress or something else?

by: Faith0G | last post by:

I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

Content Management Systems

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

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++

Display results on clicking hyperlink

Similar topics