Wrox Programmer Forums

Need to download code?

View our list of code downloads.

Go Back   Wrox Programmer Forums > Web Programming > JavaScript > Javascript How-To
Password Reminder
Register
Register | FAQ | Members List | Calendar | Search | Today's Posts | Mark Forums Read
Javascript How-To Ask your "How do I do this with Javascript?" questions here.
Welcome to the p2p.wrox.com Forums.

You are currently viewing the Javascript How-To section of the Wrox Programmer to Programmer discussions. This is a community of tens of thousands of software programmers and website developers including Wrox book authors and readers. As a guest, you can read any forum posting. By joining today you can post your own programming questions, respond to other developersí questions, and eliminate the ads that are displayed to guests. Registration is fast, simple and absolutely free .
DRM-free e-books 300x50
Reply
 
Thread Tools Display Modes
  #1 (permalink)  
Old February 7th, 2006, 05:48 PM
jxn jxn is offline
Registered User
 
Join Date: Feb 2006
Location: , , .
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
Default Using innerHTML to display contents of other pages

I'm open to suggestions on other ways to accomplish this, but right now I'm trying to use innerHTML to do the following:

I have a page in a frame that lists artists/bands in a form something like this:
Code:
<div onClick="showAlbum(artist1)">Artist 1</div><div id="artist1"></div>
<div onClick="showAlbum(artist2)">Artist 2</div><div id="artist2"></div>
etc.
etc.
the showAlbum() function replaces the empty div after each artist with a list of their albums and tracks in the database. The problem is that from this loooong list of artists (some thousands of them) only one or two artists are ever going to be clicked at one time, so I don't want to spend the resources loading the artists + thousands more albums + tens of thousands (roughly 40,000) tracks into hidden <div> tags in advance. However, I still want to display the albums inline (not in a separate iframe). If there is some way to include a <div> from an unloaded page, I'd love to be able to do that. Something that could use document.getElementById('albumList') from some page albumList.php?artist1 and insert it into innerHTML or something like that would be unbelievably good.

so, anyone know of a way to do this with javascript (and/or php)?

Reply With Quote
  #2 (permalink)  
Old February 9th, 2006, 12:37 AM
Friend of Wrox
 
Join Date: Oct 2004
Location: delhi, delhi, India.
Posts: 553
Thanks: 0
Thanked 1 Time in 1 Post
Send a message via MSN to vinod_yadav1919 Send a message via Yahoo to vinod_yadav1919
Default

Hii jxn!!

Offcourse you can do this with javascript,
plz try the code.
Note:-since you want to show image when user click on the artists name,you need to pass id value i.e. id1,id2 where you want to show actual image.
Hope this will help you
 <script>
function clickit(imgname)
{

obj=document.getElementById("id1")

//create a tempobject
tempimg=document.createElement("img")
tempimg.src=imgname

//tempimg.src can be either to local folder or any other sites
//tmpimg.src="text.gif"
//in case of local files
//tmpimg.src="http://anyothersite1919.com/foldername/imagename.gif"
// in case of other websites-servers

obj.src=imgname
obj.height=tempimg.height
obj.width=tempimg.width

}
</script>


<table>
</tr>
  <tr><td>
<img id="id1" src="" width="38" height="76" border="0" ></td>
       <td width="100%">&nbsp;</td>
       <td>test</td>
 </tr>
</table>

<a href="javascript:clickit('img1.jpg')">View Image1</a> <br>
<a href="javascript:clickit('img2.jpg')">View Image2</a> <br>
<a href="javascript:clickit('img3.gif')">View Image3</a> <br>
<a href="javascript:clickit('img4.gif')">View Image4</a> <br>
<a href="javascript:clickit('img5.gif')">View Image5</a> <br>
<a href="javascript:clickit('img6.gif')">View Image6</a> <br>
<a href="javascript:clickit('img7.gif')">View Image7</a> <br>


Cheers :)

vinod
Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are Off
Pingbacks are On
Refbacks are Off

Similar Threads
Thread Thread Starter Forum Replies Last Post
How does one display data in pages? crabjoe Classic ASP Basics 2 November 29th, 2007 10:00 PM
How to display the arraylist contents into a table yzlin04 ASP.NET 2.0 Basics 2 July 27th, 2007 06:23 AM
display contents from aspx in IE thas123 ASP.NET 2.0 Basics 0 March 25th, 2007 02:54 AM
VBA Script to search fields and display contents Jwill1014 Access VBA 8 June 2nd, 2005 07:33 AM
Can't Get ASP pages to display aac Classic ASP Databases 5 July 16th, 2003 05:55 PM



All times are GMT -4. The time now is 01:56 AM.


Powered by vBulletin®
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.
© 2013 John Wiley & Sons, Inc.