Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Help with some <br> tags

Featured Replies

Hi,

 

This is going to be really simple but im pulling my hair out trying to solve this,

 

I've just installed a joomla component called jforms and have added a html field to the form but when it is displaying it is adding about 15 <br > tags.

 

The link to the page is below:

 

http://myphotoforum.co.uk/index.php/contact-us.html

 

I've had a look in the jforms component and cant see anything that could be doing it in there.

 

Does anyone have any suggestions as to how i can get rid of or override the <br > tags?

 

Thanks in advance

 

Jonny

i was looking at the code in firebug and could see that there were like 15 <br/> tags but they were not present in the source code.....so posting the code would help

  • Author

Yeah its really strange, i cant see where the <br> tags are coming from, Below is the code from jforms but its nothing in there.

 

Iv tried tried targetting the class jfhtml

 

with this but doesnt seem to work either, if anyone has anymore suggestions it would be much appreciated because i have to get the site live tomorrow night

 

Thanks

 

Jonny

 

<table style="font-size: 12px;" border="0">

<tbody>

<tr>

<td><img src="images/stories/address.png" border="0" width="16" height="16" /></td>

<td style="font-size: 12px;">

<p>Address:</p>

<p>Choose Platinum Properties</p>

<p>188 Lee Lane</p>

<p>Horwich</p>

<p>Bolton</p>

<p>BL67JE</p>

</td>

</tr>

<tr>

<td><img src="images/stories/email.png" border="0" width="16" height="16" /></td>

<td style="font-size: 12px;"><a href="mailto:info@chooseplatinum.co.uk">info@chooseplatinum.co.uk</a></td>

</tr>

<tr>

<td><img src="images/stories/tel.png" border="0" width="16" height="16" /></td>

<td style="font-size: 12px;">01204 694552</td>

</tr>

<tr>

<td><img src="images/stories/fax.png" border="0" width="16" height="16" /></td>

<td style="font-size: 12px;">01204 694552</td>

</tr>

<tr>

<td><img src="images/stories/info.png" border="0" /></td>

<td style="font-size: 12px;">Opening hours: Lines are open Mon – Fri 6am – 6pm Sat – 10am – 4pm (closed Sunday)</td>

</tr>

<tr>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

</tr>

</tbody>

</table>

i was looking at the code in firebug and could see that there were like 15 <br/> tags but they were not present in the source code.....so posting the code would help

 

That suggests the code is being created client side. So check you're Javascripts :)

 

The fact that theirs 15, sounds like it's slipped inside a loop somewhere.

 

Is it consistently at 15? or does it slowly increase the longer the page is left open?

  • Author

That suggests the code is being created client side. So check you're Javascripts :)

 

The fact that theirs 15, sounds like it's slipped inside a loop somewhere.

 

Is it consistently at 15? or does it slowly increase the longer the page is left open?

 

Yeah its nowhere to be seen in the source code, its only displaying on the one page with this joomla component installed but i cant see anything that could be doing it, Unfortunately i don't really understand js. Is there no way of me targeting the <br>'s?

 

Thanks for all your suggestions.

Yeah its nowhere to be seen in the source code, its only displaying on the one page with this joomla component installed but i cant see anything that could be doing it, Unfortunately i don't really understand js. Is there no way of me targeting the <br>'s?

 

Thanks for all your suggestions.

 

Do you have a link I could look at?

Just for clarity to anyone else coming in, this is the source that is generated.

 

<div class="jform">		
   <table class="jform">
       <tr>
    <td>
        <h2>Contact Form</h2>
	<form name="jform" action="/index.php/component/jforms/submit/1.html" method="post" enctype="multipart/form-data" onsubmit="return validateForm_1(this);">
		<div class='jfhtml'><table style="font-size: 12px;" border="0"><br /><tbody><br /><tr><br /><td><img src="/images/stories/address.png" border="0" width="16" height="16" /></td><br /><td style="font-size: 12px;"><br /><p>Address:</p><br /><p>Choose Platinum Properties</p><br /><p>188 Lee Lane</p><br /><p>Horwich</p><br /><p>Bolton</p><br /><p>BL67JE</p><br /></td><br /></tr><br /><tr><br /><td><img src="/images/stories/email.png" border="0" width="16" height="16" /></td><br /><td style="font-size: 12px;"><a href="mailto:info@chooseplatinum.co.uk">info@chooseplatinum.co.uk</a></td><br /></tr><br /><tr><br /><td><img src="/images/stories/tel.png" border="0" width="16" height="16" /></td><br /><td style="font-size: 12px;">01204 694552</td><br /></tr><br /><tr><br /><td><img src="/images/stories/fax.png" border="0" width="16" height="16" /></td><br /><td style="font-size: 12px;">01204 694552</td><br /></tr><br /><tr><br /><td><img src="/images/stories/info.png" border="0" /></td><br /><td style="font-size: 12px;">Opening hours:  Lines are open Mon – Fri 6am – 6pm Sat – 10am – 4pm (closed Sunday)</td><br /></tr><br /><tr><br /><td></td><br /><td></td><br /></tr><br /><tr><br /><td></td><br /><td></td><br /></tr><br /></tbody><br /></table></div>		<div class='error-message' id='h1bbf_38_error'></div>
	<label class='jftextbox' id='h1bbf_38_label' for='h1bbf_38' style='width:102px;height:22px;'>Name:<span class="required" style="color:red"> * </span></label> 
	<input type='text' maxlength='50' class='jftextbox' value=' ' name='h1bbf' id='h1bbf_38' style='width:200px;height:16px;' />
	<div class="clear"></div>
	<div class='error-message' id='h6ba1_39_error'></div>
	<label class='jftextbox' id='h6ba1_39_label' for='h6ba1_39' style='width:104px;height:22px;'>E-mail:<span class="required" style="color:red"> * </span></label> 
	<input type='text' maxlength='50' class='jftextbox' value='' name='h6ba1' id='h6ba1_39' style='width:200px;height:16px;' />
	<div class="clear"></div>
	<div class='error-message' id='hd89b_40_error'></div>
	<label class='jftextbox' id='hd89b_40_label' for='hd89b_40' style='width:104px;height:23px;'>Message Subject:</label> 
	<input type='text' maxlength='50' class='jftextbox' value='' name='hd89b' id='hd89b_40' style='width:200px;height:16px;' />
	<div class="clear"></div>
	<div class='error-message' id='h1b5f_41_error'></div>
	<label class='jftextarea' for='h1b5f_41' id='h1b5f_41_label' for='h1b5f' style='width:99px;height:22px'>Message</label> 
	<textarea rows='0' cols='0' class='jftextarea' name='h1b5f' id='h1b5f_41' style='width:200px;height:100px;'></textarea>
	<div class="clear"></div>
	<div class='error-message' id='h81d6_42_error'></div>
	<script type='text/javascript'>
		var RecaptchaOptions = {
			theme : 'red',
			lang : 'en'
		};
	</script>
	<script type="text/javascript" src="http://api.recaptcha.net/challenge?k=6Lfsdb0SAAAAADUHHildxPp5mSdHXttKxaSBJdlw"></script>

<noscript>
 		<iframe src="http://api.recaptcha.net/noscript?k=6Lfsdb0SAAAAADUHHildxPp5mSdHXttKxaSBJdlw" height="300" width="500" frameborder="0"></iframe><br/>
 		<textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea>
 		<input type="hidden" name="recaptcha_response_field" value="manual_challenge"/>
</noscript>
	<div class="clear"></div>
	<input name='hf475' class='jfbutton' type='submit' value='Submit' style='width:70px;height:25px;' />
	<div class="clear"></div>
		<input type="hidden" name="option" value="com_jforms" />
		<input type="hidden" name="task" value="submit" />
		<input type="hidden" name="uid" value="0" />
		<input type="hidden" name="id" value="1" />
		<input type="hidden" name="Itemid" value="14" />
		<input type="hidden" name="9e36beb95933372d39a08ef6d5691f48" value="1" />		</form>
</td>
</tr>
</table>
</div>

Where does this code originate from?

 

<div class='jfhtml'><table style="font-size: 12px;" border="0"><br /><tbody><br /><tr><br /><td><img src="/images/stories/address.png" border="0" width="16" height="16" /></td><br /><td style="font-size: 12px;"><br /><p>Address:</p><br /><p>Choose Platinum Properties</p><br /><p>188 Lee Lane</p><br /><p>Horwich</p><br /><p>Bolton</p><br /><p>BL67JE</p><br /></td><br /></tr><br /><tr><br /><td><img src="/images/stories/email.png" border="0" width="16" height="16" /></td><br /><td style="font-size: 12px;"><a href="mailto:info@chooseplatinum.co.uk">info@chooseplatinum.co.uk</a></td><br /></tr><br /><tr><br /><td><img src="/images/stories/tel.png" border="0" width="16" height="16" /></td><br /><td style="font-size: 12px;">01204 694552</td><br /></tr><br /><tr><br /><td><img src="/images/stories/fax.png" border="0" width="16" height="16" /></td><br /><td style="font-size: 12px;">01204 694552</td><br /></tr><br /><tr><br /><td><img src="/images/stories/info.png" border="0" /></td><br /><td style="font-size: 12px;">Opening hours:  Lines are open Mon – Fri 6am – 6pm Sat – 10am – 4pm (closed Sunday)</td><br /></tr><br /><tr><br /><td></td><br /><td></td><br /></tr><br /><tr><br /><td></td><br /><td></td><br /></tr><br /></tbody><br /></table></div>		<div class='error-message' id='h1bbf_38_error'></div>

 

It looks to me like the javascript is lifting that code away to only leave the <br> tags.

 

I have no idea how joomla works, so you're gonna need to hunt around in the module files for that. Just look for the class="jfhtml" line, that'll be the first piece in the breadcrumb trail. and follow it until you can remove all the br tags from that code.

Edited by bocaj

Hi,

 

This is going to be really simple but im pulling my hair out trying to solve this,

 

I've just installed a joomla component called jforms and have added a html field to the form but when it is displaying it is adding about 15 <br > tags.

 

The link to the page is below:

 

http://myphotoforum.co.uk/index.php/contact-us.html

 

I've had a look in the jforms component and cant see anything that could be doing it in there.

 

Does anyone have any suggestions as to how i can get rid of or override the <br > tags?

 

Thanks in advance

 

Jonny

 

Hi Johny,

 

I have gone through your code and fixed your problem.

Here is the rectified Code.Just copy and paste it in your file.

 

<div class="jform">

<table class="jform">

<tr>

<td>

<h2>Contact Form</h2>

<form name="jform" action="/index.php/component/jforms/submit/1.html" method="post" enctype="multipart/form-data" onsubmit="return validateForm_1(this);">

<div class='jfhtml'><table style="font-size: 12px;" border="0"><tbody><tr><td><img src="/images/stories/address.png" border="0" width="16" height="16" /></td><td style="font-size: 12px;"><p>Address:</p><br /><p>Choose Platinum Properties</p><br /><p>188 Lee Lane</p><br /><p>Horwich</p><br /><p>Bolton</p><br /><p>BL67JE</p></td></tr><tr><td><img src="/images/stories/email.png" border="0" width="16" height="16" /></td><td style="font-size: 12px;"><a href="mailto:info@chooseplatinum.co.uk">info@chooseplatinum.co.uk</a></td></tr><tr><td><img src="/images/stories/tel.png" border="0" width="16" height="16" /></td><td style="font-size: 12px;">01204 694552</td></tr><tr><td><img src="/images/stories/fax.png" border="0" width="16" height="16" /></td><td style="font-size: 12px;">01204 694552</td></tr><tr><td><img src="/images/stories/info.png" border="0" /></td><td style="font-size: 12px;">Opening hours: Lines are open Mon – Fri 6am – 6pm Sat – 10am – 4pm (closed Sunday)</td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr></tbody></table></div> <div class='error-message' id='h1bbf_38_error'></div>

<label class='jftextbox' id='h1bbf_38_label' for='h1bbf_38' style='width:102px;height:22px;'>Name:<span class="required" style="color:red"> * </span></label>

<input type='text' maxlength='50' class='jftextbox' value=' ' name='h1bbf' id='h1bbf_38' style='width:200px;height:16px;' />

<div class="clear"></div>

<div class='error-message' id='h6ba1_39_error'></div>

<label class='jftextbox' id='h6ba1_39_label' for='h6ba1_39' style='width:104px;height:22px;'>E-mail:<span class="required" style="color:red"> * </span></label>

<input type='text' maxlength='50' class='jftextbox' value='' name='h6ba1' id='h6ba1_39' style='width:200px;height:16px;' />

<div class="clear"></div>

<div class='error-message' id='hd89b_40_error'></div>

<label class='jftextbox' id='hd89b_40_label' for='hd89b_40' style='width:104px;height:23px;'>Message Subject:</label>

<input type='text' maxlength='50' class='jftextbox' value='' name='hd89b' id='hd89b_40' style='width:200px;height:16px;' />

<div class="clear"></div>

<div class='error-message' id='h1b5f_41_error'></div>

<label class='jftextarea' for='h1b5f_41' id='h1b5f_41_label' for='h1b5f' style='width:99px;height:22px'>Message</label>

<textarea rows='0' cols='0' class='jftextarea' name='h1b5f' id='h1b5f_41' style='width:200px;height:100px;'></textarea>

<div class="clear"></div>

<div class='error-message' id='h81d6_42_error'></div>

<script type='text/javascript'>

var RecaptchaOptions = {

theme : 'red',

lang : 'en'

};

</script>

<script type="text/javascript" src="http://api.recaptcha.net/challenge?k=6Lfsdb0SAAAAADUHHildxPp5mSdHXttKxaSBJdlw"></script>

 

<noscript>

<iframe src="http://api.recaptcha.net/noscript?k=6Lfsdb0SAAAAADUHHildxPp5mSdHXttKxaSBJdlw" height="300" width="500" frameborder="0"></iframe><br/>

<textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea>

<input type="hidden" name="recaptcha_response_field" value="manual_challenge"/>

</noscript>

<div class="clear"></div>

<input name='hf475' class='jfbutton' type='submit' value='Submit' style='width:70px;height:25px;' />

<div class="clear"></div>

<input type="hidden" name="option" value="com_jforms" />

<input type="hidden" name="task" value="submit" />

<input type="hidden" name="uid" value="0" />

<input type="hidden" name="id" value="1" />

<input type="hidden" name="Itemid" value="14" />

<input type="hidden" name="9e36beb95933372d39a08ef6d5691f48" value="1" /> </form>

</td>

</tr>

</table>

</div>

 

Thanking You,

Futureistic Team.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.