Change default text in search box with custom HTML?

Hello,

I am using Confluence 4.3.3. I am using the Documentation Theme. When editing a page, I see "Search Confluence". I want to override that.

I inserted this custom HTML block into the "At end of BODY" section in "Administration > Look and Feel > Custom HTML" section, but it failed when trying to save.

<script type="text/javascript">
 
AJS.toInit(function ($) {
        var search = jQuery(".quick-search-query");
        search.each(function() {
            searchBox = jQuery(this);
            searchBox.data("quicksearch", {
                placeholder: "Search me",
                placeholded: true
            });
            searchBox.trigger("focus");
            searchBox.trigger("blur");
        });
});
</script>

Specifically, a browser error reported from URL "<base url>/admin/doeditcustomhtml.action" that "the connection was reset while the page was loading".

What am I missing?

Or do I need to do this with a user macro e.g. {my_searchbox_text} and call {my_searchbox_text} in the "AT end of BODY" section in the "Custom HTML" view?

PS. My problem is exactly as reported in https://answers.atlassian.com/questions/20506/change-the-default-text-in-the-search-box like but seems like I can only answer it, not ask;-)

Cheers,

- lisa

2 answers

1 accepted

Thank you, Daniel!

HI

Use below code,

<script type="text/javascript">
var defaultText = "Sitede ara…";
var searchBox = document.getElementById("ctl00_ctl34_S52EF3DAB_InputKeywords");

//default text after load
searchBox.value = defaultText;

//on focus behaviour
searchBox.onfocus = function () {
if (this.value == defaultText) {//clear text field
this.value = '';
}
}
</script>

Suggest an answer

Log in or Sign up to answer
How to earn badges on the Atlassian Community

How to earn badges on the Atlassian Community

Badges are a great way to show off community activity, whether you’re a newbie or a Champion.

Learn more
Community showcase
Posted Thursday in Off-topic

Friday Fun: Magic Eyes

...staring into the background. Once the image pops out in 3D, you can look around the picture and enjoy. If you will see if you are a true illusion master! :) You did it? :) Wow! Awesome! As a bonus...

457 views 83 11
Join discussion

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you