Hello... Hoping to get some help with Z-order. I have created a contact form that has 3 steps. Step 1 is contact info, step 2 is a javascript coverage calculator for mulch, and step 3 is the rest of the customer info then submit. It can be viewed here.. http://www.digiforia.com/contact.html
I cannot seem to get the tab order correct. When I tab from the email field it goes directly to step 3 , then it will tab to the java script calculator last. I have tried changing the z-order. I also completely removed the third step. When I did that it would tab to the java, but when I added the 3rd step back it skipped back over the java again. Any suggestions? Thanks
Try adding a tabindex to your form elements -- described in the Form Intro tutorial. As your calculator form is created with a code object, you will need to also add the equivalent code to the calculator form elements.
Obj32 has a unnecessary extra <body> tag just ahead of the table code. I suggest remove that -- probably not the cause of this problem though.
Posts: 9233 | Location: Wellington, New Zealand | Registered: December 11, 2003
Thanks for the reply Bruceee. I am still having some trouble. I removed the extra body tag for starters. Then I viewed the tutorial you linked to. I went through my form and gave each form item a tab index. I placed a tab order in the link editor code window for the java script code item and placed it in the order it should belong. It still tabs over it. I may need some clarification where you said I needed to add it to my calculator form elements. Secondly, when I try to edit the reset button it crashes ss every time. Let me know what you think. Thanks
Ok... A little more here. I got it to stop crashing SS. I had to remove and replace the submit button. Something about it SS didn't like. When I use the tab order in the manner that I described above, I can no longer click on the fields in my java script. Is that because of needing the tabindex code in the script? Thanks...I am not a code guy by any stretch.
You can remove this as it is not doing anything. Just below it, I see:
quote:
<style type=>
This should be
<style type='text/css'>
I think the problem with your coverage calculator fields is that the code object holding it is being hidden by the contact form object. The calculator form object has a z-index of 30 while the contact form object is 57. (Higher z-index value lay on top of lower index values.) Clicking the code object and using the "to front" alignment tool may fix the problem. Different browsers react differently, but since the code object does not appear to cover any of the contact form fields, this may work.
Larry... Thanks for the reply. Also thanks for the tips on the code. If you change it to text/css the calculator will not display. As far as the z order goes. I have tried bring the object to the front, I have tried setting the z order in the correct order, I have tried setting tabindex for each item and it is always the same result. For a test I removed steps 3 & 4 from the page. When I did this it would tab from the email field into the calculator perfectly. However as soon as I added a single field to the form in step 3 it would automatically tab past the calculator to that field. Would it help if the java script was an actual form item in the same form? Is that even possible to do?
Adding text/css should not make the calculator disappear. In fact, the style specified by the code is not even used in on the page, so the problem lies else where.
You will not be able to tab between the calculator fields from your contact form fields because they are two distinct and separate forms. If one form is either before or after the other, then the normal tabbing from one object to another would take over (as what happens when you remove steps 3 & 4).
Yes, it is possible to incorporate the calculator fields into your contact form, but you will not be able to use a submit button to trigger the calculations as it is now. A form can only have one submit button. However, you should be able to use a standard button and assign an onclick event handler that would perform the calculations.
Larry...thanks again for the reply. As far as the script goes, I am not sure what the problem is as I am not really a code guy. I am a print designer that has a few web customers. All I know is wen I changed the tag as listed above my java would no longer display. As far as the calculator and form goes, what you say makes sense. The calculator was not originally intended to be a part of the contact form. It was a way after thought. Had I known it was going to turn out as it did I would have looked into other solutions. So I was just hoping I could minimize the extra work. Thanks for all of your help. I really appreciate it.
If you can create a test page with the calculator fields manually folded into your contact form, I'm sure someone can help integrate the javascript so it can still be used.
A test page of your form would be necessary so the field names would be available to adjust the script code to match your modified form.
Hello there. I have resolved to forget about the Z Order for this java at this point. The client isn't concerned about it. I am however having another issue that I have never had. The form is displaying the action on the website and making it all jumbly bumbly. http://digiforia.com/treadstone/commercial.php Any help would be great.... Thanks
You have some extra tags here action="<form action="http://yoursite/form.php" method="post">" method="POST" Taking those out should solve your problem.
Thanks for the reply. I tried removing those extra tags and then I went a step further and removed all of the code in the action field and re-uploaded. Still the same problem. I have been having quite a bit of trouble with the form builder lately. I am not exactly sure what is going on. I am running windows 7 so I suspect that may be part of my problem as I never had trouble in XP or Vista. Looks like I may be rebuilding my form.
Larry.... Thanks. That fixed it. Clearly I misunderstood what he was saying to do. I was trying something new that I read on GD's site and that's how I ended up with that other code. In the past with SS forms and the GoDaddy script I would enter http://sitename.com/gdform and it has worked fine on several sites. Your way is easier still.
