Thread

First off, congratulations on the new EE site - sweet work guys!

I’m having a bit of a problem with setting values to my comment form URL input and textarea.

I’m using jQuery to hide labels on focus. My labels are set as input values and hide when a user focuses on the input.

My problem is the default value for the {url} field input overrides the value I set in the template and always remains as “http://”

I’m experiencing the same issue with my comment textarea although in this case I get no value at all. The textarea remains empty when I set the value to “Comment Here”.

How do I resolve this - I’d hate to change the entire design because it works for all other inputs.

Thanks,
Neo

Neo, to clarify, if you temporarily remove the jQuery do the input fields submit as expected?

Hi Brandon,

The comment submits just fine and I’ve tried disabling the jQuery - no luck.

The actual problem is that the labels don’t display as expected on my URL and Comment input fields. The labels are supposed to display within the input fields.

PLEASE NOTE: I made a mistake above. I’m actually setting the labels using the “title” attribute NOT ‘value’.

For the URL field I get the default “http://” label - I’m guessing because my value=”{url}”  ??
The label for my comment textarea doesn’t show up at all.

The site is live and you can see the behaviour here by scrolling down to the comments:
http://desyna.com/blog/building-desyna

I’m using the same code for my footer contact form and that appears to work fine.

Can you show us the code for your comment form?

Here you go: 😏

{exp:comment:form preview="{template_group}/index" disable="categories|pagination|trackbacks"}
            
            {if logged_out}
            <div id="makeCommentName">
                <input type="text" id="name" name="name" value="{name}" title="Name (*required)" class="comment-field fieldFocus" size="50" />
            </div>
            <div id="makeCommentEmail">
                <input type="text" id="from" name="email" title="Email (*required)" value="{email}" class="comment-field fieldFocus" size="50"/>
            </div>
            <div id="makeCommentUrl"> 
                <input type="text" id="website" name="url" title="Website (*optional)" value="{url}" class="comment-field fieldFocus" size="50"/>
            </div>
            <div id="comment-remember-info" class="comment-field">
                <input class="comment-checkbox" type="checkbox" name="save_info" value="yes" {save_info} />
                Remember my personal information
            </div>
            {/if}

            <div id="makeCommentComment">
                <textarea title="Comment Here (*required)" class="comment-field fieldFocus" name="comment" cols="1" rows="1">{comment}</textarea>
            </div>
            
            <div class="comment-field inputBtn">
                <input class="cta-button" id="sendComment" type="submit" name="submit" value="Submit"/>
            </div>

{/exp:comment:form}

If you want to have your fields pre-filled, as it were, you need specify that value= attribute. Try this:

<input type="text" id="website" name="url" value="Website" />
<textarea name="comment" cols="1" rows="1">Comment Here</textarea>

Thanks Ingmar,

I just worked it out - for some reason my ‘pre-filling’ with EE tags was causing some complications.

Thanks for your help - case solved. 😊

Neo

Glad you’re up and running, Neo!