Solved

Scrollable sections of a form

Posted on 2000-04-02
8
315 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
Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

 

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

Networking for the Cloud Era

Join Microsoft and Riverbed for a discussion and demonstration of enhancements to SteelConnect:
-One-click orchestration and cloud connectivity in Azure environments
-Tight integration of SD-WAN and WAN optimization capabilities
-Scalability and resiliency equal to a data center

Question has a verified solution.

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

Suggested Solutions

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 …
Find out what you should include to make the best professional email signature for your organization.
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…

807 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