What the......

[Forzacaesar]

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..

[konithomimo]

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')"

[Forzacaesar]

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..

[konithomimo]

First off change name= to id= and then do the following:

1. Create the basic iframe. I will use English as the default:

<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:

<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.