www.webdeveloper.com
Results 1 to 4 of 4

Thread: What the......

  1. #1
    Join Date
    Feb 2006
    Posts
    2

    What the......

    Hi guys,

    First a short introduction. I have been promoting an adult web site, and now they have given me the oppurtunity to start my own site. Since I just started with informatica / webdesign courses, i thought it would be a good addition to put the theory into practice.

    Anyway..
    i dont think that I can give the link to the site. That might be against the forum rules... so I better describe my first problem in detail. Hope I wont bore you guys..


    I had to integrate the webcams in iframes. Ofcourse there are cammodels who speak different languages. We distinct them in english, french, german , italian and spanish.

    The main page consists:
    of navigation section, online section in which the iframe is integrated, and section of offline cams in which also iframe is integrated.

    Now i completely understand on how I can change the iframe in order for it to show for example "girls only" when you press a relevant button of it on the navigation section.

    however this means that I have to create like more than 10 htmls pages, all similar, but with a few adjustment to the iframe: like for example "show_lang=IT" , just to show italian speaking cammodels only.

    Needless to say that this does cost additional bandwith.. and when i need tio update the site, then it would mean that I need to change every single page, in order to let view the change.

    So what I am trying to do is a simplification.
    i have seen it elsewhere on a site..

    my situation:
    girls only, males only, couples only, italian speaking only.. etc..
    every "option" has a relevant image on which you can click
    and every button leads to a html page, looking similar, but with only a slight iframe adjustment inside online and offline section.


    Now I manage to dot he following..

    from navigation section:

    <p align="center"><a href="http://www.*****.com/ensiteIT.php"> <img src="/ENimages/italianonly.jpg" border="0" align="absmiddle"/></a></p>

    example above is old style
    change into:
    by putting the iframe of the online section..

    <p align="center"><a href="http://*****.com/front_v3/home.php?ref=***&category=10&rows=06&online_only=1&dark=1&lang=IT&single_lang=1&columns=5&status_pic =1&fontcolor=CACCDA&framecolor=CACCDA&show_age=1&show_profile=1&page_numbers=1&limit=10&bgcolor=b975 75&table_width=570&table_height=800&use_css=0&titlecolor=6D1716&fontcolor=CCCDD2&framecolor=02011A" width=600 height=800 scrolling=no frameborder=0><img src="/ENimages/italianonly.jpg" border="0" align="absmiddle"/></a></p>


    result..

    i only get to see the italian speaking cammodels..
    but it fills the entire page..

    so.. the layout of the site, "topbanner, navigation section, offline section"
    are ofcourse NOT shown.. the other tables..

    How can I ensure that within the navigation section, I can address changes to the iframe related to the online section, and still keep the entire page layout.

    A different promotor, even solved the problem without using additional buttons, but simply in his navigation section by using.. see image.. (no need for additional buttons and or pages.. which is even more better. But i dont have a clue how I could even setup such a feature similar as seen in the picture)

    http://img.photobucket.com/albums/v3...Nostrum/c1.jpg


    any help..

    i know its difficult to answer the question, without seeing the site. But if you would like to have visual check of my problem and its inefficiency, then i can send the link by means of Private message. Or provide more detailed info regarding problem here..
    Last edited by Forzacaesar; 02-21-2006 at 08:58 AM.

  2. #2
    Join Date
    Jan 2005
    Posts
    3,067
    A link redirects the page location to whatever href you give it. To make it change the location of an IFrame you must give the IFrame an ID and set the target attribute of the link to that IFrame. To do so add the following to your link tag, with 'myiframe' replaced with the ID that you give your IFrame.

    target="document.getElementById('myiframe')"

  3. #3
    Join Date
    Feb 2006
    Posts
    2
    First of all thnx for your reply..

    So in order to make the iframe change occur in the existing "iframe online section", I need to name that iframe first..

    i think its done ok like this:
    this is the relevant iframe inside the table "who is online"


    <iframe name="Frame1" src="http://*****.com/front_v3/home.php?ref=**&category=10&rows=10&online_only=1&lang=EN&dark=1&columns=5&status_pic=1&fontcolor=CACCDA&framecolor=CACCDA&show_age=1&show_profile=1&page_num bers=1&limit=10&bgcolor=b97575&table_width=570&table_height=1250&use_css=0&titlecolor=6D1716&fontcol or=CCCDD2&framecolor=02011A" width=600 height=1250 scrolling=no frameborder=0></iframe>

    so this is frame is now named Frame 1..
    and it it current stage would show all people who can speak english..
    -------------------------------------------------------

    on my navigation section, there is an image with basically the Italian flag on it. so when you click on it, i want the already existing iframe in the online section to change into...

    <iframe name="Frame1" src="http://*****.com/front_v3/home.php?ref=**&category=10&rows=10&online_only=1&lang=IT&dark=1&columns=5&status_pic=1&fontcolor=CACCDA&framecolor=CACCDA&show_age=1&show_profile=1&page_num bers=1&limit=10&bgcolor=b97575&table_width=570&table_height=1250&use_css=0&titlecolor=6D1716&fontcol or=CCCDD2&framecolor=02011A" width=600 height=1250 scrolling=no frameborder=0></iframe>


    and this change should occur then in the existing box already, not that another page is shown..

    -------------------------------------------

    currently.. the italian flag image is being shown in the site
    ..without any "command to change iframe"

    <p align="center"><img src="/ENimages/italianonly.jpg" border="0" align="absmiddle"/></a></p>

    ---------------------------------------------

    so how should it look like then.. if I would use your comment..
    in order to add the target..
    i tried a few ways.. to incorporate your advice.. but failed horribly..
    Last edited by Forzacaesar; 02-21-2006 at 11:07 AM.

  4. #4
    Join Date
    Jan 2005
    Posts
    3,067
    First off change name= to id= and then do the following:

    1. Create the basic iframe. I will use English as the default:
    Code:
    <iframe id="Frame1" src="http://*****.com/front_v3/home.php?ref=**&category=10&rows=10&online_only=1&lang=EN&dark=1&columns=5&status_pic=1&fontcolor=CACCDA&framecolor=CACCDA&show_age=1&show_profile=1&page_numbers=1&limit=10&bgcolor=b97575&table_width=570&table_height=1250&use_css=0&titlecolor=6D1716&fontcolor=CCCDD2&framecolor=02011A" width=600 height=1250 scrolling=no frameborder=0></iframe>
    2. Create your italian image as a link:
    Code:
    <p align="center"><a href="http://*****.com/front_v3/home.php?ref=**&category=10&rows=10&online_only=1&lang=IT&dark=1&columns=5&status_pic=1&fontcolor=CACCDA&framecolor=CACCDA&show_age=1&show_profile=1&page_numbers=1&limit=10&bgcolor=b97575&table_width=570&table_height=1250&use_css=0&titlecolor=6D1716&fontcolor=CCCDD2&framecolor=02011A" target="parent.document.getElementById('Frame1')"><img src="/ENimages/italianonly.jpg" border="0" align="absmiddle"/></a></p>
    In order to make it work properly you might need to use parent., as I did above. that should work though. without seeing the basic outline i cannot say for sure though.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles