Hello.
Just discovered this small script:
http://www.gravityhelp.com/clearing-default-form-field-values-with-jquery/
which exactly what I'm after, BUT it conflicts with the Nextgen gallery, getting som strange layout issues. I put the
<?php wp_enqueue_script("jquery"); ?>
<?php wp_head(); ?>in my header before the script.
I found some posts recommending a no conflict mode, but know absolutely 0 about jQuery.
thanks in advance.
Can you post a link to your site where this conflict is visible? Thanks.
I found the form where you're using the jQuery here:
http://ncfg.dk/tilmeld
It seems to work fine, and there are no JavaScript errors. Is there another page where there ARE JavaScript errors or layout issues due to the addition of this script? Thanks
Yes! All the pages with nextgen galleries has Javascript errors (ie front page). I am using image browser functionality in Nextgen plugin, but the wp_head somehow turn on a thickbox effect.
Obviously I know nothing about jQuery, but maybe it's possible to make the wp_head() specific to the "clearit" script?
Ahh, so you are including the clearit script on all pages, when it's really only needed on the one page? Are there other pages that require the script? We can make the code specific to that one page, or figure out what the conflict it. It will be pretty easy to include the clearit script on just the one page if that solution will work for you.
Actually, I think the problem is that you were prepared to use jQuery.noConflict as $j, but you never did. All references to jQuery after the line that begins $var $j = should be changed to $j. Try this:
[js]
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function() {
$j.fn.cleardefault = function() {
return this.focus(function() {
if( this.value == this.defaultValue ) {
this.value = "";
}
}).blur(function() {
if( !this.value.length ) {
this.value = this.defaultValue;
}
});
};
$j(".clearit input, .clearit textarea, #insearchbox input.field").cleardefault();
});
</script>I planning on embedding gravity forms on other pages too, and I like the fact, that the script also worked with the search functions/page!
Unfortunately the revised script didn't work, but thanks.
EDIT: It works now!
I compared the code generated with and without wp_head(), and found that all kind of Nextgen code was there and these three lines:
<script type='text/javascript' src='http://ncfg.dk/wp-includes/js/l10n.js?ver=20101110'></script>
<script type='text/javascript' src='http://ncfg.dk/wp-includes/js/jquery/jquery.js?ver=1.6.1'></script>
<script type='text/javascript' src='http://ncfg.dk/wp-includes/js/jquery/jquery.form.js?ver=2.73'></script>which seemed important :)
so I replaced wp_head() with those three lines, and now both the script and Nextgen behaves.
Thanks for your repsonse though. Tip top support.
I'm glad you got it sorted out.