iFrame issue [Archive] - WebDeveloper.com

Click to See Complete Forum and Search --> : iFrame issue

lordofdavipers

09-13-2007, 03:30 AM

At a website i work on we have a contact page that has an iframe. the links above it will open the desired form in the iframe window (i.e. tech support, staff contact, etc.). However, our individual staff contact link, while it opens in the iframe, if you try to click any of the other links again and try to open them in the iframe, they open in a new window. ????????

I dont know if that made complete sense, but try it on the contact page. click link-by-link (from tech support to indiv. staff cont.) and do it again the second time and watch them open in a new window. (you have to refresh the contact page to "fix" it)

http://christians4life.net/main/contact.htm

Please let me know if you know the source for this issue.

thanks,

andrew

kiwibrit

09-13-2007, 06:18 AM

With your invalid code (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fchristians4life.net%2Fmain%2Fcontact.htm), and use of frames, I don't have the time to delve into this.

But one thought, why not simplify the whole thing by using a from that has a radio button to select the desired recipient, followed by the rest of the form inputs? If the specifics of the form are important, you could have hyper links on the contact page which call up the specific forms for the inteended recipients.

OT: I find the continual changing banner at the top of the page unpleasant - and from what I have read others find that sort of animation unpleasant, too. It may also cause some disabled visitors problems.

Ferret

09-13-2007, 09:24 AM

While I second the suggestion to fix the errors in your code, I don't like the general "use a validater or die a horrible death" snobbery.

Taking a stab at what's going wrong: I'm going to guess it has something to do with your use of the <base> tag.

<base target="_top" />

The <base> tag should be in the header.

That might not be the whole problem... I'll keep looking in the mean time.

edit: Upon further inspection, there's a fair number of misplaced tags. I'm working on it.

kiwibrit

09-13-2007, 10:36 AM

While I second the suggestion to fix the errors in your code, I don't like the general "use a validater or die a horrible death" snobbery........

Intriguing comment. When a page has a whole bunch of invalid code, I am not clear that it is snobbery to point out it is difficult to wade through. Some of us don't have the time to do so as a hobby - code which has been cleaned up gives us a better chance to look at in the time we've got - when we nip over to this forum as a sort of coffee break. Of course, it could well be that in cleaning up the code, the original poster cleans up the original problem. :)

Ferret

09-13-2007, 11:31 AM

Here's where I am so far..... if I had realized this would have been easier to rewrite from scratch (which I now know), I would have done so. :eek:

Down to ~15 errors from 60 or so. I tried to mark things I changed, but in some places that turned into a mess. :P

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>



<head>

<link rel="stylesheet" type="text/css" href="http://christians4life.net/2007_TEMPLATES/menu/chrometheme/chromestyle.css" />
<link rel="stylesheet" type="text/css" href="common.css" />

<title>Contact</title>

<meta name="keywords" content="Christians 4 Life,c4l,C4L,JABC,4,Christ,Christians,Christian,God,Bible,SS,Sunday School,school,life,guidance,Jesus,religion,ghost,trinity,fun,games,proboard,ProBoard,ProBoards,PB,me ssage board,message,board,world,ministry,ministries,chat,forum,forums,Christianity,christianity,easter,Eas ter,teens,family,debate,poll,poems,poetry,testimony,testimonies,donate,donations,world,ministry,news ,world news,prayer,request,prayer request,lost,lose,death,suicide,interact,business,standards,business standards,jokes,submit,suggestions,suggest,writing,inspiration,humor,holy,holy spirit,love,happy,sad,mad,glory,glorious,church,baptist,SBC,NAMB,GBC,JPNA" />
<meta name="description" content="An online Christian organization dedicated to sharing the Word of Christ with fun and excitement included." />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="http://christians4life.net/2007_TEMPLATES/menu/chromejs/chrome.js">

/***********************************************
* Chrome CSS Drop Down Menu- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>
</head>

<body> 




<div align="center">
<p style="margin-top: 0; margin-bottom: 0">
<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" style="border: 0px; width: 760px; height: 170px;">
<param name="movie" value="../2000WEBSITE.ARCHIVE/2006TEMPLATES/images1.2006/c4l_allyears_logo.swf" />
<param name="quality" value="High" />
<param name="wmode" value="transparent" />
<embed src="../2000WEBSITE.ARCHIVE/2006TEMPLATES/images1.2006/c4l_allyears_logo.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" style="border: 0px; width: 760px; height: 170px;" quality="High" wmode="transparent" />

</object>
</p>

<table style="width:770px">
<tr>
<td align="center">
<div class="chromestyle" id="chromemenu">
<ul>

<li><a href="http://christians4life.net">
Home</a></li>
<li>
<a href="http://christians4life.net/main/ministries.htm">Ministries</a></li>
<li>
<a href="http://christians4life.net/main/guidance.htm">Guidance</a></li>
<li>

<a href="http://christians4life.net/main/about">About Us</a></li>
<li>
<a rel="dropmenu3" href="http://christians4life.net/main/contact.htm">
Contact <span style="font-size:4">↓</span></a></li>
<li>
<a href="http://christians4life.net/main/firstvisit.htm">First Visit?</a></li>
</ul>

</div>


<div id="dropmenu1" class="dropmenudiv">

<a href="http://christians4life.proboards41.com">Home</a>
<a href="http://christians4life.proboards41.com/index.cgi?action=login">
Login</a>

<a href="http://christians4life.proboards41.com/index.cgi?action=register">
Register <span style="size:-3">(free)</span></a> </div>


<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">

<a href="http://christians4life.net/main/guidance.htm">Home</a>

<a href="http://christians4life.net/main/no_template/testimonies.htm">
Testimonies</a> </div>

<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">

<a href="http://christians4life.net/main/contact.htm">Contact Home</a>
<a href="http://christians4life.net/main/email_archive">Email Archive</a>

<a href="http://christians4life.net/main/policy.htm">Privacy Policy</a>
</div>


<div id="dropmenu4" class="dropmenudiv" style="width: 150px;">

<a href="http://christians4life.net/pf5/kids.htm">Children</a>
<a href="http://christians4life.net/pf5/youth.htm">Youth</a>

<a href="http://christians4life.net/pf5/relationships.htm">Singles/Couples</a>
<a href="http://christians4life.net/pf5/family.htm">Family</a>
<a href="http://christians4life.net/pf5/adults.htm">Adults</a>
<a href="http://christians4life.net/pf5/you_church.htm">You & Your
Church</a> </div>



<div id="dropmenu5" class="dropmenudiv" style="width: 150px;">
<a href="http://www.google.com/">Google</a>
<a href="http://www.yahoo.com">Yahoo</a>
<a href="http://www.msn.com">MSN</a> </div>
<script type="text/javascript">

cssdropdown.startchrome("chromemenu");/*ferret edit (missing ;)*/

</script>

</td>
</tr>
</table>
</div>

</body>
<div align="center">
<table id="table3" style="border-collapse: collapse; border:0px; width:760;">
<tr>
<td bgcolor="#FFFFFF">



<p style="margin-top: 0; margin-bottom: 0" align="center">
<span style="font-weight:bold"><span lang="en-us">
<a target="IFRAME" href="no_template/forms/contact.forms/tech.htm" style="text-decoration: none">
Technical Support</a> |
<a target="IFRAME" href="no_template/forms/contact.forms/PryPra.htm" style="text-decoration: none">
Prayers/Praises</a> |
<a target="IFRAME" href="no_template/forms/contact.forms/application.htm" style="text-decoration: none">

Applications</a> |
<a target="IFRAME" href="no_template/forms/contact.forms/staffing.htm" style="text-decoration: none">
Management Info</a> |
<a target="IFRAME" style="text-decoration: none" href="no_template/forms/staff.forms/form.1.htm">
Individual Staff Contact</a></span></span></p>
<p style="margin-top: 0; margin-bottom: 0">
<iframe name="IFRAME" src="no_template/forms/contact.forms/formtype.htm" style="width:100%; height:394px; border:0;">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe></p>

continued in next post.... 10k character limit. :P

Ferret

09-13-2007, 11:32 AM

<table style="border:1px; width:650px; padding-top: 20px">
<tr>
<td style="background-color:#000000" colspan="2">
<p align="center" style="margin-top: 0; margin-bottom: 0; font-weight: bold;">
<span style="font-size:4; color: #fff;"><a name="eMore">
</a>Emails
and More</span></td>
</tr>
<tr>
<td style="width:261px;">
<p style="margin-top: 0; margin-bottom: 0">

c4l@christians4life.net</td>
<td style="width:373px">
Our all-purpose email address for general questions ranging from <a href="policy.htm">Account Management</a>, Technical Support, Community, organizational information, etc.
</td>
</tr>
<tr>
<td style="width:261px">
<p style="margin-top: 0; margin-bottom: 0">
<span style="font-size:2">
<a href="http://myspace.com/c4lms">
<img border="0" src="../images/logos/myspace_logo.gif" alt="MySpace Logo" style="width:150px; height:31"></a></span></td>

<td style="width:373px">
<p style="margin-top: 0; margin-bottom: 0" class="style2">
Click logo on left to visit our MySpace.</td>
</tr>
<tr>
<td style="width:261px;">
<p style="margin-top: 0; margin-bottom: 0">



<a href="publicfiles.htm" style="text-decoration: none; color:#FF0000; font-weight:bold">Public Files</a></td>
<td style="width:373px">
<p style="margin-top: 0; margin-bottom: 0">
Download instant msgrs., Bible reading plans, etc.</td>
</tr>
<tr>
<td style="width:261px">

<span style="font-weight:bold; color:#FF0000">


<a href="calendar.htm" style="text-decoration: none; color:#FF0000; font-weight:bold">Calendar</a></span></td>
<td style="width:373px">
<span lang="en-us">See the calendar for events and other stuff</span></td>
</tr>
<tr>
<td style="width:261px">

<span style="font-weight:bold">



<a href="http://www.online-translator.com/url/tran_url.asp?lang=en&direction=es&template=General&transliterate=on&autotranslate=on&url=http://christians4life.net/" style="text-decoration: none; color:#FF0000; font-weight:bold">
C4L In Spanish</a></span></td>
<td style="width:373px">
View C4L in Spanish</td>
</tr>
</table>


<table style="border:1px; width:650; padding-top: 30px;" id="table8">
<tr>
<td style="background-color:#000000" colspan="2">
<p align="center" style="margin-top: 0; margin-bottom: 0">
<span lang="en-us" style="font-size:4; color:#FFFFFF"><span style="font-weight:bold">
Affiliates</span></span></td>

</tr>
<tr>
<td style="background-color:#666666" colspan="2">

<p align="center" style="margin-top: 0; margin-bottom: 0">
<span lang="en-us" style="font-size:2; color:#FFFFFF">Choose
"Affiliates" in the tech form and please include your
organization name and URL in the message box.</span></td>

</tr>
<tr>
<td>
<p style="margin-top: 0; margin-bottom: 0">
Christian Worldwide Ministry</p>
</td>
<td>
<p style="margin-top: 0; margin-bottom: 0">


<a href="http://christianworldwideministry.org/">
http://christianworldwideministry.org</a>
</p>
</td>
</tr>
<tr>
<td>

<p style="margin-top: 0; margin-bottom: 0">
Jefferson Avenue Baptist Church
</p>
</td>
<td>
<p style="margin-top: 0; margin-bottom: 0">

<a href="http://jeffersonavenuebaptist.com">
http://jeffersonavenuebaptist.com</a></p>

</td>
</tr>
<tr>
<td>
<p style="margin-top: 0; margin-bottom: 0"><span lang="en-us">LUVR
Services</span></td>
<td>
<p style="margin-top: 0; margin-bottom: 0"><span lang="en-us">
<a href="http://wandrewc.com/luvr/">http://wandrewc.com/luvr/</a></span></td>

</tr>
<tr>
<td style="background-color:#000000" colspan="2">
<p align="center" style="margin-top: 0; margin-bottom: 0">
<span lang="en-us" style="font-size:4; color:#FFFFFF"><span style="font-weight:bold">Links</span></span></td>
</tr>
<tr>
<td style="background-color:#666666" colspan="2">


<p align="center" style="margin-top: 0; margin-bottom: 0">
<span lang="en-us" style="font-size:2; color:#FFFFFF">Choose "Links"
in the tech form and please include your link name and URL in the
message box.</span></td>
</tr>
<tr>
<td style="width:257px">

<p style="margin-top: 0; margin-bottom: 0">

Advanced Network Hosts</td>
<td style="width:377px">
<p style="margin-top: 0; margin-bottom: 0">
<a href="http://advancednetworkhosts.com">
http://advancednetworkhosts.com</a></td>
</tr>

<tr>
<td style="width:257px">
<p style="margin-top: 0; margin-bottom: 0">

CHIhost</td>
<td style="width:377px">
<p style="margin-top: 0; margin-bottom: 0">
<a href="http://www.chihost.com">http://www.chihost.com</a></td>

</tr>
<tr>
<td style="width:257px">
<p style="margin-top: 0; margin-bottom: 0">
<span lang="en-us">ChurchArt</span></td>
<td style="width:377px">
<p style="margin-top: 0; margin-bottom: 0"><a href="http://churchart.com">
http://churchart.com</a></td>
</tr>

<tr>
<td style="width:257px">
<p style="margin-top: 0; margin-bottom: 0">
<span lang="en-us">MySpace</span></td>
<td style="width:377px">
<p style="margin-top: 0; margin-bottom: 0"><a href="http://myspace.com">
http://myspace.com</a></td>
</tr>
<tr>

<td style="width:257px">
<p style="margin-top: 0; margin-bottom: 0">
<span lang="en-us">The Pocket Testament League</span></td>
<td style="width:377px">

continued... once again!

Ferret

09-13-2007, 11:34 AM

<p style="margin-top: 0; margin-bottom: 0">
<a href="http://www.pocketpower.org/">http://www.pocketpower.org</a></td>
</tr>
<tr>
<td>

<p style="margin-top: 0; margin-bottom: 0"><span lang="en-us">
LifeWay Christian Resources/Stores</span></td>
<td>
<p style="margin-top: 0; margin-bottom: 0"><span lang="en-us">
<a href="http://lifeway.com">http://lifeway.com</a></span>
<span lang="en-us">/ <a href="http://lifewaystores.com">
http://lifewaystores.com</a></span></td>

</tr>
<tr>
<td style="width:257px">
<span lang="en-us">American Baptist Association</span></td>
<td style="width:377px">
<a href="http://www.abaptist.org/home.shtml">http://www.abaptist.org</a></td>
</tr>
<tr>

<td style="width:257px">
<span lang="en-us">Southern Baptist Convention</span></td>
<td style="width:377px">
<a href="http://www.sbc.net/">http://www.sbc.net</a></td>
</tr>
<tr>
<td style="width:257px">
<span lang="en-us">Georgia Baptist Convention</span></td>

<td style="width:377px">
<a href="http://www.gabaptist.org/common/content.asp?PAGE=57">
http://www.gabaptist.org</a></td>
</tr>
<tr>
<td style="width:257px">
<span lang="en-us">International Mission Board, SBC</span></td>
<td style="width:377px">
<a href="http://www.imb.org/">http://www.imb.org</a></td>

</tr>
<tr>
<td style="width:257px">
<span lang="en-us">North American Mission Board</span></td>
<td style="width:377px">
<a href="http://www.namb.net/">http://www.namb.net</a></td>
</tr>
<tr>

<td style="width:257px">

SBC Life</td>
<td style="width:377px">

<a href="http://www.sbclife.org">http://www.sbclife.org</a></td>
</tr>
<tr>

<td style="width:257px">

The Christian Index</td>
<td style="width:377px">

<a href="http://www.christianindex.org">
http://www.christianindex.org</a></td>
</tr>

</table>

</td>
</tr>
</table>
</div>


<p style="margin-top: 0; margin-bottom: 0" align="center"><span style="font-weight:bold; font-size:7pt" class="style6">This website is dedicated to the works
of our Lord and Savior Jesus Christ.</span>

</span></p>
<p style="margin-top: 0; margin-bottom: 0" align="center"><span style="font-weight:bold; font-size:7pt">
Copyright (C) 2004-2007 Christians 4 Life organization.
All rights reserved.</span></p>
<p style="margin-top: 0; margin-bottom: 0" align="center">
<span style="font-size:7pt">Website by 

<a target="_blank" style="text-decoration: none;" href="http://wandrewc.com/luvrwd">
LUVR Web Design</a>.</p>


</body>



</html>

Ferret

09-13-2007, 11:37 AM

Here's the simple CSS file I started (and linked to) to alleviate the MASSIVE number of formatting tags you have on your site. (there were at least 20-25 instances of <font face="Arial"> that I replaced with a simple * {font-family: Arial, Helvetica, sans-serif;}

here is the CSS:
* {
font-family: Arial, Helvetica, sans-serif;
}
body {
background-color:#FFFFFF
background:url(../2007_TEMPLATES/images1.2007/bg1.jpg);
}

MUCH more of the formatting should be ported over to an external CSS file... I just didn't do it. I used a lot of inline styles, which isn't a good idea in the long run, but it gives you an idea of proper formatting technique.

Ferret

09-13-2007, 11:41 AM

Intriguing comment. When a page has a whole bunch of invalid code, I am not clear that it is snobbery to point out it is difficult to wade through. Some of us don't have the time to do so as a hobby - code which has been cleaned up gives us a better chance to look at in the time we've got - when we nip over to this forum as a sort of coffee break. Of course, it could well be that in cleaning up the code, the original poster cleans up the original problem. :)

I agree... I was more referring to the general reaction that posts get: if the validator doesn't check out, then we don't have time for you. Example being a post I made the other day: http://www.webdeveloper.com/forum/showthread.php?t=160463

The fix was just removing a decimal point, but the initial reaction was not to look at the code unless it's error free. Sorry to use you as an example, but I think it's better to try to figure out which error it is that might be causing the problem and start from there.

lordofdavipers

09-13-2007, 01:16 PM

wow. lots of replies with lots of things to do. im pretty sure my issue is coming from using the obsolete FrontPage (I have web expression). FP adds style tags throughout the document regardless. Im not sure if WE does it or not.

I can tell that it's going to take some time to do this. My question for the guy who said use radio buttons, what's the best way to implement them?

kiwibrit

09-13-2007, 01:55 PM

......My question for the guy who said use radio buttons, what's the best way to implement them?

My long marriage will end in divorce if I spend any more time on the computer today - so excuse me for being brief.

I was thinking of using the radio buttons to send the results of the form to the right addressee. But IIRC your forms differ from recipient to recipient. Why not just have a list of hyperlinks to pages with appropriate forms?

Something like:

<ul>
<li><a href="form-1.htm">Addressee-1</a></li>
<li><a href="form-2.htm">Addressee-2</a></li>
<li><a href="form-3.htm">Addressee-3</a></li>
</ul>

No use of frames here - but simplicity has its merit.

lordofdavipers

09-13-2007, 06:39 PM

thanks for the info about the radio button...im not quite sure how to do that, though. more than likely with javascript. i'll google around for it (unless you know how to right off hand).

in the mean time while waiting on a reply, i'll try to re-think how the forms are accessed.

lordofdavipers

09-13-2007, 07:21 PM

right now i've just made the last link for individual staff contact open in a new window to save you guys hassles of fixin it. thanks for the help.

lordofdavipers

09-13-2007, 07:48 PM

well hey. good news is that i fixed it. i had a STRONG hunch it was a particular javascript code within the indiv. staff cont. (ISC for short) pages.

this was on each page

<script language="javascript">
function fbkinfo(){
window.open("http://christians4life.net/main/no_template/feedback.info.htm","feedback","height=320, width=500")}
</script>
<script language="javascript">
self.name="home"</script>

i dont think its the popup window that caused it rather its the self.name="home" one that did it. now i was an super expert with html in the 2.0 era but its 4.0 and im i've been completely left behind so i'll say the ineveitable...i dont know why it did that.

thanks guys.