Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

javascript help

Status
Not open for further replies.
jerrelle630

jerrelle630

Technical User
Joined
Jan 16, 2006
Messages
5
Location
US
i am creating a roster page for a wretling website. now on the page i have the thumbnails with a static background. rollover them and they turn clear, easy enough. on the right i have an area with 2 boxes, on the top i want the name of the thumbnail to pop up when you roll over thge thumbnal itself. now when you click on the thumbnail i want a larger image to appear in the top and the bio to appear at the bottom. any tips or javascripts to make this a little easier?
 
Sort by date Sort by votes
What have you got so far?


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
O Time, Strength, Cash, and Patience! [infinity]
 
Upvote 0 Downvote
as far as i can see, i would have to make a seperate html document for each image and bio to appear when you click on the thumbnail. how ever, i'm still having issues with making the roll over on the thumbnail AND have a name appear in the iframe at the same time.
 
Upvote 0 Downvote
Obviously, you're working on the assumption that user's have JavaScript enabled. That's okay if that's what you want. Just keep in mind it might not be true for everyone.

You can dynamically build the image pages as:
Code: 
<img name='thumbnail_player_55' onclick='loadIframes(55)' />

...

<script>
function loadIframes(playerNo)
{
 var d = document.frames['pictureIframe'].document;
 d.open();
 d.write("<html><body><img src='/images/player_"+playerNo+"' /></body></html>");
 d.close();
}
</script>

Let's start with that. Can you get something like that working?

Dave


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
O Time, Strength, Cash, and Patience! [infinity]
 
Upvote 0 Downvote
so i have loaded the script and i have replaced "img name='thumbnail_player_55' onclick='loadIframes(55)'" with directory "img name='jeffjarrett.html' onclick='loadIframes(jeffjarrett.html)'" however when i preview, there is only the tag showing where the script would be located. am i loading it improperly or do i need to put in the entire directory?
 
Upvote 0 Downvote
The jeffjarrett.html in the call to loadIframes should be in quotes. You're sending it as a String. Careful of quotes-in-quotes. Try again and report back. Let's see some actual code (both from the page... the IMG tag and IFRAME tag... and the SCRIPT section).

Dave


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
O Time, Strength, Cash, and Patience! [infinity]
 
Upvote 0 Downvote
Also, if you're going with a pre-built jeffjarret.html page, for example, you can change the script to:

Code: 
<script>
function loadIframes([red]loc[/red])
{
 document.frames['pictureIframe'].document.location = loc;
}
</script>

How's it coming?

Dave


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
O Time, Strength, Cash, and Patience! [infinity]
 
Upvote 0 Downvote
i have tried <script><img name='jeffjarrett.html' width="254" height="174" onclick='loadIframes ("jeffjarrett.html")'</script> with the jarrett document in different tags and still no results. call me script deficient.

this is what i have so far, no editting from your original because i'm just trying to get the first one loaded before i add the rest of the bios.

<img name='jeffjarrett.html' width="254" height="174" onclick='loadIframes ("jeffjarrett.html")' />

...

<script>
function loadIframes(playerNo)
{
var d = document.frames['pictureIframe'].document;
d.open();
d.write("<html><body><img src='/images/player_"+playerNo+"' /></body></html>");
d.close();
}
</script>
 
Upvote 0 Downvote
<script><img name='jeffjarrett.html' width="254" height="174" onclick='loadIframes ("jeffjarrett.html")'</script>
Click to expand...

You wouldn't put SCRIPT tags around the IMG tag. The IMG tag goes in the body of your document (wherever the thumbnail is to be... I assume you've got that already).

Change the JavaScript function to the one I posted last and see if that helps.

Dave


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
O Time, Strength, Cash, and Patience! [infinity]
 
Upvote 0 Downvote
the script tag was me being lazy and not deleting it. thank you for your help, the second script works great. thanks alot, i have been racking my brain all day trying to figure it out. thanks a million.
 
Upvote 0 Downvote
'glad to be of service! I'm sure you can figure out the bio-part with the information you have now.

Have a great day!

Dave


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
O Time, Strength, Cash, and Patience! [infinity]
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

lexer
  • Locked
  • Question Question
Passing fields from (html-JavaScript) table to JavaScript Function
Replies
0
Views
1K
lexer
lexer
Mike Lewis
  • Locked
  • Question Question
Anyone here got any experience of Grid.JS (a sortable Javascript grid)
Replies
5
Views
2K
Mike Lewis
Mike Lewis
JScannell
  • Locked
  • Question Question
Javascript events
Replies
1
Views
636
Daniel K
Daniel K
Marclem
  • Locked
  • Question Question
javascript:navigator.registerProtocolHandler
Replies
1
Views
650
Marclem
Marclem
JScannell
  • Locked
  • Question Question
Javascript issue on iPhone/iMac platforms
Replies
0
Views
952
JScannell
JScannell

Part and Inventory Search

Sponsor

Back
Top