[Proto-Scripty] Re: How to highlight the current slide's number

2010-01-06 Thread MH
I found the onmouseclick actions and they appear as:

function setOnMouseClick() {
var elements = document.getElementsByTagName(a);
for (var i = 0; i  elements.length; i++) {
switch(elements[i].className) {
case next:
elements[i].onclick = function() {
 imgs.nextImg();
 return false;
}
break;
case prev:
elements[i].onclick = function() {
 imgs.prevImg();
 return false;
}
break;
case s0:
elements[i].onclick = function() {
 imgs.showImg(0);
 return false;
$(this).style=font-weight:bold;
}
break;


Because they are a href's, I've also styled them with css. The 1, 2, 3
are all in a div. Does this conflict with the above? I hope I could
either choose to do font-weight: bold; or background-color: etc;

Mike








On Jan 6, 8:52 pm, Alex McAuley webmas...@thecarmarketplace.com
wrote:
 You can check the source code as the href's have a click handler and add a 
 style to them or remove one ...

 find the line that handles it and add $(this).style=

 Alex Mcauleyhttp://www.thevacancymarket.com

   - Original Message -
   From: julien Devouassoud
   To: prototype-scriptaculous@googlegroups.com
   Sent: Wednesday, January 06, 2010 9:30 AM
   Subject: Re: [Proto-Scripty] How to highlight the current slide's number

   Well, for your 0,1,2,3  you have :

   a class=s0 href=#0/a

   just give an id to the element (ids are unique in a page, be carefull with 
 that or it can bug if you got duplicate ids)

   a class=s0 href=# id=maLink_00/a

   and you can change it's style with

   $(maLink_+number).setStyle(.);

   if you want to reset style of previously modified element, don't forget to 
 save the last changed id in a global variable (global vars ain't the best but 
 easy code):

   var lastHighlight = ;

   function HL(id){
      $(lastHighlight).setStyle();                 // set style @ null resets 
 style to waht it was previously i think
      $(maLink_+id).setStyle(.);
   }

   2010/1/6 MH m.lawrencehu...@gmail.com

     I would like to ask a question in relation to Takashi's old MudCorp
     Image Gallery. I have implemented his gallery but would like to ask
     how I can further add functionality to it.

    www.mudcorporation.com/code/js/MudFadeGallery-2.2.1/

     If you check the above page for the online gallery, you can click on:
     1, 2, 3 to go to the direct slide. I want to know if you can highlight
     the current slide with its slide number? So for example, if Slide 2
     will come in, the number 2 will be highlighted - by css or css styled
     into the .js file. Please help.

     --
     You received this message because you are subscribed to the Google Groups 
 Prototype  script.aculo.us group.
     To post to this group, send email to 
 prototype-scriptacul...@googlegroups.com.
     To unsubscribe from this group, send email to 
 prototype-scriptaculous+unsubscr...@googlegroups.com.
     For more options, visit this group 
 athttp://groups.google.com/group/prototype-scriptaculous?hl=en.

 --

   --
   You received this message because you are subscribed to the Google Groups 
 Prototype  script.aculo.us group.
   To post to this group, send email to 
 prototype-scriptacul...@googlegroups.com.
   To unsubscribe from this group, send email to 
 prototype-scriptaculous+unsubscr...@googlegroups.com.
   For more options, visit this group 
 athttp://groups.google.com/group/prototype-scriptaculous?hl=en.
-- 
You received this message because you are subscribed to the Google Groups 
Prototype  script.aculo.us group.
To post to this group, send email to prototype-scriptacul...@googlegroups.com.
To unsubscribe from this group, send email to 
prototype-scriptaculous+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/prototype-scriptaculous?hl=en.




Re: [Proto-Scripty] Re: How to highlight the current slide's number

2010-01-06 Thread Alex McAuley
If you have the element as an object then you can easily traverse anything 
surrounding it right up to document level...


i'll take a look at the code in a while and see if i can come up with 
anything


Alex Mcauley
http://www.thevacancymarket.com
- Original Message - 
From: MH m.lawrencehu...@gmail.com

To: Prototype  script.aculo.us prototype-scriptaculous@googlegroups.com
Sent: Wednesday, January 06, 2010 11:17 AM
Subject: [Proto-Scripty] Re: How to highlight the current slide's number


I found the onmouseclick actions and they appear as:

function setOnMouseClick() {
var elements = document.getElementsByTagName(a);
for (var i = 0; i  elements.length; i++) {
switch(elements[i].className) {
case next:
elements[i].onclick = function() {
imgs.nextImg();
return false;
}
break;
case prev:
elements[i].onclick = function() {
imgs.prevImg();
return false;
}
break;
case s0:
elements[i].onclick = function() {
imgs.showImg(0);
return false;
$(this).style=font-weight:bold;
}
break;


Because they are a href's, I've also styled them with css. The 1, 2, 3
are all in a div. Does this conflict with the above? I hope I could
either choose to do font-weight: bold; or background-color: etc;

Mike








On Jan 6, 8:52 pm, Alex McAuley webmas...@thecarmarketplace.com
wrote:
You can check the source code as the href's have a click handler and add a 
style to them or remove one ...


find the line that handles it and add $(this).style=

Alex Mcauleyhttp://www.thevacancymarket.com

- Original Message -
From: julien Devouassoud
To: prototype-scriptaculous@googlegroups.com
Sent: Wednesday, January 06, 2010 9:30 AM
Subject: Re: [Proto-Scripty] How to highlight the current slide's number

Well, for your 0,1,2,3 you have :

a class=s0 href=#0/a

just give an id to the element (ids are unique in a page, be carefull with 
that or it can bug if you got duplicate ids)


a class=s0 href=# id=maLink_00/a

and you can change it's style with

$(maLink_+number).setStyle(.);

if you want to reset style of previously modified element, don't forget to 
save the last changed id in a global variable (global vars ain't the best 
but easy code):


var lastHighlight = ;

function HL(id){
$(lastHighlight).setStyle(); // set style @ null resets style to waht it 
was previously i think

$(maLink_+id).setStyle(.);
}

2010/1/6 MH m.lawrencehu...@gmail.com

I would like to ask a question in relation to Takashi's old MudCorp
Image Gallery. I have implemented his gallery but would like to ask
how I can further add functionality to it.

www.mudcorporation.com/code/js/MudFadeGallery-2.2.1/

If you check the above page for the online gallery, you can click on:
1, 2, 3 to go to the direct slide. I want to know if you can highlight
the current slide with its slide number? So for example, if Slide 2
will come in, the number 2 will be highlighted - by css or css styled
into the .js file. Please help.

--
You received this message because you are subscribed to the Google Groups 
Prototype  script.aculo.us group.
To post to this group, send email to 
prototype-scriptacul...@googlegroups.com.
To unsubscribe from this group, send email to 
prototype-scriptaculous+unsubscr...@googlegroups.com.
For more options, visit this group 
athttp://groups.google.com/group/prototype-scriptaculous?hl=en.


--

--
You received this message because you are subscribed to the Google Groups 
Prototype  script.aculo.us group.
To post to this group, send email to 
prototype-scriptacul...@googlegroups.com.
To unsubscribe from this group, send email to 
prototype-scriptaculous+unsubscr...@googlegroups.com.
For more options, visit this group 
athttp://groups.google.com/group/prototype-scriptaculous?hl=en.








--
You received this message because you are subscribed to the Google Groups 
Prototype  script.aculo.us group.
To post to this group, send email to 
prototype-scriptacul...@googlegroups.com.
To unsubscribe from this group, send email to 
prototype-scriptaculous+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/prototype-scriptaculous?hl=en.






-- 
You received this message because you are subscribed to the Google Groups 
Prototype  script.aculo.us group.
To post to this group, send email to prototype-scriptacul...@googlegroups.com.
To unsubscribe from this group, send email to 
prototype-scriptaculous+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/prototype-scriptaculous?hl=en.