PayPal按钮更换

贝宝提供用下面的代码按钮：PayPal按钮更换

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"> 
<input type="hidden" name="cmd" value="_s-xclick"> 
<input type="hidden" name="hosted_button_id" value="96FKD7W4CCMEE"> 
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">

我宁愿用我自己的按钮而不是贝宝的“立即购买”按钮，这里提供。我想要的按钮的代码是：

<div style="background-color:#000000;color:#ffffff;" class="button"><p align="center" style="font-size:30px;">Purchase</p></div> 

.button { 
background-color:#64A9FD; 
padding:20px; 
width:200px; 
cursor:pointer; 
opacity:0.8; 
}

我该如何替换我自己的贝宝按钮。

我已经试过：

偎依在形式开始和结束标记之间我的按钮 - 贝宝的按钮仍然显示

删除该标记 - 按钮根本不

工作

删除标记中的“SRC =”“” - 替换文字链接我到目的地，但点击按钮没有

来源

2014-07-09 etangins

Live Demo

给出的div例如mySubmit的ID，去除图像，因为它被命名为“提交”，这将阻止通过脚本提交（除非你点击它），做

window.onload=function() { 
    document.getElementById("mySubmit").onclick=function() { 
    document.forms[0].submit(); 
    } 
}

假设贝宝形式是第一个在页面上

如果PAYPAL上有一个名为提交，你可以尝试隐藏表单按钮坚持，图像变成一个提交按钮，并使用

window.onload=function() { 
    document.getElementById("mySubmit").onclick=function() { 
    document.getElementsByName("submit")[0].click(); 
    } 
}

再次[0]是第一个名为在页面上提交的元素

来源

2014-07-09 19:31:21 mplungjan

贝宝形式是在体内的html文档。看看你的代码，是否有一个[0]的数组意味着显示的第一个表单？如果我有多个贝宝按钮（即页面上的多个表单），我会给每个div不同的ID并将表单[0]更改为表单[1]等...？ – etangins

是的，这是正确的 – mplungjan

所以如果我有三个不同的形式（由它们在HTML中列出的顺序去），如果我给了DIV按钮形式3 mySubmit3 的document.getElementById（“mySubmit3”）的ID。 onclick = function（）{ document.forms [3] .submit（）; 会工作吗？ – etangins

-1

您也可以通过jQuery来做到这一点。使用此代码 -

jQuery(document).ready(function(){ 
    jQuery('input[type="image"][name="submit"][alt]').replaceWith('<input type="submit" name="submit" id="paypal-btn" value="Buy Now" alt="PayPal - The safer, easier way to pay online!">'); 
});

，并在您的stylesheet.css中把这些CSS代码为背景图像

#paypal-btn{background:url(images-path); 
color:transparent; 
}

注：评论上面的CSS代码并添加按钮给你的CSS代码。

来源

2014-07-09 20:05:21 nishant

在表单中不要调用任何名称=“submit”，并且您没有用形状像按钮的div来替换图像这里 – mplungjan

PayPal按钮更换

回答

相关问题