Contact form: how to add telephone number for the mailing?
Nico van de Kamp
- Name
- subject
I thought just before rendering I will extend the array $fields, which does contain the fieldset from contact.xml
I've tried different things, but at this moment have this:
[code]
...
<?php $fields = $this->form->getFieldset($fieldset->name); ?> // $fields is an array
<php? '**************** here starts my modification ****************'; ?>
<?php if ($fieldset->name === 'contact') {
$getFormName = $this->form->getName();
echo 'getFormName: ' . $getFormName . '<br />'; // com_contact.contact
echo is_array($fields) ? '$fields is_array - length: ' .count($fields) . '<br/>': '$fields is geen array<br />' ; // fields is_array - length: 6
// Define the new field XML
$telephoneFieldXml = '
<field
name="contact_telephone"
type="text"
label="Telephone"
description="Please provide your phone number."
required="false"
filter="string"
id="contact-telephone-field"
/>';
$telephoneField = new SimpleXMLElement($telephoneFieldXml);
// get node contact_email, which we will append to
// $xpath = new DOMXPath($fieldSetXml);
// $eva = $xpath->query('/contact/field[.="contact_email"]')->item(0); // This doesn't work...?
// Get the fieldset XML form object (not the array of fields)
$fieldSetXml = $this->form->getXml();
// Convert the fieldset XML to a SimpleXMLElement
try {
$fieldSetXmlElement = new SimpleXMLElement($fieldSetXml->asXML());
} catch (Exception $e) {
print $e->getMessage();
}
echo print_r($fieldSetXmlElement, true) . '<br /><br />';
echo is_array($fieldSetXmlElement->fieldset) ? '$fieldSetXmlElement is an array<br/>' : '$fieldSetXmlElement is not an array<br/>'; // $fieldSetXmlElement is not an array
// Find the "email" field and insert the new field after it
foreach ($fieldSetXmlElement->fieldset->field as $field) {
echo '$field[name]: ' . (string)$field['name'] . '<br />';
if ((string)$field['name'] === 'contact_email') {
$domFieldSet = dom_import_simplexml($fieldSetXmlElement->fieldset);
$domField = dom_import_simplexml($field);
$domTelephoneField = dom_import_simplexml($telephoneField);
// Insert the new field after the "email" field
$domField->parentNode->insertBefore($domTelephoneField, $domField->nextSibling); // Adding the telephone field: Wrong Document Error:
break;
}
}
// Update the form with the modified XML structure
// $this->form->setFields(new SimpleXMLElement($fieldSetXmlElement->asXML()), null, true, $fieldset->name);
<php? '**************** here einds my modification' ****************?>;
...
[/code]
If I do this:
[code]
$result = $this->form->setField($telephoneField, null, false, $fieldset->name);
$fields[] = $telephoneField;
echo '<pre>setField() result: ' . ($result ? 'true' : 'false') . '</pre>'; // true
[/code]
Than the field is add at the end after the message, but that is not what I want!
Steven Berkson
Sent: Sunday, January 19, 2025 7:54:10 AM
To: Joomla! General Development <joomla-de...@googlegroups.com>
Subject: [jgen] Contact form: how to add telephone number for the mailing?
You received this message because you are subscribed to the Google Groups "Joomla! General Development" group.
To unsubscribe from this group and stop receiving emails from it, send an email to joomla-dev-gene...@googlegroups.com.
To view this discussion, visit https://groups.google.com/d/msgid/joomla-dev-general/8c07e12c-aa8b-4184-9d1b-7490b18d2484n%40googlegroups.com.
Steven Berkson
Sent: Sunday, January 19, 2025 10:53:17 AM
To: joomla-de...@googlegroups.com <joomla-de...@googlegroups.com>
Subject: Re: [jgen] Contact form: how to add telephone number for the mailing?
Nico van de Kamp
[code]
{
public function onContentPrepareForm($form, $data)
{
// Ensure we're targeting the contact form
if ($form->getName() !== 'com_contact.contact')
{
return;
}
// Add the telephone field
$form->load('<field name="contact_telephone" type="text" label="COM_CONTACT_TELEPHONE" description="COM_CONTACT_TELEPHONE_DESC" required="false" filter="string" />', false);
}
}
Steven Berkson
I will probably make this a plugin for myself, which is why I placed the JS file in the directory ‘media/plg_contactMoveFields’
I added to a template override of default_form in com_contact
->registerAndUseScript('plg_contactMoveFields.contactMoveFields', 'media/plg_contactMoveFields/js/contactMoveFields.js', [], ['defer' => 'true'], ["core", "jquery"]);
Then the contactMoveFields.js reads
jQuery(document).ready(function($) {
const formField = 'phone';
const placeAfter = 'email';
form = $('#contact-form');
moveField = form.find($('#jform_com_fields_' + formField)).parents('div.control-group');
removeFieldset = form.find('input[id="jform_com_fields_' + formField + '"]').parents('fieldset');
moveField.insertAfter(form.find('input[id="jform_contact_' + placeAfter + '"]').parents('div.control-group'));
removeFieldset.remove();
})
It works.
To view this discussion, visit https://groups.google.com/d/msgid/joomla-dev-general/b1904add-105c-47d4-a691-2c9465f47989n%40googlegroups.com.
Steven Berkson
Slightly better and more consistent JS
jQuery(document).ready(function($) {
const formField = 'phone';
const placeAfter = 'email';
form = $('#contact-form');
moveField = form.find('#jform_com_fields_' + formField).parents('div.control-group');
removeFieldset = form.find('#jform_com_fields_' + formField).parents('fieldset');
moveField.insertAfter(form.find('#jform_contact_' + placeAfter).parents('div.control-group'));
removeFieldset.remove();
})
Nico van de Kamp
[code]
<?php if ($fieldset->name === 'captcha' && $this->captchaEnabled) : ?>
<?php continue; ?>
<?php endif; ?>
$telephoneFieldXml = '
<field
name="contact_telephone"
type="text"
label="Telephone"
id="contact-telephone-field"
/>';
$telephoneField = new SimpleXMLElement($telephoneFieldXml);
foreach ($fieldSetXmlElement->fieldset->field as $field) {
// Insert new field **immediately after** contact_email
}
}
$newFieldSetXml .= '</fieldset>';
$newFieldSetXmlElement = new SimpleXMLElement($newFieldSetXml);
$this->form->setFields($newFieldSetXmlElement, null, true, $fieldset->name);
$fields = $this->form->getFieldset($fieldset->name);
}
?>
Steven Berkson
Funny, I have been doing a lot with the contact component and form recently.
It is not sent because the contact component does not know about the field. You can use the custom fields to make a phone field. Make sure it is a “Mail” field not a contact field, and make sure you change the permissions so that editing the field is publicly allowed.
Make sure you say to show custom fields in the contact form.
The fields will come out Name, Email, Subject, Message, Phone. If you want it to be something like Name, Phone, Email, Subject, Message You can move the fields around with JavaScript. There was an earlier thread in this group on that which should help you do that.
To view this discussion, visit https://groups.google.com/d/msgid/joomla-dev-general/3995cde3-cfbf-410f-a120-88b34a2a7cben%40googlegroups.com.
Steven Berkson
Did you modify the mail template for the contact form?
From: joomla-de...@googlegroups.com <joomla-de...@googlegroups.com>
On Behalf Of Nico van de Kamp
Sent: Friday, February 14, 2025 03:07
To: Joomla! General Development <joomla-de...@googlegroups.com>
Subject: Re: [jgen] Contact form: how to add telephone number for the mailing?
Ok, I have changed it now, todo it by custom fields 'mail' for contact, with jQuery code is placed under e-mail field so that is the right position test side
But if I send this contact form, the telephone number is not send with the message.
Do I have to enable something at the custom field or at the contact?
To view this discussion, visit https://groups.google.com/d/msgid/joomla-dev-general/661883f5-435a-4bbd-870a-7160158b62e7n%40googlegroups.com.
Nico van de Kamp
When I was writing the last message, suddenly I remembered this. I have press delete the message, but I see now it was not deleted.... Sorry!!!