Redirecting using JQuery

Question

I have this page

In this page you will find a button called "get a quote".When I click on this button I want to go to google.com.

To do this, I tried the following code.

jQuery(function($) {
    $(".wpcf7-form-control.wpcf7-submit").click(function() {
        window.location = "www.google.com/index.php?id=";
    });
});

Unfortunately when someone clicks the button, the link appears this form.

http://dgprint.dg-site.com/www.google.com/?id=

Can anyone tell me why not work? The site is made with Wordpress plugin and used the "Contact form 7"

Thanks in advance!

EDIT:

<div class="contact-frm">
        <div class="right">
            <?php echo do_shortcode('[contact-form-7 id="9" title="get a quote"]'); ?>
        </div>
    </div>

EDIT2:

<p><input type="submit" value="get a quote" class="wpcf7-form-control wpcf7-submit"><img class="ajax-loader" src="http://dgprint.dg-site.com/wp-content/plugins/contact-form-7/images/ajax-loader.gif" alt="Sending ..." draggable="false" style="visibility: hidden;"></p>

Didn't you post the same question elsewhere? I gave you the right answer there! — Praveen Kumar Purushothaman, Jun 15 '15 at 11:48
Just add `http://` in front of your address and you're done, else it looks like a relative link... — Laurent S., Jun 15 '15 at 11:49
@Bartdude Actually he didn't add the part that I added in my answer. Have a look! — Praveen Kumar Purushothaman, Jun 15 '15 at 11:50

score 1 · Answer 1 · answered Jun 15 '15 at 11:49

1

Use this way:

jQuery(document).ready(function($) {
    $('.wpcf7-form-control .wpcf7-submit').click(function() {
        window.location = "http://www.google.com/index.php?id=" + $(this).attr("id");
// ------------------------------------------------------------^^^^
    });
});

answered Jun 15 '15 at 11:49

Praveen Kumar Purushothaman

164,888
24
203
252

I put the key and still does not work ... now there happens nothing – Gigi Jun 15 '15 at 11:51
Create a fiddle buddy! What URL is it navigating to, now? – Praveen Kumar Purushothaman Jun 15 '15 at 11:51
link remains standard ... do not add anything – Gigi Jun 15 '15 at 11:56
Can you edit your question to add the HTML? – Praveen Kumar Purushothaman Jun 15 '15 at 11:58
Okay @Gigi, what about the rendered HTML? What does the browser see? Not wordpress code plz. – Praveen Kumar Purushothaman Jun 15 '15 at 12:03
Okay, now it shows. Where exactly does it need to redirect? I mean, what should be the final URL? – Praveen Kumar Purushothaman Jun 15 '15 at 12:08
I want to go to http://www.google.ro – Gigi Jun 15 '15 at 12:11

Redirecting using JQuery

1 Answers1