Its very simple to do,
You can pretty much do it in CSS all except the little bit of opacity that
it has
[css]...
.classname:hover {
margin-right:15px;
}
- Original Message -
From: mumbojumbo [EMAIL PROTECTED]
To: Prototype script.aculo.us prototype-scriptaculous@googlegroups.com
Thank you Alex! I'll read up on your suggestion and get more
familiarized with it. I've got another one if you don't mind, which
I've posted on a different forum:
Here's what I've been meaning to come up with:
One page. One navigation bar. Multiple links in navigation bar, say
four -- Home,
You should be using event delegation like so:
document.observe('click', function(event) {
var element = event.findElement('ul.bopCategories li h3');
if (!element) return;
element.next('div.bopCategoryDetails').toggle();
element.toggleClassName('expanded');
});
You don't need to wait for
You may be better off loading the content with Ajax requests rather than all
the content being in hidden elements in the page
- Original Message -
From: cogent99 [EMAIL PROTECTED]
To: Prototype script.aculo.us prototype-scriptaculous@googlegroups.com
Sent: Monday, November 10, 2008
Hello,
This is my first post on this mailing list and I hope you guys can
help. I was trying to learn Mootools but I felt that I needed a new
Famework so I switched to Prototype. I'm a novice Framework user and
any tips would be greatly aprreciated So lets get to it.
The mootools menu is
Hi guys,
I have about no knowledge with script.aculo, but I have successfully
accomplished one thing; transforming this code:
style type=text/css a#move_demo { background:#fa; color:#fff;
padding:5px; border:1px solid #000; } /style div class=demo
a href=# id=move_demo onclick=new
I'm no expert, but It shouldn't be a problem... give it a go and see
what happens
On Nov 9, 3:59 am, Ev Shafrir [EMAIL PROTECTED] wrote:
A Basic version synch question:
I'm a first timer and want to start with a properly matched Prototype
script.aculo.us:
So...
-- I downloaded
That's broadly right, but my problem is string concatenation. I'm
passing the div name to search for those spans in using a function,
so when I try to do:
var spanName = span_+levelID;
I just get a value of 'span_+levelID' for $spanName.
Matt
On Nov 7, 4:05 pm, Alex Mcauley [EMAIL PROTECTED]
Hi all,
Straight to the point:
Im currently using DOM to create a select object I dont like the way
because when i look at the code i can already see issues with maintenance
despite the heavy commenting (im too used to prototype short-cuts :-)) so
im wondering how do i do the same using
Hi Alex! I'm sorry if I wasn't able to explain myself clearer, but
here's a website that has an idea of what I'm looking for. Click on
its navigation links and see the content on its left slide and
change. In my case though, instead of sliding, I want mine to fade in
and out.
On 10 Nob,
That one uses the hidden divs and is really not a good idea for a few of
reasons ..
Firstly:- speed of page loading ... if all of your content
is on the first page it will tak a long time to load all of it
Secondly:- if the user has javascript disabled in the site
Wow this thread should be summarized somewhere as an intro to
prototype in 5 minutes page!
On Nov 10, 2:16 pm, Tobie Langel [EMAIL PROTECTED] wrote:
You should be using event delegation like so:
document.observe('click', function(event) {
var element = event.findElement('ul.bopCategories
A more permanent solution:
http://code.google.com/apis/ajaxlibs/documentation/index.html#script_aculo_us
That way you set it once, it's served from Google's system, Gzip'd (so
it's smaller), and you can specify version numbers ex:
google.load(prototype, 1.6); will load the most recent updates
They are not images. They are anchor tags that have an image as the CSS
background-image property. I used anchors instead of divs so I could easily
to a hover on the anchor.
But, yes each anchor has it's own ID:
polaroid_1,polaroid_2,polaroid_3,polaroid_4.
Thanks.
On Mon, Nov 10, 2008 at 11:19
Cogent : firstly stay away from onload ... use the
Event.observe(window,'load',function() {
Your exeutable functiosn go in here
});
Wrapper
there are a couple of ways to achieve what you want ..
You could set a timeout on a for loop counting each of the divs in a
classname and
Hi,
It smells like your element is not correctly extended.
IE doesn't let you modify the element's _prototype_. You can find the
explanation here (last section):
http://www.prototypejs.org/learn/extensions
Hope this help.
On Nov 7, 11:43 am, Haraldo [EMAIL PROTECTED] wrote:
Hi there,
I
The bind's are bubbling up the DOM ... you need to look at Event.stop(event)
to stop this happening
- Original Message -
From: Hippyjim Starbrook [EMAIL PROTECTED]
To: Prototype script.aculo.us prototype-scriptaculous@googlegroups.com
Sent: Sunday, November 09, 2008 8:58 PM
Subject:
Right now it doesn't work in anything. I am developing in FF 3.
* JAVASCRIPT
(action.js)
window.onload=function(){
polaroid_1();
polaroid_2();
polaroid_3();
polaroid_4();
}
function polaroid_1(){
I tried.
I actually copied the draggable demo code to my page. You know the one with
three boxes? Same result. The last box was the only one that worked.
Thank you.
On Mon, Nov 10, 2008 at 12:46 PM, Alex Mcauley
[EMAIL PROTECTED] wrote:
I am not sure anchors are draggable because they are
I am not sure anchors are draggable because they are not strictly an element
... what i would try is changing one of them to a div element and putting
nbsp; inside it or setting explicit width and height then try to drag it ...
i've never tried dragging anchors before so i am not sure but it is
Hi
I have two sortables that have divs as the draggable elements.
Included in those divs are some anchor tags to make some buttons that
call javascript functions elsewhere in the page.
It all works fine in Firefox Safari, but in IE7 it's a matter of
luck if the link will accept clicks.
Hi! I'm fairly new to script.aculo.us and have been experimenting
with Effect.Appear. What I want to happen is when my page loads,
multiple divs (say about 20), would appear one at a time at about 2
secs an interval, from left to right. I figured out how to do that
with one div, using the demo
Thanks for the answer, it will help me. But for now, I cannot even
make the image go one way! I am not looking to become a specialist in
this, just to be able to create this second effect for my website.
I've been trying a full day and it is not working for me.
Thanks for helping me out here.
I want to create a very custom look for checkboxes. To do it I want to
replace a standard input type=checkbox/ with the following...
div class=checkbox
input type=checkbox/
img src=clear.gif/
/div
This will allow me (via css) to overlay the transparent image
(clear.gif) on top of the
On Nov 10, 2:21 pm, bcamp1973 [EMAIL PROTECTED] wrote:
[...]
initialize : function(elem) {
this.input = elem;
this.image = 'img src=assets/images/clear.gif/';
this.checkbox;
^
You don't really need this (as it doesn't
Anybody think a Portal Extender like this would gain any traction? And
if so, where would be a good place to collaborate on it?
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To
26 matches
Mail list logo