Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Click on Image/Open info in different Table on same page!

Posted on 2003-11-20
8
Medium Priority
?
262 Views
Last Modified: 2013-12-24
I have two tables on the same page. Nothing real elaberate. The top table has the page info and several smaller images that when "clicked" will display their info. How do I get the smaller image's info to display in the second table without it reloading the page?

thanxx
0
Comment
Question by:elixxer
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
8 Comments
 
LVL 31

Expert Comment

by:seanpowell
ID: 9790788
Can you post the code for what you have now, so we can look at the best way to add that functionality?
0
 
LVL 14

Expert Comment

by:hhammash
ID: 9790938
Hi,

You can do it in two ways (without programming)

Method 1
-----------
On the same page you will have the table that has the images and underneath it the table that will display the information of the image.

Make each table as a DRW,  the second table which will display the info will be a DRW that is waiting for the info from the hyperlink.  When you click on the picture the second DRW (the table which will display info) will display the information.

In the Picture Hyperlink include a parameter so when clicked,  the destination will be the same page.  www.pagename?id=900

Method 2
----------
Create the second table (DRW) on a separate page and call it Details.asp

Go back to the first page that has the table with the images and go under the table and insert an Inline Frame:  Insert>Inline Frame

Set the Inline Frame properties to display Details.asp page. The picture hyperlink should have parameters holding info that the second DRW is waiting for.

You can remove the Inline frame borders and  you can make it look like a part of the page. You can extend it Vertically and Horizontally to be able to hold the entire page,  in this case the scroll bars will not appear.

Regards
hhammash
0
 
LVL 23

Expert Comment

by:Saqib Khan
ID: 9797850
Very Easy Approach.
Code is Really simple and Easy to Modify.
Give it a Try and let me know if you have any questions.
(Copy and paste into notepad, Save as .html to see this Code in action).

<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<Script>
// Define HTML for your imgaes information

html_1 = "<b>You Clicked Image1</b>"
html_2 = "<b>You Clicked Image 2!</b>"

function info(whi, i)      {

// whi is the ID name <div> within your table, and i is the index WHICH html variable you want to assign

document.getElementById(whi).innerHTML = eval("html_"+i)
document.getElementById(whi).innerHTML = eval("html_"+i)

}

// See below how the function is been used.

</Script>
</head>

<body>

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
  <tr>
    <td width="50%"><a href="javaScript:info('info', 1)">Image 1 info</a></td>
    <td width="50%"><a href="javaScript:info('info', 2)">Image 2 Info</a></td>
  </tr>

</table><br>
<table border="3" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#800000" width="100%" id="AutoNumber2">
  <tr>
    <td width="100%"><div id="info">Select a Image</div></td>
  </tr>
</table>

</body>

</html>
0
Understanding Web Applications

Without even knowing it, most of us are using web applications on a daily basis. Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We often confuse these web applications tools for websites.  So, what is the difference?

 

Author Comment

by:elixxer
ID: 9875431
Please close. Currently I will not be needing this as I am not going to use it.
0
 
LVL 23

Expert Comment

by:Saqib Khan
ID: 11050810
But what about Expert's input. this means we were just wasting our time when we were trying to help him/her?
0
 
LVL 29

Expert Comment

by:coreybryant
ID: 11050844
Asker did request to close this question 5 months ago with no input at that time from anyone.

-Corey
0
 
LVL 29

Accepted Solution

by:
coreybryant earned 0 total points
ID: 11089875
force accept
coreybryant
FP Page Editor
0

Featured Post

Looking for a new Web Host?

Lunarpages' assortment of hosting products and solutions ensure a perfect fit for anyone looking to get their vision or products to market. Our award winning customer support and 30-day money back guarantee show the pride we take in being the industry's premier MSP.

Question has a verified solution.

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

Now that Expression Web 4.0 (http://www.microsoft.com/expression/products/Upgrade.aspx) is free if you buy or have the full version of Expression Web 3.0, now is the best time to  migrate from FrontPage to Expression Web (http://www.frontpage-to-exp…
Dramatic changes are revolutionizing how we build and use technology. Every company is automating, digitizing, and modernizing operations. We need a better, more connected way to work together as teams so we can harness the insights from our system…
The purpose of this video is to demonstrate how to make a WordPress Site faster and smaller in size by cleaning up the database. This will be demonstrated using a Windows 8 PC. Plugin WP Optimize will be used. Go to your WordPress login page. T…
The purpose of this video is to demonstrate how to reset a WordPress password if you are locked out and cannot reset the password. A typical use would be if you cannot access the email to which WordPress would send the password recovery email to…

722 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