Modify Uservoice Textarea placeholder

Question

I try to modify the form of UserVoice.

Here the html code of the widget :

<article class="widget large-widget">
    <div class="viewport vertical-layout" data-viewport="" style="height: 325px;">
    <section class="pane instant-answers-omnibox-input-pane" style="display: block;">
    ....

        <form>

            <div class="pane-body" style="top: 48px; bottom: 119px; height: 158px;">
                <div data-stretch-vertical="" style="height: 158px;">
                    <textarea 
                         placeholder="Give feedback or ask for help…" 
                         data-autofocus="" 
                         data-search-input="" 
                         class="textbox textarea full-width full-height">
                    </textarea>
                </div>
           </div>

           ....

        </form>
     </section>
     </div>
</article>

I want to modify the placeholder of textarea, but It's impossible to access it.

Exemple :

jQuery('textarea').attr('class')   ->   <nothing>   (otherwise: 'textbox')

Thanks

Answer 1

I just noticed that uservoice uses an iframe for the widget! Sorry!

Answer 2

You are trying to get an attribute named class instead of placeholder.

Modify the html to give the textarea an id:

<textarea id="switch"
placeholder="Give feedback or ask for help…" 
data-autofocus="" 
data-search-input="" 
class="textbox textarea full-width full-height" />

as for the js code, select the id instead of the textarea:

$("#switch").attr( "placeholder", "New value of placeholder");

You can set specific conditions using "if" blocks if needed.