Wrap each image in a DIV, them make the DIVs sortable.
On Sep 9, 10:00 am, David Sveningsson [EMAIL PROTECTED] wrote:
Hi, I'm new with scriptaculous and I'm having some issues with sortable.
What I have is some images with float:left divided into two groups which
I want to allow the user to
Did you put style='float:left' on your DIVs?
On Sep 9, 11:26 am, David Sveningsson [EMAIL PROTECTED] wrote:
Diodeus skrev:
Wrap each image in a DIV, them make the DIVs sortable.
Thanks for your reply.
I tried but the only difference is that the divs is placed below the row
but over
Dunno. This group has nothing to do with Ruby.
On Sep 12, 7:19 am, jason maina [EMAIL PROTECTED] wrote:
HI all,
Wondering whether I have to have ruby to use livepipe???
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google
Forms added to a document via innerHTML (which Ajax updater uses) are
not recognized at part as the DOM. You can add fields to a form this
way, but not forms themselves.
You may need to add a form tag (using new Element) then put the
contents of your form inside it. Alternately, you can have the
Why not just skip the delay on the first one?
function startPage() {
if (rrrstarted == false) {
rrrstarted = true;
showtime = setInterval('swapFade()',5000);
}
else {
rrrstarted = true;
swapFade()
Assuming you are attempting to make an Ajax call to a server that is
not in your web page's domain, it is a deliberate security restriction
in the browser designed to prevent cross-site scripting (XSS) attacks.
On Sep 16, 1:34 pm, Rama [EMAIL PROTECTED] wrote:
hi,
i have developed a
As usual, I should have added but Kangax probably does this in one
line of code. :)
On Sep 17, 5:32 am, Matt [EMAIL PROTECTED] wrote:
On Sep 16, 5:29 pm, Diodeus [EMAIL PROTECTED] wrote:
One way would be to grab the nodes, use a loop, and skip over the
element that has the special class
To insert something into the DOM use this. You can add other
attributes as well. Read the Prototype docs.
$(someDiv).insert(new Element(form, { id: 'moo' }))
On Sep 17, 6:53 am, luftikus143 [EMAIL PROTECTED] wrote:
You may need to add a form tag (using new Element) then put the
contents
has them right there on the main page, while for prototype hardly
anyone knows how to find a plugin so the choice for the average guy to
pick a framework then becomes very easy.
Perhaps 1.6.1 will breath some new life into things, or maybe not.
--
Nick
On 26 sep, 16:52, Diodeus [EMAIL
I must say that I'm really quite pleased that there are so many
passionate responses to my original posting. It's good to see the
community stand up and be counted.
Getting a better community site is probably the best idea going. There
needs to be enhancements to the documentation, more code
when the Draggable
leaves it.
Would storing a reference to the droppable in the draggable be
sufficient for this? Use the onDropped function to re-add the
previous Dropabble? I've noticed that onDropped doesn't appear to be
documented (but does work...)
On Oct 1, 2008, at 11:15 AM, Diodeus
Try chaning your style to position:absolute.
On Oct 2, 3:46 am, revivedk [EMAIL PROTECTED] wrote:
Yeah. could be, though I need to somehow get around it.
anyways, your example didn't work, and resultet in the same.
On 1 Okt., 20:36, Diodeus [EMAIL PROTECTED] wrote:
It looks like something
You can add another script tag to your document, and point it to a
remote source other then your own domain, but that is not part of the
AJAX functionality provided in most libraries, including Prototype.
You would have to add a new script tag programmatically. It's a
different beast.
On Oct 2,
onDrag runs continuously as you drag the item. Use onStart and onEnd.
Like this:
new Draggable('sample',{onStart:function(){$
('sample').addClassName('dark')},onEnd:function(){$
('sample').removeClassName('dark')}})
On Oct 3, 10:16 am, lfortin [EMAIL PROTECTED] wrote:
With the Droppable
I'm not sure that answered your question.
What conditions are required for the hover?
On Oct 3, 11:10 am, Diodeus [EMAIL PROTECTED] wrote:
onDrag runs continuously as you drag the item. Use onStart and onEnd.
Like this:
new Draggable('sample',{onStart:function(){$
('sample').addClassName
You would have to have the server tell you, and use Ajax to poll that
information.
It can be done, but it would depend on your server-side code.
On Oct 3, 11:22 am, Cristisor [EMAIL PROTECTED] wrote:
Hi everyone. I'm trying to build a photo uploader that tells me in
real time what percent was
Here's the cheap-and-cheerful method:
var running = 1
new Effect.Fade('something',{afterFinish:function(){running=0} })
If you want to go into the guts of scriptaculous, you can look at the
effect queue object:
http://github.com/madrobby/scriptaculous/wikis/effect-queues
On Oct 6, 7:22 am,
Here's how to make the drag/drop work. Putting a clone of the
dragged item back in the start position depends on how you want your
code to work afterwards. Does the item need to be dragged again?
style
.hovering {
background-image:url(Images/something.png);
Don't worry Brian, I'll have lots of typos to fix :)
On Oct 6, 2:01 pm, Brian Williams [EMAIL PROTECTED] wrote:
My idea is pretty straight forward.
A Newb's Corner type of area where those who are experienced or even those
who aren't all that experienced can make a post or whatnot and talk
First you need to store your current slider position when the scroll
occurs. Then set the slider position to this value +/- your increment
when the link is clicked.
a href=javascript:// onclick=slider2.setValue(slidePos+.1)scroll
right/a
var slidePos = 0
var slider2 = new
Do it the other way around: have the loaded script announce itself
once it has loaded by putting a function call in it.
On Oct 10, 2:37 pm, webbear1000 [EMAIL PROTECTED] wrote:
Hey peeps
I've got this pretty knotty problem.
I'm loading js files on demand by generating them and appending
You don't use AJAX to put content into an Iframe. An Iframe is a new
separate document.
Use:
$(iframe_show).src=http://;
On Oct 10, 1:17 pm, Miguel Beltran R. [EMAIL PROTECTED] wrote:
Hi list
I have the next code but not work, iframe show nothing
what I doing wrong?
html
...
body
You can, like this:
document.body.insert(new Element(script, { type: 'text/javascript',
src:'test.js' }))
The fun part is writing a wrapper for all the functions contained in
that script so that they load the script and execute, rather than
fail.
On Oct 15, 7:16 am, jason maina [EMAIL
After being annoyed by a Flash-based solution for the same
functionality, I decided to write a wipe effect for Scriptaculous.
It's in beta, and not quite ready for release.
new Effect.Wipe('content',{'newImg':'Images/Wipe3.jpg',duration:
2,mode:'vSplit'})
Modes:
Vertical split
Horizontal split
Try changing the way you position your element:
#box {
width: 300px;
height: 300px;
position: absolute;
background-color: #ddd;
}
div style='position:relative'div id=box/div/div
--~--~-~--~~~---~--~~
You received this message because you are subscribed to
I think the problem is how tables are rendered, not because of the DIV
itself. They seem to wait until the rest of the page has rendered
before sizing themselves.
You can really see it happen in this example:
table border=1
tr
td width=50%nbsp;/td
Good idea. I'll add that in.
Thanks.
On Oct 30, 12:05 pm, kangax [EMAIL PROTECTED] wrote:
On Oct 29, 12:50 pm, Diodeus [EMAIL PROTECTED] wrote:
After being annoyed by a Flash-based solution for the same
functionality, I decided to write a wipe effect for Scriptaculous.
It's in beta
I'm not experiencing the problem you describe. In IE the menu effect
is quite smooth.
On Nov 6, 2:06 pm, jrmout [EMAIL PROTECTED] wrote:
Hi!
I developped a webpage for my string quartet, and as i had so many
problems with IE i did 2 versions. I'll fuse them when both are ready.
A version
A simple Effect.Move will do.
http://github.com/madrobby/scriptaculous/wikis/effect-move
On Nov 12, 11:31 am, shawnl [EMAIL PROTECTED] wrote:
Hello scriptaculous people.
I am looking for an effect that will slide a div up from a fixed
location on the page. For example, I will have a
Ah, That is much cleaner. Thank you.
On Nov 13, 6:18 pm, kangax [EMAIL PROTECTED] wrote:
On Nov 13, 3:43 pm, Diodeus [EMAIL PROTECTED] wrote:
I've been dynamically building a slideshow based on a list of image
filenames. I use the following code to create thumbnails:
$('placeholder
This code works in IE, bot for FF:
var prev = $(element).previousSibling
alert(prev.getHeight())
In FF gives me prev.getHeight()) is not a function.
Has FF gone mad? Have I?
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the
Nope, that doesn't work either.
On Nov 27, 11:40 am, Ken Snyder [EMAIL PROTECTED] wrote:
Be sure to extend the previousSibling element:
var prev = $(element).previousSibling
alert($(prev).getHeight())
- Ken
On Thu, Nov 27, 2008 at 8:53 AM, Diodeus [EMAIL PROTECTED] wrote:
This code
Is it possible to specify a CSS class name instead of a style for
Effect.Morph?
This doesn't work, I wish it would:
new Effect.Morph('test',{className:'med',duration:.2})
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google
, at 12:50 PM, Diodeus wrote:
Is it possible to specify a CSS class name instead of a style for
Effect.Morph?
This doesn't work, I wish it would:
new Effect.Morph('test',{className:'med',duration:.2})
--~--~-~--~~~---~--~~
You received this message
That's very nice. Smoother than the one I've put together.
On Dec 1, 9:49 am, julien Devouassoud [EMAIL PROTECTED] wrote:
check this out :
http://www.ndesign-studio.com/blog/design/css-dock-menu/http://www.javascriptfr.com/telecharger.aspx?ID=26334
On Mon, Dec 1, 2008 at 2:42 PM, Diodeus
to be a good exercise for a slow day.
On Dec 1, 12:29 pm, julien Devouassoud [EMAIL PROTECTED] wrote:
yeah much, but good effort man.. reinventing the wheel is cool, i love to do
it.. and then realize thing existed all along :)
On Mon, Dec 1, 2008 at 6:11 PM, Diodeus [EMAIL PROTECTED] wrote
This one's a classic and does it using native JavaScript.
http://rainbow.arch.scriptmania.com/scripts/mouse_clock3.html
On Dec 1, 5:55 pm, geoffcox [EMAIL PROTECTED] wrote:
Hello,
Is it possible to construct a javascript analogue clock using
prototype/scriptaculous?
In particular I want
I am using Effect.Move to slide some graphic down the height of the
screen. I would like to be able to manipulate the x-position of the
item after it gets below a certain y-position to follow the mouse
cursor.
What happens is I get this pulsating effect, where it follows the
cursor, then
In the current version of scriptaculous you can't cancel a draggable
programatically. This has been put in as a suggestion for the next
version. You must manually move it back to its original position using
Effect.Move. You'll also need to keep track of where it was originally
so you can do that.
You can try wrapping everything in one div with position:relative.
Other than that I'd need a look at your code.
You can paste it here (http://www.pastie.org/) and post the link.
On Dec 15, 8:10 am, Marley nathaniel.au...@gmail.com wrote:
I have been trying to figure out how to drag and drop
This is awesome - I am totally almost getting this!
Totally almost - snicker
Regex hurts my brain.
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To post to this group, send
You need to reinsert the dragged DIV into the document where it
started from and reinitialize it as a draggable.
$(dragContainer).insert(new Element(div, { id: 'something',
'class':'whatever' }))
new Draggable('something',{revert:true})
On Dec 15, 4:05 pm, PATMAP patmap...@yahoo.com wrote:
}
});
});
});
On Dec 17, 6:08 am, Chris c...@clicksports.de wrote:
Hi Diodeus,
that wont work for me, because i am runing the function just once.
This adds the event listeners to all of the images
Posting an example that is not your code and does not display the
problem you are experiencing really doesn't help us debug YOUR
problem.
On Dec 17, 5:52 am, Craig cr...@europe.com wrote:
site im developing is not live but similar tohttp://www.aspecto.co.uk/
Is there much use in creating a
I don't believe html properties elements are extensible. All you can
do is add css class names.
On Dec 17, 12:29 pm, Kupido kup...@hotmail.com wrote:
I need to extend all form elements with some properties. To add my own
methods, I use:
Object.extend(Form.Methods, {
method1: function ()
I usually use this handy script from Quirksmode.com
function findPos(obj) {
var curleft = curtop = 0;
if (obj.offsetParent) {
curleft = obj.offsetLeft
curtop = obj.offsetTop
while (obj = obj.offsetParent) {
Changing the visibility of any item on the page will cause a redraw.
You could try Element.show('') after your insertion.
On Dec 22, 3:28 am, Jay jebum@gmail.com wrote:
I'm using the following code to add a table to DOM.
var table = Builder.node('table', {id: x},
1) Setting focus
In your Ajax call add:
evalScripts:true
as a parameter. In your response, add a JavaScript block to set the
focus as you normally would - $('someID').focus()
2) Scrolling
Find the position of a DIV at the bottom of the screen. I like this
handy function from Quirksmode:
This is a bug in IE. It's due to the poor implementation of ClearText.
If the text is on a solid colour you can set the DIV containing the
text to the same background color as what's behind it and that will
clear it up.
If you're on top of a photo or gradient, you're out of luck.
Another free
You may find a faster answer to this question here:
www.stackoverflow.com
On Dec 31 2008, 6:45 pm, Walter Lee Davis wa...@wdstudio.com wrote:
I have a bunch of images that I am preloading inside of a loop. One of
these images is also loaded by the html, so I get a good look at how
these
It's likely that you're hooking up these events before the HTML is
loaded. If you JavaScript is ahead of your HTML, this will happen.
See the example here: http://www.prototypejs.org/api/event/observe
On Jan 8, 8:14 am, freddie lin.freder...@gmail.com wrote:
Hi everyone,
Can someone
One way to get comfortable with how Prototype uses classes is to look
at some of the Scriptaculous effects and see how they work.
Once you get in the groove it's a lot easier.
On Jan 8, 12:04 pm, Ian R i...@fairmountfair.com wrote:
On Jan 8, 4:09 am, SGD danny.g...@googlemail.com wrote:
Try
Just add a new JavaScript block to your current page and paste it in.
On Jan 23, 4:45 pm, antonio.grazi...@gmail.com
antonio.grazi...@gmail.com wrote:
I have declared a New Draggable called 'module_left' in a script in
my HTML page
should I add your code in the HTML page or in the .js file ?
IE seems to barf when setting the for attribute of a label with the
element constructor:
$(element).insert(new Element(label, { id:'something', for:'check1',
className:'FBRadioLabelLeft' }))
Should result in:
label for=check1 id=something/label
It seems IE thinks it's starting a for-loop or
Thanks, Walter, that worked. It does feel a little 'unnatural'
though. :)
On Feb 4, 4:21 pm, Walter Lee Davis wa...@wdstudio.com wrote:
Did you try it with the names of the attributes quoted?
{'id': 'foo', 'for':'bar', 'class':'baz'}
Walter
On Feb 4, 2009, at 4:13 PM, Diodeus wrote
Hello Prototypers,
I've been working on a JSON-based form generator that uses Prototype.
Basically it allows you provide a form specification using JSON and
the engine generates the output dynamically.
It's still in the early stages but there is a working demo. I am
looking for comments and
Thanks Nathan, I'll take a look at it. Interoperability is a good
thing.
On Feb 22, 9:04 am, nlloyds nllo...@gmail.com wrote:
Diodeus,
On Feb 20, 3:32 pm, Diodeus diod...@gmail.com wrote:
Hello Prototypers,
I've been working on a JSON-based form generator that uses Prototype
at a time
on the client. That being said, there doesn't seem to be a visible
difference to the user performance-wise.
On Mar 1, 8:01 pm, RobG rg...@iinet.net.au wrote:
On Feb 21, 7:32 am, Diodeus diod...@gmail.com wrote:
Hello Prototypers,
I've been working on a JSON-based form generator
This should get you started (requires scriptaculous)
table border=1 cellpadding=5
tr
td valign=top
ul id='fList'
liApples/li
liGrapes/li
Put the result in a hidden field and post the form, or make it a
parameter in an Ajax call. The server side of things is no different
than any regular form posting.
On Mar 10, 5:13 pm, Marian Briones mbrio...@gmail.com wrote:
I've got the drag and drop capability; it's getting it to talk to a
Hi Farhan,
I wrote one here: http://www.mintomidtown.com/Penthouse/floorplans.asp?p=1
You can grab the code by viewing the source of the page.
On Mar 26, 9:53 am, farhan mmfar...@gmail.com wrote:
Hi,
I am trying to find an image zoom script like:
http://www.magictoolbox.com/magiczoom/
What's the Prototype equivalent of this jQuery code?
I would like to select all of the radio button with a certain name.
$('#billship input:radio[name=shipType]');
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
I'm building the following array:
var ax = []
ax['aaa'] = 1
ax['aab'] = 2
ax['aac'] = 4
ax['aad'] = 6
I would like to loop though all of the values in this array.
If I do the following, I get nothing:
ax.each(function(s) {
alert(s)
})
...but if I do the following, I get my values,
.
var ax = {'aaa':1,'aab':2,'aac':4,'aad',6}
for(i in ax){
alert( i + ': ' + ax[i] );
}
var ax = $H({'aaa':1,'aab':2,'aac':4,'aad',6});
ax.each(function(s){ alert( s ) });
Walter
On Apr 2, 2009, at 10:28 AM, Diodeus wrote:
'm building the following array:
var ax
is associative arrays in JavaScript. As to adding
elements in a (Prototype) Hash, Szymon already gave you that:
ax.set('aad',4);
And there's a matching get() function to pluck an individual element
out of the Hash, too.
ax.get('aad') //-- 4
Walter
On Apr 2, 2009, at 11:04 AM, Diodeus
Here is my function. It is a general purpose wrapper for various AJAX
call in my program. Since the callback could be any function, I'm
passing the callback function as a string and calling it via window
[callBack], which kinda of works except it's not waiting for the
actual AJAX call to complete
Yes, I understand what you've said. I was making it more convoluted
than need be.
wrapAjaxUpdater('showsomething.php', 'somediv', handleCompletion); -
works correctly
wrapAjaxUpdater('showsomething.php', 'somediv', handleCompletion()); -
does not work because I'm calling the function, not
,
--
T.J. Crowder
tj / crowder software / com
Independent Software Engineer, consulting services available
On Apr 15, 2:26 pm, Diodeus diod...@gmail.com wrote:
Yes, I understand what you've said. I was making it more convoluted
than need be.
wrapAjaxUpdater('showsomething.php', 'somediv
I'm working on and English/French site. The French data is in the
windows-1251 character set.
My main application uses:
meta http-equiv=Content-Type content=text/html;
charset=windows-1252/
So I am also adding the appropriate HTTP response header in my AJAX
response. If I go to the AJAX URL
.
Walter
On Apr 23, 2009, at 7:29 PM, Diodeus wrote:
Does that mean I'm screwed if the database text is windows-1252?
On Apr 23, 2:48 pm, Walter Lee Davis wa...@wdstudio.com wrote:
Is your entire path to and from the database UTF-8? That's a huge
requirement of Prototype's Ajax
Miguel,
I am having a similar problem and have spent many hours looking for an
answer.The answer I always get is: serve it as UTF-8, which requires
the program answering the AJAX call to do the conversion.
Unfortunately the system I am using does not allow me to do this and I
need to support
function barcodeFlyToSimLeft(){
new Effect.Move('barcodeLeft',{x: -350, y: 200, mode: 'relative'});
new Effect.Shrink('barcodeLeft',{direction: 'center', queue: 'end',
afterFinish: function(){Barcode('043396097742');}});
new Effect.Appear('barcodeLeft',{x: 0, y:0, duration:
need to translate them to screen
On 26 апр, 19:35, Diodeus diod...@gmail.com wrote:
I use this: ( fromhttp://www.quirksmode.org/js/findpos.html)
function findPos(obj) {
//find coordinates of a DIV
var curleft = curtop = 0;
if (obj.offsetParent
, 2009, at 10:52 AM, Miguel Beltran R. wrote:
You use forms?
I tried use iso-8859-1 and forms and I have much trouble. The
function serialize fields always give back data using utf-8.
If not use forms, try adding option encoding
2009/4/23 Diodeus diod...@gmail.com
I'm working
Please post the URL.
On May 6, 7:00 am, lesserone leonde...@gmail.com wrote:
Hi all I am using Prototype script.aculo.us.
All I want to do is use a horizontal slider with a list of images.
If I do not use a master page then it all works in IE but not in
Firefox.
If I use a master page
All I can suggest is performing some error-trapping in your server-
side code to see where it's crapping-out.
On May 5, 2:55 pm, Nobody stefan.e...@googlemail.com wrote:
Hi guys,
i got a problem with prototype in connection with a perl script. I'm
performing AJAX-requests with Ajax.Request
Take a look here too:
http://proto-scripty.wikidot.com/scripty:how-to-timing-and-sequencing-animations
On May 13, 1:27 pm, Jeztah webmas...@thecarmarketplace.com wrote:
Evening guys, Does anyone know if i can queue effects in
scriptaculous...
Basically what i want to do is... On document
I am working on a content delivery solution. This would allow people
to include some content on their page by adding a script tag. I would
like to add some slickness to the content, so I would like to use
Prototype.
I'm looking for some suggestions to safely add Prototype to the target
pages
/functions/classes you can test for in
prototype
I am not sure about other libraries but i think extjs uses the Ext.
namespace and similar with yahoo
- Original Message -
From: Diodeus diod...@gmail.com
To: Prototype script.aculo.us prototype-scriptaculous@googlegroups.com
Sent
Performantly isn't a word.
On Jul 21, 10:31 am, Chris c...@clicksports.de wrote:
Hi all,
one of our clients has a very javascript heavy application for local
intranets. On many pages of this application, there are tooltips that
get loaded (usually up to 60 or 70), which make the application
The Wiki may be helpful for you:
http://proto-scripty.wikidot.com/
On Jul 21, 11:11 pm, elggtester jphil...@gmail.com wrote:
If you go here,
http://demo2.analoganalytics.net/publishers/7/offers
I want an identical effect that has three buttons -- print, email,
text that does the same
Don't use the onload event in the body tag. Your script starts running
before the DOM is ready.
Use this instead in a script block:
document.observe(dom:loaded, function() {
start()
});
See: http://www.prototypejs.org/api/document/observe
On Jul 25, 8:16 am, bill stefan@googlemail.com
See if this is like what you're looking for. Click on the main links.
http://teachers.scholarschoice.ca/
On Oct 26, 8:58 pm, eng. Ilian Iliev anthonyl...@gmail.com wrote:
Hi all,
I`m not absolutely sure this is the right place to ask, but I hope to
find find at least directions
where to
Set a flag that prevents the function from executing if the fade/
appear action is already running.
var running = 0
function fadeMe() {
if(running==1) {
return
}
running = 1
new Effect.Fade('something',afterFinish:function(){running=0})
}
On Oct 26, 12:34 am, Ngan Pham
Try: $$(.dealerAddress).each(function(element)
{element.removeClassName(dealerAddress)}); This will unhide them.
Not sure if this will be any faster.
On Jan 26, 1:06 pm, kenxle kenstcl...@gmail.com wrote:
Here's the problem I'm running into:
$$(.dealerAddress).invoke(hide);
takes too long
Yes, you can use XML, which can be hundreds of times slower on the
client to parse, or you can make your own customer structured string
blob than you then parse on the client. Alternately you can verbosely
declare JavaScript arrays from strings built up in your ASP code
(person = [];person[0] =
What is a input label solution/plugin to begin with?
On Feb 1, 10:45 pm, Marcelo Barbudas nos...@gmail.com wrote:
Hi Guys,
What are you using as an input label solution/plugin? Basically just
some default texts in input fields based on labels.
I looked at stereolabels, apparently it doesn't
87 matches
Mail list logo