GreyFaerie
10-10-2003, 09:28 PM
Ok... this is driving me absolutley CRAZY! Unfortunatly the only way i can explain this is if you look at the page i am having trouble with which is called 'Pet Colours'...its at www.playingwithfaeries.com/PetColours.htm . anyway, as you can see i have two sets of forms, i would like to draw attention to the second set which is labled 'petpet colours'. Ok... in the first drop down menu that should show 'Show Petpet' I have used an onchange code so when you make a selection the page loads with you having to press GO!, and the page (which happens to be an image) loads in the iframe to the left. here is the code i have used for it ...
<iframe src="/images/PetPetColoursBanner.jpg" scrolling="no" name="petpets" width="122" height="115" marginwidth='21' marginheight='17.5'>
</iframe> </td>
<td width="181" valign="top">
<table width="179">
<tr>
<td height="52" align="center" valign="top">
<form method="post" target="petpets" action="">
<select name="select2" onchange="top.petpets.location.href = this.options[this.selectedIndex].value;">
<option value="none" selected>Show Petpet</option>
<option value="none"> - - - - - </option>
<OPTION VALUE="http://images.neopets.com/items/scarypet_abnormal_snowball.gif">Abominable Snowball</option>
....
Well... as you can see on that page the code works perfect. When you make a selection the image automatically loads into the correct iframe. this is my problem : goto www.playingwithfaeries.com , as you can see my whole site loads in an iframe. you can get to the Pet Colours page under the 'Guides' heading in the link 'Pet Colours' .... now for some STRANGE reason the code will NOT work now. obviously this has to do with the fact that the page loads in an iframe... can you please tell me what i'm doing wrong? thanks so much!
I hope that i explained this well... if not let me know and i will try my best to elaborate a little more. i hope actually seeing my page helps.
<iframe src="/images/PetPetColoursBanner.jpg" scrolling="no" name="petpets" width="122" height="115" marginwidth='21' marginheight='17.5'>
</iframe> </td>
<td width="181" valign="top">
<table width="179">
<tr>
<td height="52" align="center" valign="top">
<form method="post" target="petpets" action="">
<select name="select2" onchange="top.petpets.location.href = this.options[this.selectedIndex].value;">
<option value="none" selected>Show Petpet</option>
<option value="none"> - - - - - </option>
<OPTION VALUE="http://images.neopets.com/items/scarypet_abnormal_snowball.gif">Abominable Snowball</option>
....
Well... as you can see on that page the code works perfect. When you make a selection the image automatically loads into the correct iframe. this is my problem : goto www.playingwithfaeries.com , as you can see my whole site loads in an iframe. you can get to the Pet Colours page under the 'Guides' heading in the link 'Pet Colours' .... now for some STRANGE reason the code will NOT work now. obviously this has to do with the fact that the page loads in an iframe... can you please tell me what i'm doing wrong? thanks so much!
I hope that i explained this well... if not let me know and i will try my best to elaborate a little more. i hope actually seeing my page helps.