jquery v javascript

Question

I have a function which I need to appear within a jQuery $(document).ready(function() {} - I am au fait with javascript but not really worked with jQuery. How can I jQuerify this function?

function populateContext()
{
    contextTxtBox = document.getElementById('searchContext');
    pathArr = window.location.pathname.split( '/' );
    contextTxtBox.value = pathArr[1].toUpperCase(); 
};

jQuery is JavaScript, it just offers some functions to make frequently used tasks easier, but also slower. This task is trivial, and is best left alone with simple Javascript, as it will be faster, and will have less dependences. — Alex
– Alex, Commented Sep 8, 2010 at 15:26

esamatti · Accepted Answer · 2010-09-08 15:36:22Z

4

jQuerify? Make it a plugin!

(function($){

    $.fn.populateContext = function(){
        var pathArr = window.location.pathname.split( '/' );
        return this.val(pathArr[1].toUpperCase());
    };


}(jQuery));

and use it like this

$(document).ready(function(){
    // Same as window.onload
    $("#searchContext").populateContext();
});

answered Sep 8, 2010 at 15:36

esamatti

19.1k11 gold badges83 silver badges83 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

BoltClock Over a year ago

Shucks, I just used up my last vote elsewhere so I can't up this one. But props for turning it into a plugin! True spirit of jQuery :)

BoltClock · Accepted Answer · 2010-09-08 15:24:44Z

3

It's actually nearly identical since the only thing I find worth jQuerifying (nice word) is the DOM element.

function populateContext()
{
    var contextTxtBox = $('#searchContext');
    var pathArr = window.location.pathname.split('/');
    contentTxtBox.val(pathArr[1].toUppercase());
}

$(document).ready(function()
{
    populateContext();
});

answered Sep 8, 2010 at 15:24

BoltClock

728k165 gold badges1.4k silver badges1.4k bronze badges

3 Comments

BoltClock Over a year ago

That was a typo, I meant val().

Ruan Mendes Over a year ago

cane be simplified to $(document).ready(populateContext) if this all you're doing

David Murdoch Over a year ago

can be simplified further to $(populateContext); if this all you're doing

Alexander_F · Accepted Answer · 2010-09-08 15:25:32Z

1

this way, if i understand you correctly

function populateContext()
{
    contextTxtBox = $('#searchContext');
    pathArr = window.location.pathname.split( '/' );
    contextTxtBox.val(pathArr[1].toUpperCase()); 
};

answered Sep 8, 2010 at 15:25

Alexander_F

2,8873 gold badges30 silver badges62 bronze badges

Comments

Stefanvds · Accepted Answer · 2010-09-08 15:25:34Z

1

$(document).ready(function() {
//whatever code you want

});

function populateContext()  {
    pathArr = window.location.pathname.split( '/' );
    $("#searchContext").Val(pathArr[1].toUpperCase()); 
};

just a sidenote: jQuery IS javascript so you can mix and match :)

answered Sep 8, 2010 at 15:25

Stefanvds

5,9065 gold badges51 silver badges73 bronze badges

Comments

michael · Accepted Answer · 2010-09-08 15:32:56Z

1

This should do the trick

function populateContext() {
    var aPath = $( location ).attr( 'href' ).split( "/" );
    $( '#searchContext' ).val( aPath[1].toUpperCase() )
}

answered Sep 8, 2010 at 15:32

michael

4,5136 gold badges42 silver badges57 bronze badges

1 Comment

michael Over a year ago

I seem to be the only one who is jQuerifying the location :)

gen_Eric · Accepted Answer · 2010-09-08 15:25:58Z

0

function populateContext(){
    contentTxtBox = $('#searchContext');
    pathArr = window.location.pathname.split( '/' );
    $(contextTxtBox).val(pathArr[1].toUpperCase());
}

answered Sep 8, 2010 at 15:25

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

Comments

Uoli · Accepted Answer · 2010-09-08 15:27:42Z

0

I am not sure aout what you mean, but you could just do:

$(document).ready(function() {
    populateContext()
});

If you want to improve your function to make use of jQuery, you could do this way:

function populateContext() {
    var $contextTxtBox = $('#searchContext');
    pathArr = window.location.pathname.split( '/' );
    $contextTxtBox.val(pathArr[1].toUpperCase()); 
};

If you provide more information, about what exactly is your doubt, i may be able to explain better.

answered Sep 8, 2010 at 15:27

Uoli

936 bronze badges

2 Comments

ashash Over a year ago

My actual instructions are to add: on DOM loaded function listener 'DomLoaded' ----------- function populateContext() { contextTxtBox = document.getElementById('searchContext'); pathArr = window.location.pathname.split( '/' ); contextTxtBox.value = pathArr[1].toUpperCase(); } // populate the search context DomLoaded.load(populateContext); How does Jquery handle listeners??

Uoli Over a year ago

It depends on the kind of event you are interested, in your case, is the DOM Ready event, you can simply: $(document).ready(callback); and the jQuery will call the "callback" function when DOM is ready. But i think you should read: api.jquery.com/ready it will make things more clear :)

Collectives™ on Stack Overflow

jquery v javascript

7 Answers 7

1 Comment

3 Comments

Comments

Comments

1 Comment

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

1 Comment

3 Comments

Comments

Comments

1 Comment

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related