<div class="login-anchor">
<?php
echo $this->anchor('login', $this->translate('login'), array('id' => 'login_control_anchor'));
- $anchortext = sprintf("%s<img id=\"account-info-bullet\" src=\"icons/bullet_arrow_right.png\"><span id=\"account-info\"><br>%s</span>",
+ $anchortext = sprintf("<span id=\"account-create-anchor\">%s</span><span id=\"account-info\"><br>%s</span>",
$this->translate('create an account'),
$this->translate('Whith an account, you can manage and modify your routes'));
?>
background-color: #BBBBFF;
}
-#account-info-bullet {
- /* in firefox, in image inside an anchor has a border */
- border: none;
- vertical-align: middle;
-}
-
#other-language {
opacity: 0.85;
filter:alpha(opacity=85);
}
}.bindAsEventListener(this));
- $("account-info").hide();
- $("account-info-bullet").observe('click', function(evt) {
- var elt = $("account-info");
- if (elt.visible()) {
- evt.target.src = "icons/bullet_arrow_right.png";
- elt.hide();
- } else {
- evt.target.src = "icons/bullet_arrow_down.png";
- elt.show();
- }
- evt.stop();
- });
+ $('account-create-anchor').insert({after: new Toggler('account-info').element});
},
presubmit: function() {
}
});
+var Toggler = Class.create({
+ initialize: function(target, options) {
+ options = Object.extend({}, options);
+ target = $(target).hide();
+
+ var openIcn = options.openIcn || 'icons/bullet_arrow_right.png',
+ closeIcn = options.closeIcn || 'icons/bullet_arrow_down.png';
+
+ this.element = new Element("img", { src: openIcn })
+ .setStyle({ border: 'none', // in firefox, in image inside an anchor has a border
+ verticalAlign: "middle"});
+
+ this.element.observe('click', function(evt) {
+ if (target.visible()) {
+ evt.target.src = openIcn;
+ target.hide();
+ } else {
+ evt.target.src = closeIcn;
+ target.show();
+ }
+ evt.stop();
+ });
+
+ if (options.initialShow) {
+ target.show();
+ this.element.src = closeIcn;
+ }
+ }
+});
+
var Deck = Class.create({
initialize: function(elt, options) {
this.element = $(elt);