Display results on clicking hyperlink

**r035198x** · Apr 13 '07, 10:13 AM

Originally posted by menmysql

hi to all

Code:

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

**DutchKingCobra** · Apr 13 '07, 01:07 PM

Hi pal,
check this,

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

Code:

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

**menmysql** · Apr 14 '07, 08:49 AM

thanks for your reply

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

**DutchKingCobra** · Apr 14 '07, 11:50 AM

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

**menmysql** · Apr 16 '07, 04:35 AM

thnakyou

all the best for you

regards

**r035198x** · Apr 16 '07, 07:18 AM

Originally posted by menmysql

thnakyou

all the best for you

regards

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

**menmysql** · Apr 16 '07, 07:39 AM

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

**acoder** · Apr 16 '07, 11:03 AM

Changed thread title.

Display results on clicking hyperlink

Display results on clicking hyperlink

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment