Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5

Thread: please help

  1. #1
    Registered User
    Join Date
    May 2013
    Posts
    3
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Unhappy please help

    the following code is form wepay.com it is an input box with a button under the box. i am trying to get the button beside of the input box. but im having no luck


    <a class="wepay-widget-button wepay-green" id="wepay_widget_anchor_5182e7ca69439" href="https://www.wepay.com/donations/1773667298">Donate</a><script type="text/javascript">var WePay = WePay || {};WePay.load_widgets = WePay.load_widgets || function() { };WePay.widgets = WePay.widgets || [];WePay.widgets.push( {object_id: 1773667298,widget_type: "donation_campaign",anchor_id: "wepay_widget_anchor_5182e7ca69439",widget_options: {donor_chooses: true,allow_cover_fee: true,enable_recurring: true,allow_anonymous: true,button_text: "Donate"}});if (!WePay.script) {WePay.script = document.createElement('script');WePay.script.type = 'text/javascript';WePay.script.async = true;WePay.script.src = 'https://static.wepay.com/min/js/widgets.v2.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(WePay.script, s);} else if (WePay.load_widgets) {WePay.load_widgets();}</script>

  • #2
    Regular Coder
    Join Date
    Aug 2012
    Posts
    123
    Thanks
    0
    Thanked 25 Times in 25 Posts
    i fiddled with your request and actually i never heard of we pay but i did use css and table to get to two to be inline, the "!important" after the CSS code doesn't seem to be needed for the margin or float, but for decorating your button it looks like this is required.

    Hope this helps:

    Code:
    <!DOCTYPE html>
    <html>
    <head>
    <style type="text/css">
    table{
    width:400px;
    }
    .test{
    display:none;
    font-size:120% !important;
    background:red !important;
    border: 3px solid blue !important;
    margin:-55px 0px 0px 0px !important;
    float: right !important;
    }
    </style>
    </head>
    <body>
    <table border="1">
    <tr>
    <td><a class="wepay-widget-button wepay-green test" id="wepay_widget_anchor_5182e7ca69439">Give Me Your Money</a></td>
    </tr>
    </table>
    
    <script type="text/javascript">
    var WePay = WePay || {};
    WePay.load_widgets = WePay.load_widgets || function() { };
    WePay.widgets = WePay.widgets || [];
    WePay.widgets.push( 
       {object_id: 1773667298,
        widget_type: "donation_campaign",
         anchor_id: "wepay_widget_anchor_5182e7ca69439",
           widget_options: {
                             donor_chooses: true,
                             allow_cover_fee: true,
                             enable_recurring: true,
                             allow_anonymous: true,
                              button_text: "Donate"
                             }
        });
    
    if(!WePay.script) 
                      {
                          WePay.script = document.createElement('script');
                          WePay.script.type = 'text/javascript';
                          WePay.script.async = true;
                          WePay.script.src = 'https://static.wepay.com/min/js/widgets.v2.js';
                          var s = document.getElementsByTagName('script')[0];
                          s.parentNode.insertBefore(WePay.script, s);
                      } 
    else if(WePay.load_widgets) 
    { 
    WePay.load_widgets();
    }
    </script> 
    
    </body>
    </html>
    Last edited by Brandnew; 05-03-2013 at 07:42 AM.
    1 Corinthians 15:3-4 / Ephesians 2:8-9 - What or Who are you living for?

  • Users who have thanked Brandnew for this post:

    joshuawilsonorg (05-05-2013)

  • #3
    Registered User
    Join Date
    May 2013
    Posts
    3
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Thumbs up

    THANKS SO MUCH!!!!!!

  • #4
    Registered User
    Join Date
    May 2013
    Posts
    3
    Thanks
    2
    Thanked 0 Times in 0 Posts
    how do you make the button "give me your money" open in a new tab? the video on my page cuts into "give me your money" pop up in Internet Explorer

    my page http://islifeoutthere.joshuawilson.com/

  • #5
    Regular Coder
    Join Date
    Aug 2012
    Posts
    123
    Thanks
    0
    Thanked 25 Times in 25 Posts
    Hey Joshua,

    i tried fiddling around the WePay button with some css and i think there are potentially two sources of problems, 1) being the browser (internet explorer) since firefox and chrome don't seem to have a problem
    2) the actual WePay frame work, this would have to be potentially modified to accommodate the quirk in ie.
    So here is a potential solution for you, with internet explorer you can you use conditional comments to potentially change the overall layout of your page just for individuals using ie. Here is an example:
    Code:
    <!DOCTYPE html>
    <!--[if IE]>
               <body class="ie8">
    <![endif]-->
    
    
    <html>
    <head>
    <style type="text/css">
    body{
    background-color:lavender;
    }
    body.ie8{
    background-color:blue;
    }
    </style>
    </head>
    <div >
    <body>
    </body>
    </div>
    </html>
    Basically what is happening, if the browser is internet explorer the background color will be in blue while in other browsers this will be in lavender.

    If you'd like to go with this approach i can try to update your page to accommodate this change due to ie....

    hope this helps

    God bless =)
    1 Corinthians 15:3-4 / Ephesians 2:8-9 - What or Who are you living for?

  • Users who have thanked Brandnew for this post:

    joshuawilsonorg (05-08-2013)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •