Solved

Scrollable sections of a form

Posted on 2000-04-02
8
321 Views
Last Modified: 2010-04-09
 I'm trying to make a form that's only going to be used with IE5. I want to be able to have certain sections of the form scroll while the rest of the form stays visible.
  Using IFRAMEs I can do this, but the problem is that when I submit the form it doesn't include any of the content of the IFRAMEs.

  Is there any better way to do this?
0
Comment
Question by:TomWilson
8 Comments
 
LVL 1

Expert Comment

by:Hocam
ID: 2678983
You can do your form in different pages...just break you form into sections for each HTML page...

Just an idea...
-Hocam
0
 
LVL 7

Expert Comment

by:nettrom
ID: 2679222
is using JavaScript a possibility?  if so, you can use that to grab the values from the forms found in the IFRAMEs and dumpt it into hidden fields in your other form, and then submit it.
0
 
LVL 1

Expert Comment

by:cybernietic
ID: 2683218
Something that could help you -
function to update the content of the scrollable form from the iframe

original page :

<html>
<head>
<title></title>
</head>
<FORM name="formul" method=post action="">
 <input type="text" name="nameinput">
 </p>
 <p>
 <input type="submit" value=" Submit ">
 </p>
 </form>

<IFRAME NAME="content_frame" width="488" height="244" SRC="top.html"></IFRAME>
</html>

iframe section :

<html>
<head>
<title></title>
<script language="JavaScript" TYPE="text/javascript">
 <!--
 function pop(Sbl)
 { var I=top.document.formul;
 I.nameinput.value=Sbl;
 }
 // -->
 </script>

</head>
<p><input type="radio" name="radiobutton" value="radiobutton" onClick="pop('Choice 1')">Choice 1<br></p>
<p><input type="radio" name="radiobutton" value="radiobutton" onClick="pop('Choice 2')">Choice 2<br></p>
</html>
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:TomWilson
ID: 2688333
 The problem with having hidden fields on the page (not in the IFRAME) is that the content of the IFRAME could be rather large depending on the inputs of the previous fields.
  The content of the IFRAME is a table with 8 text fields in each row, the number of rows is specified by the user (between 1 and 20). It's done using the DOM.

  The way that I don't want to do it is to generate hidden fields dynamically on the page, but that could mean having up to 160 hidden fields..
0
 
LVL 7

Accepted Solution

by:
nettrom earned 100 total points
ID: 2689077
if you're having 8-160 text fields, aren't you already asking that content should be large?

since you're using IFRAMEs your target audience is IE-users, and the hidden fields can be created on the fly using the DOM anyway, I don't really see a problem here.  you could auto-create hidden fields, 1 for each row and then split the content back on the server-side though.  depends on how you want to do it...
0
 

Author Comment

by:TomWilson
ID: 2710193
This question has a deletion request Pending
0
 
LVL 7

Expert Comment

by:nettrom
ID: 2710974
This question no longer is pending deletion
0
 
LVL 7

Expert Comment

by:nettrom
ID: 2710975
and the obvious question of course becomes: why delete this question?
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Obsolete font tag need to convert to CSS 3 33
ASP.net Markup for Sub Menu 2 39
CSS Style on Chrome 1 33
CSS Scroll Center with Static Side. Like EE does. 2 28
Things That Drive Us Nuts Have you noticed the use of the reCaptcha feature at EE and other web sites?  It wants you to read and retype something that looks like this.Insanity!  It's not EE's fault - that's just the way reCaptcha works.  But it is …
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

763 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question