Solved

search for src filename using jQuery

Posted on 2014-01-30
6
318 Views
Last Modified: 2016-03-24
Hi,

I have this bit of code and I need to dynamically change some CSS on a paypal button. How do I search for the source filename in this part:

<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_installment_plan_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">

Open in new window


So I'm looking for the input type='image' where src='https://www.paypalobjects.com/en_US/i/btn/btn_installment_plan_LG.gif'

Thank you!
0
Comment
Question by:Victor Kimura
  • 3
  • 3
6 Comments
 
LVL 58

Expert Comment

by:Gary
ID: 39821373
This would get the object, what you do with it then is upto you
$("input[src='https://www.paypalobjects.com/en_US/i/btn/btn_installment_plan_LG.gif']")
0
 

Author Comment

by:Victor Kimura
ID: 39821374
I tried this:

var inputTypes = [];

                $('p#encypted_ppbtn input').each(function(){

                    var sCurSrcVal= $(this).attr(src);

                    if ( sCurSrcVal == "https://www.paypalobjects.com/en_US/i/btn/btn_installment_plan_LG.gif" ) {

                        $(this).css({"border": "0"});

                    }
                    inputTypes.push($(this).attr('type'));

                });

Open in new window


But it's failing at:
 var sCurSrcVal= $(this).attr(src);

How come?
0
 
LVL 58

Expert Comment

by:Gary
ID: 39821380
Think you missed my comment above. Here's an example to change the src
http://jsfiddle.net/GaryC123/6v5uS/1/
0
Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

 

Author Comment

by:Victor Kimura
ID: 39821388
Oh, I forgot the quotes:

var sCurSrcVal= $(this).attr('src');

=)
0
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 39821398
If all you want to do is remove the border on the paypal button then just use

$("input[src='https://www.paypalobjects.com/en_US/i/btn/btn_installment_plan_LG.gif']").css({"border": "0"});
0
 

Author Comment

by:Victor Kimura
ID: 39821635
oh, that's much easier. Thanks, Cathal! =)
0

Featured Post

Resolve Critical IT Incidents Fast

If your data, services or processes become compromised, your organization can suffer damage in just minutes and how fast you communicate during a major IT incident is everything. Learn how to immediately identify incidents & best practices to resolve them quickly and effectively.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

OverviewThis article demonstrates a simple search form using AJAX. The purpose of the article is to demonstrate how to use the same code to render a page and javascript (JQuery) and AJAX to make subsequent calls to refine the results. The princip…
Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

829 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question