Forums

Help chronoforms

forlzizi 31 Jul, 2009
Hello everyone, I apologize for my English, is translated by (google). Unfortunately my English is bad, but I will not give up on a familiar Chronoform.
Firstly congratulations to Max and her colleagues. They have created an excellent working tool.
I will let you know I'm doing a page in Joomla for a foundation for malnourished children and I need to make a form as contained in this site: https://www.intermonoxfam.org/es/page.asp?id=482&destino=680
Is it possible? could help me find again chronoform information to do so?
I can do the form, but I have problems to insert hidden fields actiba when a radio button. It is through java script, but my knowledge does not go up there.
Let me learn that I do not want me to do the form. I do want to learn.
Thank you very much and hope you can understand this translation.
Greetings,
Daniel
forlzizi 07 Aug, 2009
hello, it seems no one has responded ... I do not understand or will not understand me?
Max .... I would buy the product choroforms, but as something that still does not handle or can help me? :?
forlzizi 07 Aug, 2009
as an example: I have a form done in dreamweawer where the form is to extend the code is as follows:

Html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
	<title>Expandir formulario</title>
<script type='text/javascript' src='formexp.js'></script>
<script>
function expandir_formulario(){
 if (document.f1.expandir.checked){
	xDisplay('capaexpansion', 'block')
 }else{
	xDisplay('capaexpansion', 'none')
 }

}

</script>
<style type="text/css">
#capainicio{
	position:relative;
}
#capaexpansion{
	position:relative;
	display:none;

}
#capafinal{
	position:relative;

}
</style>
</head>

<body>

<form name=f1>
<div id=capainicio>
<table cellspacing="2" cellpadding="2" border="0">
<tr>
    <td width=140>Nombre:</td>
    <td><input type="text" name="nombre" size="25"></td>
</tr>
<tr>
    <td>Apellidos:</td>
    <td><input type="text" name="edad" size="3"></td>
</tr>
<tr>
    <td>Expandir formulario:</td>
    <td><input type="checkbox" name="expandir" value="1" onClick="expandir_formulario()"></td>
</tr>
</table> 
</div>
<div id=capaexpansion>
<table cellspacing="2" cellpadding="2" border="0">
<tr>
    <td width=140>Sexo:</td>
    <td><input type="text" name="sexo" size="25"></td>
</tr>
<tr>
    <td>Edad:</td>
    <td><input type="text" name="edad" size="3"></td>
</tr>
</table>
</div>
<div id=capafinal>
<table cellspacing="2" cellpadding="2" border="0">
<tr>
    <td width=140>Comentarios:</td>
    <td><textarea cols="39" rows="4" name="coment"></textarea></td>
</tr>
</table>
</div>
</form> 

</body>
</html>
and this is the script:
/* formexp.js compiled from X 4.0 with XC 0.27b. Distributed by GNU LGPL. For copyrights, license, documentation and more visit Cross-Browser.com */
var xOp7Up,xOp6Dn,xIE4Up,xIE4,xIE5,xNN4,xUA=navigator.userAgent.toLowerCase();if(window.opera){var i=xUA.indexOf('opera');if(i!=-1){var v=parseInt(xUA.charAt(i+6));xOp7Up=v>=7;xOp6Dn=v<7;}}else if(navigator.vendor!='KDE' && document.all && xUA.indexOf('msie')!=-1){xIE4Up=parseFloat(navigator.appVersion)>=4;xIE4=xUA.indexOf('msie 4')!=-1;xIE5=xUA.indexOf('msie 5')!=-1;}else if(document.layers){xNN4=true;}xMac=xUA.indexOf('mac')!=-1;function xDef(){for(var i=0; i<arguments.length; ++i){if(typeof(arguments[i])=='undefined') return false;}return true;}function xDisplay(e,s){if(!(e=xGetElementById(e))) return null;if(e.style && xDef(e.style.display)) {if (xStr(s)) e.style.display = s;return e.style.display;}return null;}function xGetElementById(e){if(typeof(e)!='string') return e;if(document.getElementById) e=document.getElementById(e);else if(document.all) e=document.all[e];else e=null;return e;}function xStr(s){for(var i=0; i<arguments.length; ++i){if(typeof(arguments[i])!='string') return false;}return true;}

I put code in every form html form java script .... and the result is giving me a syntax error!


I really do not understand how to insert it into choroforms.
Please if anyone can help me so I can appreciate it once and create the form.
Thank you
GreyHead 07 Aug, 2009
Hi forlzizi,

The Form HTML - just the part **between** the form tags (but not the tags themselves) should go into the Form HTML box on the form code tab.

The css style code goes into the css box (again without the style tags).

The two JavaScript blocks - one from the header and the other from your external script both go into the Javascript box.

The form name will change from f1 to ChronoContact_f1 and you may need to change your JavaScript to match.

Your form has no submit button so will probably not work.

Bob
forlzizi 07 Aug, 2009
Thank you very much Bob, for helping me. We apologize for the inconvenience caused.
I follow what your telling me, but still gives me an error: ( "ChronoContact_f1 'is not defined)
these are my steps:
image to see a place where each code:http://img13.imageshack.us/img13/3/dibujousy.jpg
Mi Code Html:
<form name=ChronoContact_f1>
<div id=capainicio>
<table cellspacing="2" cellpadding="2" border="0">
<tr>
    <td width=140>Nombre:</td>
    <td><input type="text" name="nombre" size="25"></td>
</tr>
<tr>
    <td>Apellidos:</td>
    <td><input type="text" name="edad" size="3"></td>
</tr>
<tr>
    <td>Expandir formulario:</td>
    <td><input type="checkbox" name="expandir" value="1" onClick="expandir_formulario()"></td>
</tr>
</table> 
</div>
<div id=capaexpansion>
<table cellspacing="2" cellpadding="2" border="0">
<tr>
    <td width=140>Sexo:</td>
    <td><input type="text" name="sexo" size="25"></td>
</tr>
<tr>
    <td>Edad:</td>
    <td><input type="text" name="edad" size="3"></td>
</tr>
</table>
</div>
<div id=capafinal>
<table cellspacing="2" cellpadding="2" border="0">
<tr>
    <td width=140>Comentarios:</td>
    <td><textarea cols="39" rows="4" name="coment"></textarea></td>
</tr>
</table>
<p>
  <label for="button"></label>
  <input type="submit" name="button" id="button" value="Enviar">
</p>
</div>


Form JavaScript:
function expandir_formulario(){
 if (ChronoContact_f1.expandir.checked){
	xDisplay('capaexpansion', 'block')
 }else{
	xDisplay('capaexpansion', 'none')

var xOp7Up,xOp6Dn,xIE4Up,xIE4,xIE5,xNN4,xUA=navigator.userAgent.toLowerCase();if(window.opera){var i=xUA.indexOf('opera');if(i!=-1){var v=parseInt(xUA.charAt(i+6));xOp7Up=v>=7;xOp6Dn=v<7;}}else if(navigator.vendor!='KDE' && document.all && xUA.indexOf('msie')!=-1){xIE4Up=parseFloat(navigator.appVersion)>=4;xIE4=xUA.indexOf('msie 4')!=-1;xIE5=xUA.indexOf('msie 5')!=-1;}else if(document.layers){xNN4=true;}xMac=xUA.indexOf('mac')!=-1;function xDef(){for(var i=0; i<arguments.length; ++i){if(typeof(arguments[i])=='undefined') return false;}return true;}function xDisplay(e,s){if(!(e=xGetElementById(e))) return null;if(e.style && xDef(e.style.display)) {if (xStr(s)) e.style.display = s;return e.style.display;}return null;}function xGetElementById(e){if(typeof(e)!='string') return e;if(document.getElementById) e=document.getElementById(e);else if(document.all) e=document.all[e];else e=null;return e;}function xStr(s){for(var i=0; i<arguments.length; ++i){if(typeof(arguments[i])!='string') return false;}return true;}
 }

}

(There did not like them together ... I think that's my mistake)

CSS Styles:
#capainicio{
	position:relative;
}
#capaexpansion{
	position:relative;
	display:none;

}
#capafinal{
	position:relative;

}


Bob, sorry to bother you again, you're a really nice person.

We thank the assistance provided.
I hope we can do something with this sample code.

Thank you
GreyHead 07 Aug, 2009
Hi forlzizi,

just the part **between** the form tags (but not the tags themselves)


Bob
forlzizi 08 Aug, 2009
Bob you're a genius. Thanks for teaching me ask you though a million things.
Now try to apply it to real form as this if I worked.
Bob, I would like if possible SBER paid leave Chronoforms through Western Union, Moneygram or any company of that kind, because I do not have paypal card.

Thank you very much and hope you have the support Bob in the future.

Thank you very much again
GreyHead 08 Aug, 2009
Hi forlzizi,

I'm pleased that it's working for you.

Please contact Max directly with questions about payment for Chronoforms license (use the Contact Us link above).

Bob
This topic is locked and no more replies can be posted.