如何添加标题在JavaScript按钮

我的基本代码:

<button class="puple margin-right" type="button" onclick="setPasswordForm()" title="<?php echo $this->__('Change Password') ?>" class="button"><span id="change_password_text"><?php echo $this->__('Change Password') ?></span></button> <script type="text/javascript"> //<![CDATA[ var dataForm = new VarienForm('form-validate', true); function setPasswordForm(){ var arg = $('change_password').value; if(arg == 0){ $('current_password').up(3).show(); $('current_password').addClassName('required-entry'); $('password').addClassName('required-entry'); $('confirmation').addClassName('required-entry'); $('change_password').setValue('1'); $('change_password_text').update('<?php echo $this->__('Cancel Change Password') ?>'); }else{ $('current_password').up(3).hide(); $('current_password').removeClassName('required-entry'); $('password').removeClassName('required-entry'); $('confirmation').removeClassName('required-entry'); $('change_password').setValue('0'); $('change_password_text').update('<?php echo $this->__('Change Password') ?>'); } } <?php if($this->getCustomer()->getChangePassword()): ?> setPasswordForm(); <?php endif; ?>

我有一个按钮“更改密码”,这将是变革的时候已经显示形式“更改密码”到“取消更改密码”。 如何添加按钮为“取消更改密码”标题? 任何答案?

--------------解决方案-------------

你只需要改变这些行

$('change_password_text').update('<?php echo $this->__('Cancel Change Password') ?>');

$('#change_password_text').text('Cancel Change Password');

这同样适用于else声明。

注意:你缺少一个#瞄准change_password_text ID。

首先在分配程序逻辑变量$ BUTTON_TITLE。

<button><?php echo $button_title; ?></button>

如果你寻求一个客户端(基于JavaScript的)解决方案,那就是:

<button id="submit_btn"></button>

在JavaScript中:

$('submit_btn').innerHTML = your_button_title_variable_set_in_javascript;

更新:关于分配PHP变量JavaScript变量:

在JavaScript中:

var your_button_title_variable_set_in_javascript = '<?php echo $button_title; ?>';

而已。

分类:JavaScript的 时间:2012-01-01 人气:0
本文关键词: JavaScript的,按钮的jQuery
分享到:

相关文章

  • 浏览器“返回”按钮与jQuery的动画页 2012-03-16

    我有一个具有挑战性的问题我一直在争夺一段时间. 问题:当我使用浏览器的后退按钮返回到上一个页面,所有的动画过起后,页面显示在它的最终状态. 我希望它显示在它的初始状态和重播动画. 我的网站使用一些基本的jQuery的动画. 各页面的初始状态具有隐藏的浏览器窗口的下边缘下方的主要内容,当窗口负载,主要内容动画最多出现在浏览器. 当访问者点击任何菜单链接,主要内容再次卷起并消失在浏览器窗口的上边缘上方 - 然后新的页面加载. 整个事情与这些代码两位来实现的: //Animate the conten

  • 上一个按钮的jQuery 2012-11-29

    我在我的页面这两个要素: <input type='button' value="undo" style="display:none" onClick = "undoFunction()"/> <input type='checkbox' onClick = "ajaxFunction()"/> 我希望当过我点击复选框,取消按钮会出现. 我已经使用jQuery的,但什么是错的. 这是行不通的. 这是我的

  • 使得另一个页面的JavaScript函数/按钮点击事件调用 2013-04-04

    我需要调用javascript函数(包含jquery.ajax()调用)像showfilterresult(). 此调用上调用喜欢"过滤器"的按钮的页面monitoring.gsp的onclick. 我正在呼叫来自不同的页面,我需要做的是加载页面montoring.gsp,也有这样的showfilterresult()调用加载的页面上进行. (所以我要让2呼叫,一个页面,另一个网页上的功能) 现在我这样做: <javascript> jQuery.ajax({ var my

  • 外部链接和硬件后退按钮使用jQuery Mobile 2013-12-18

    这是我的第一个网站使用jQuery Mobile,以及我与外部链接有问题. I'll显示哟一个例子. 这是一个页 <!DOCTYPE html > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>PageA</title> <meta name="viewport" content="width=device-width,

  • JavaScript执行超过超时 - jQuery Mobile的 2014-04-17

    我创建基于jQuery Mobile框架移动应用. 我使用WordPress作为CMS. 一切似乎很好地工作. 但是,一段时间向后和向前导航轮的应用程序后,突然按钮变为不可点击这个JavaScript错误. 16行JavaScript错误 http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js JavaScript的执行超时超标 这个错误是什么意思大致和为什么它不会立即发生吗? 又是如何得出其内jQuery的错误它的自

  • 使用javascript提交按钮事件 2012-03-24

    你好我已经提交按钮的HTML页面. 我想调用使用javascript提交按钮事件弗罗马不同的页面. 可能吗? 可有一个人给我任何的例子. 我从几个小时寻找它. 谢谢, --------------解决方案------------- 您可以使用form.submit()方法. document.forms["myform"].submit();

  • JavaScript的DOM对象jQuery对象 2012-05-10

    我怎么能一个JavaScript DOM对象转换为jQuery对象? <tr onclick="changeStatus(this)"> function changeStatus(myObject) { XXX.removeClass(); } 我应该在的地方XXX的写? 我知道我可以用一个ID和一个ID选择一种解决方法,但它不是那么优雅. 有没有什么办法来一个js DOM对象转换为jQuery对象或使用this jQuery中的关键字? --------------解决

  • JavaScript的命名空间与jQuery 2012-06-22

    你如何自定义JavaScript库取决于jQuery的管理空间? 你创建你自己的空间,说foo且有增加你的对象? 如foo.myClass, foo.myFunction 还是你的对象添加到jQuery的命名空间? 如jQuery.myClass, jQuery.myFunction 这是比较常见的做法,为什么? --------------解决方案------------- 这将取决于该库做什么. 如果您正在扩展的jQuery对象实例的功能,你会使用jQuery.fn在他的回答中描述的非常漂亮

  • 如何在JavaScript创建按钮图像和字幕一起 2012-06-30

    你好我想创建一个按钮,其中有标题(如类)和它的形象在按钮了. 因此,我们可以说,按钮具有标题+图片 我甲肝只能使用JavaScript --------------解决方案------------- 这与JavaScript创建按钮,并把吊牌"类别"来了. var btn = document.CreateElement("input"); btn.setAttribute("type", "button"); btn.set

  • 从自定义按钮调用JQuery的日期选择隐藏(),日历重新打开IE浏览器中 2012-10-14

    我有了与jQuery日期选择器,这是用来接受日期范围相关的两个文本框一个jQuery对话框. 我添加了一个自定义按钮来Jquery的日期选择器,被称为"保存". 问题是,当我按一下按钮,与它相关的函数执行,但日历保持打开状态. 我必须点击一个区域的日期选择器外,使日历接近. 我该如何解决这个问题? 这仅与IE浏览器看到. 工作正常FF. var startDateTextBox = $('#StartDate'); var endDateTextBox = $('#EndDate');

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.984 (s). 10 q(s)