Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
  1. #1
    Junior Member
    Join Date
    Oct 2010
    Posts
    17
    Member #
    24485
    Hi guys,

    I am having a problem. What I'm trying to do is have a set of thumbnail images in a frameset and I want another frameset to tile the image chosen in another framset.

    Is it possible to have the thumbs in the same frame but not be affect when the backgroung changes. I would like all the thumbs to be visible but a part of the page to tile the image chosen.

    Thanks

  2.  

  3. #2
    Member JayWood's Avatar
    Join Date
    Oct 2010
    Location
    East Coast U.S.
    Posts
    55
    Member #
    24240
    How many frames do you have? Your description is a little confusing, but here's what I got from it.

    You have three framesets, yet by definition a frameset is, "...a container element to hold a collection of frames." If that's true, why do you have more than one frameset? And how many frames per set?

    Unless you ment something like this:
    HTML Code:
    <frameset>
       <frame src="SomePage.html">
       <frame src="SomePage2.html">
    </frameset>
    In Example #2 you have ONE frameset, and two frames. Therefore if your site looks similar to example #2, then I would suggest javascript calls via the jQuery URL parser. Pass the value via a link to the other frame and have the second frame load the corresponding image.
    Don't forget to Rep people if they've helped you, it's just the right thing to do.
    My Site - JJ's Webs
    My oDesk Profile - Hire me on oDesk
    My Themeforest Profile - Just for you TF people!

  4. #3
    Junior Member
    Join Date
    Oct 2010
    Posts
    17
    Member #
    24485
    Hi Jay,

    Yes, sorry, I meant to say, that I want the content (an image for example) of one frame to change the content (another image) of part of the other frame.
    So if I click an image in frame1 it wil replace the image of the one in frame2.



    Also if I had an set of images in a frame would it be possible to make them appear (onmouseclick) in the <body> part which is surround by the frames?

    Thanks

  5. #4
    Member JayWood's Avatar
    Join Date
    Oct 2010
    Location
    East Coast U.S.
    Posts
    55
    Member #
    24240
    I honestly haven't used framesets in a few years. Therefore I'm kind of clueless when it comes to something like this. However, I believe the framesets have names, and therefore you can use the target attribute according to the documentation from W3C.

    Lets say the frameset is like so:
    HTML Code:
    <frameset>
         <frame name="frameOne" src="somePage.html">
         <frame name="frameTwo" src="somePage2.html">
    </frameset>
    Say that somePage.html is like this:
    HTML Code:
    <html>
    <head>
    <title>Just a Title</title>
    </head>
    <body>
       <a href="somePage2.html" target="frameTwo"><img src="img.jpg"></a>
    </body>
    </html>
    Then somePage2.html is like this:
    HTML Code:
    <head>
    <title>Just a Title</title>
    </head>
    <body>
       <span id="imgContainer">&nbsp;</span>
    </body>
    </html>
    Notice the target declaration in example 2. That means when you click "img.jpg" it will load the link contained in the anchor in the target frame, which is "frameTwo" as defined by the frameset name attribute. I'm sure you already know how to make links in frames, so I won't go on about that.

    However, there is an interesting thing you need to do here, it's javascript. By the grace of google, here's a site that tells you how to get URL parameters for use in javascript code.

    Once you decipher the code and get the required value, you can change the image, via jQUery, to any image you want based on the retrieved value. So lets say that instead of the link on somePage.html be somePage2.html, it could be the following:

    HTML Code:
    <a href="somePage2.html?n=newImg" target="pageTwo"><img src="img.jpg"></a>
    Just extract the value (n) from the url and append the appropriate extension and you're good to go.

    If you can't go on from there or are just totally confused after looking at the code, I can write you a little tutorial when I get home in a few hours.

    As a side note to any other web devs out there, I know the above code has compliance issues such as no DTD or even meta tags, these were left out for brevity and should be looked over.
    Don't forget to Rep people if they've helped you, it's just the right thing to do.
    My Site - JJ's Webs
    My oDesk Profile - Hire me on oDesk
    My Themeforest Profile - Just for you TF people!


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Search tags for this page

button hover html code and frameset

,

css over frame

,

hover frame html

,

on hover frame html

Click on a term to search for related topics.
All times are GMT -6. The time now is 05:26 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com