Make custom field default text disappear onfocus

I have custom fields that are textareas and text inputs. Would like default value to disappear when the user clicks on the field. I know I can do this by using onfocus? Not sure where to look for this code or what I should insert to make it work.

The idea is that I want to add a description of the field for the user. The text title/label is not enough as a description field.

Is there another way to create a description for the custom field item? If I use the default text it submits that value, which I dont want.

Hi,

You have to edit the file "administrator/components/com_hikashop/classes/fields.php" function "display()" in the class "hikashopTextarea", and in the .js add the desired code to remove the content on focus.

I'm assuming you mean line 1574 which is this line:



can you give me the string to achieve the following:

onfocus delete default value
and
onsubmit if value is the default value don't submit value

Hi,

Why not using the HTML5 "placeholder" tag ?
Compatible with new browser and it does not touch to the input value (so no problem with the submission of the form).
Otherwise, the javascript will be very complex.

Regards,

ok. how do i do that???

Also, if it's not compatible with older browsers it might be a problem because it is the only description of the field. So if it is not compatible then there will be no description of the field.

Hi,

You can simply use the content of $js but put this line out the if condition like: So everytimes, the default value will be removed onfocus.
And is the textarea is empty, it will reset the default value. You can add css properties in the javascript to change the color for example to show that the text is the description.

ps: for the previous method, you have to set a default value in the custom field configuration.

Ok. This seems to work.

Problem 1: When I add to cart it submits the default value. I don't want default value submitted.

Problem 2: Why is it when I have a custom field enabled and I click "add to cart", it takes me to the checkout page? As opposed to, when I don't have a custom field, it simply adds to the cart and stays on the same page? I'd like to have the custom field enabled and stay on the same page once "add to cart" is clicked.

Hi,

Problem 1: As you said before, you have to add a onsubmit in the form, check the custom field value and if it's equal to the default value, erase it.

Problem 2: The custom fields should not change the way the form is submitted, and the redirection. Have you edited any view related on the custom fields - product - cart ?

Problem 1: I don't know JS (that's why I asked how to do it), can you show me how? I assume this would go in the same script mentioned above.

I tried this but didn't work:


Problem 2: No. All I know is that when the custom fields are enabled, once the add to cart button is clicked from the product page it goes to the checkout. If the custom field is not enabled it stays on same page.

Hi,

I am really sorry to insist but, this is not the right solution.
As I said, using such trick will be very complicated for the javascript. Using the "placeholder" attribute will be easier and could be easily compatible with old browser.
By default, the placeholder attribute is compatible with:
* Firefox 4.0+
* Opera 11.01+
* Chrome 3.0+
* Safari 3.0+
* Internet Explorer 10+
For old version, there are some script, like a little jQuery script: And a little CSS The script support all cases (focus, blur and form submission). So there is no more development to do.

About the attribute, you can set the placeholder attribute like other attributes (like the class or the javascript events).
So, something like: should work good.

Best regards,

Jerome, can you tell me exactly what to do, as I am a little confused. I will have several custom fields, so will this apply to all of them? and will I still be able to set the default value through custom field backend admin?

Can you give me a step by step and where I should put the codes you mentioned?

Jerome simply said to replace the line:
$js = 'onfocus="if(this.value == \''.$value.'\') this.value = \'\';" onblur="if(this.value='\') this.value=\''.$value.'\';"';

by:
$js = 'placeholder="'.$value.'"';

in the field.php file.