Re: [Proto-Scripty] New Bugfix release 1.7.3

[mike]

Great news. Thanks

02.10.2015 у 00:54 Jason напісаў:


Hi Everyone

Andrew just tagged and released 1.7.3

Read more about it on the blog post

http://prototypejs.org/2015/09/24/prototype-1-7-3/
--
You received this message because you are subscribed to the Google 
Groups "Prototype & script.aculo.us" group.
To unsubscribe from this group and stop receiving emails from it, send 
an email to prototype-scriptaculous+unsubscr...@googlegroups.com 
.
To post to this group, send email to 
prototype-scriptaculous@googlegroups.com 
.
Visit this group at 
http://groups.google.com/group/prototype-scriptaculous.

For more options, visit https://groups.google.com/d/optout.


--
You received this message because you are subscribed to the Google Groups "Prototype 
& script.aculo.us" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to prototype-scriptaculous+unsubscr...@googlegroups.com.
To post to this group, send email to prototype-scriptaculous@googlegroups.com.
Visit this group at http://groups.google.com/group/prototype-scriptaculous.
For more options, visit https://groups.google.com/d/optout.

Re: [Proto-Scripty] Getting an error with effect.js in Chrome Illegal Constructor

[mike]

Seems in you code, error, what is `child`?
You might post code with error in jsfiddle?


07.01.2015 у 02:53 Evan Carroll напісаў:

This is triggering an error in Chrome 39

new Element('span', {style: tagifyStyle}).update(
  character == ' ' ? String.fromCharCode(160) : character),
  child);

  Uncaught TypeError: Illegal constructor
--
You received this message because you are subscribed to the Google 
Groups Prototype  script.aculo.us group.
To unsubscribe from this group and stop receiving emails from it, send 
an email to prototype-scriptaculous+unsubscr...@googlegroups.com 
mailto:prototype-scriptaculous+unsubscr...@googlegroups.com.
To post to this group, send email to 
prototype-scriptaculous@googlegroups.com 
mailto:prototype-scriptaculous@googlegroups.com.
Visit this group at 
http://groups.google.com/group/prototype-scriptaculous.

For more options, visit https://groups.google.com/d/optout.


--
You received this message because you are subscribed to the Google Groups Prototype 
 script.aculo.us group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to prototype-scriptaculous+unsubscr...@googlegroups.com.
To post to this group, send email to prototype-scriptaculous@googlegroups.com.
Visit this group at http://groups.google.com/group/prototype-scriptaculous.
For more options, visit https://groups.google.com/d/optout.

Re: [Proto-Scripty] Prototype.js Book 1.7?

[mike]

Hi.
Prototype you might see api in http://api.prototypejs.org/
Or build own version of api
1. clone repo https://github.com/sstephenson/prototype
2. run `rake doc:build` task
3. open doc/index.html and you will see the last api.





On Пан, Ліс 10, 2014 at 1:11 , Mark markemil.mor...@gmail.com 
wrote:
As the title says, are there any book or tutorial using Prototype.js 
1.7?

--
You received this message because you are subscribed to the Google 
Groups Prototype  script.aculo.us group.
To unsubscribe from this group and stop receiving emails from it, 
send an email to prototype-scriptaculous+unsubscr...@googlegroups.com.
To post to this group, send email to 
prototype-scriptaculous@googlegroups.com.
Visit this group at 
http://groups.google.com/group/prototype-scriptaculous.

For more options, visit https://groups.google.com/d/optout.


--
You received this message because you are subscribed to the Google Groups Prototype 
 script.aculo.us group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to prototype-scriptaculous+unsubscr...@googlegroups.com.
To post to this group, send email to prototype-scriptaculous@googlegroups.com.
Visit this group at http://groups.google.com/group/prototype-scriptaculous.
For more options, visit https://groups.google.com/d/optout.

Re: [Proto-Scripty] Execute an action after the queue has finished

[mike]

Set a callback function for Effect
Effect.DropOut(first_line , {queue: 'front', limit: 2, scope: 'remove', 
afterFinish: function() { ...you code... }});


More: http://madrobby.github.io/scriptaculous/core-effects/



On Срд, Ліп 16, 2014 at 4:31 , Wender Jean 
wender.j...@gmail.com wrote:

Hello Guys,

I'd like to execute an action after the queue has finished, but I not 
found any way to do this in API of aculo.us, if anyone can help me.


My code:

var first_line = $$('#table-form tr:nth-child(4)')[0];
var second_line = $$('#table-form tr:nth-child(3)')[0];

Effect.DropOut(first_line , {queue: 'front', limit: 2, scope: 
'remove'});
Effect.DropOut(second_line , {queue: 'front', limit: 2, scope: 
'remove'});


first_line.remove();
second_line.remove();

I am removing those lines of the DOM, but in fact this should happen 
after the effects has finished, not during or before as it happens.


Thank's since now.

--
You received this message because you are subscribed to the Google 
Groups Prototype  script.aculo.us group.
To unsubscribe from this group and stop receiving emails from it, 
send an email to prototype-scriptaculous+unsubscr...@googlegroups.com.
To post to this group, send email to 
prototype-scriptaculous@googlegroups.com.
Visit this group at 
http://groups.google.com/group/prototype-scriptaculous.

For more options, visit https://groups.google.com/d/optout.


--
You received this message because you are subscribed to the Google Groups Prototype 
 script.aculo.us group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to prototype-scriptaculous+unsubscr...@googlegroups.com.
To post to this group, send email to prototype-scriptaculous@googlegroups.com.
Visit this group at http://groups.google.com/group/prototype-scriptaculous.
For more options, visit https://groups.google.com/d/optout.

Re: [Proto-Scripty] Updates to PrototypeJS

[mike]

Hi.
What is need for the next big release (1.8\2.0).
New ajax engine with XMLHttpRequest 2 support, or new dom api or some 
like this?


--
You received this message because you are subscribed to the Google Groups Prototype 
 script.aculo.us group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to prototype-scriptaculous+unsubscr...@googlegroups.com.
To post to this group, send email to prototype-scriptaculous@googlegroups.com.
Visit this group at http://groups.google.com/group/prototype-scriptaculous.
For more options, visit https://groups.google.com/d/optout.

Re: [Proto-Scripty] Show of hands

[mike]

Happy New Year to you too.
I work with prototype.js. And port some widgets from 
bootsrap:https://github.com/fntzr/astra_z  It work, and possibly create own 
widgets, it depend only on bootstrap.css.
Any examples:
http://htmlpreview.github.io/?https://github.com/fntzr/astra_z/blob/master/examples/accordion_example.html#collapseThree
http://htmlpreview.github.io/?https://github.com/fntzr/astra_z/blob/master/examples/tabs_example.html
http://htmlpreview.github.io/?https://github.com/fntzr/astra_z/blob/master/examples/window_example.html
own 
widget:http://htmlpreview.github.io/?https://github.com/fntzr/astra_z/blob/master/examples/own_widhet.html

 


--
You received this message because you are subscribed to the Google Groups Prototype 
 script.aculo.us group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to prototype-scriptaculous+unsubscr...@googlegroups.com.
To post to this group, send email to prototype-scriptaculous@googlegroups.com.
Visit this group at http://groups.google.com/group/prototype-scriptaculous.
For more options, visit https://groups.google.com/groups/opt_out.

Re: [Proto-Scripty] Scroll not working on mobile devices

[mike]

Hi,

You can talk in more detail and  and provide a small example?

--
You received this message because you are subscribed to the Google Groups Prototype 
 script.aculo.us group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to prototype-scriptaculous+unsubscr...@googlegroups.com.
To post to this group, send email to prototype-scriptaculous@googlegroups.com.
Visit this group at http://groups.google.com/group/prototype-scriptaculous.
For more options, visit https://groups.google.com/groups/opt_out.

Re: [Proto-Scripty] determine if any of checkbox[] is checked

[mike]

try
$$(...)
because $() equal document.getElementById

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

Re: [Proto-Scripty] How to pass parameter from prototypejs client to rest web service

[mike]

You use something like Firebug or Chrome Developer Tools. See whether 
the parameters passed?

Also in you javascript code is missing a comma after parameters line.

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

Re: [Proto-Scripty] не работает такая конструкция $('id').$$(tag)

[mike]

try
$('id').select('tag')

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

Re: [Proto-Scripty] innerHTML

[mike]

On 26.01.2013 22:56, Александр Павленко wrote:
есть ли что то похожее на свойство innerHTML в prototypeinsert() 
только добавляет, а старое содержимое элемента не удаляет --
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-scriptaculous@googlegroups.com.
To unsubscribe from this group, send email to 
prototype-scriptaculous+unsubscr...@googlegroups.com.
Visit this group at 
http://groups.google.com/group/prototype-scriptaculous?hl=en.

For more options, visit https://groups.google.com/groups/opt_out.



Element#update

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

[Proto-Scripty] calling a function using oncomplete

[Mike]

I have a form with a select box and a text input. When I select an
item in the select list the page make an ajax call request to a php
script that returns rows from mysql.

I am able to add items to the db by entering a value in the text input
and hitting submit.
The problem is I want the list(previously pulled from db with ajax
call) to be refreshed, so inside my oncomplete
I use the following:

function addNewType(name,tableName){
var aj = new Ajax.Request(
'../functions/adminFunctions.php',{
method:'post',
parameters:{tableName: tableName, newType: 
name},
onComplete: function(){
showTypes(tableName);
}

}
);



}


But the showTypes does not seem to be getting called at this point.
I can put an alert in and that will work, but calling my showTypes
function again does not get
the list again.


function showTypes(tableName){
var aj = new Ajax.Updater('types',
'../functions/adminFunctions.php',{
method:'post',
parameters:'tableName='+tableName,
onComplete: showResponse

}
);
}


function showResponse(req){

$('types').update(req.responseText);
}


Is there any way to get my showTypes to run again after I add the new
value to the DB?

-- 
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-scriptaculous@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.

[Proto-Scripty] prototype needs a noConflict() option similar to the one in jQuery

[Mike]

Can this happen, please ? :) I see a bunch of people on the web
looking for this feature and while jQuery was nice enough to allow for
it, I don't see the same option in prototype, unfortunately.

Please?

-- 
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.

[Proto-Scripty] Conflicting scripts

[Mike]

Hi there,

I'm not really a coder (I can hear you all sigh), but I do use code
that some very clever people write, in some of my web sites.

My problem is that I seem to have two conflicting scripts.  The last
called, cancels the previous (I have swapped the order around a few
times, this may demonstrate my limited knowledge), and when I have
opened both .js files up, I see that they both call the same thing.

Is there a way to get around this?  I have completely no idea and have
exhausted every idea I've had so far.

Like I say, I have little idea of what I'm doing really.  One is for a
slideshow thats on the page, and the other is for a lightbox on the
same page.

Any help would be very welcome.

The two files can be found here...

http://with-a-t.com/jquery.js
and
http://with-a-t.com/prototype.js

Thanks for reading,
Mike

-- 
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.

[Proto-Scripty] Re: Prototype and Galleria.js

[Mike Santini]

I figured it out.

To get galleria.js to work with scriptaculous, you must alter the
gallera.js file by changing adding a variable change noConflict to the
top and then change all of the $ into that new variable. Then add a
normal noConflict to the calling function that is on your page.

On Jan 12, 12:31 pm, Mike Santini dwarfthem...@gmail.com wrote:
 thanks for the reply.

 I'm trying this, but i'm fairly sure i'm doing it wrong. I'm not much
 of a developer. let me explain what i'm doing so that it may better
 help with things.

 I'm making a simple portfolio website for my gf using animations from
 script.aculo.us. I want to use galleria.js for the gallery though.

 The first time I included galleria.js and jquery.js none of my
 animations worked. I found jQuery.noConflict(); and inserted it into
 the line of code you put on your page for galleria.js like this:

 script type=text/javascript
           jQuery.noConflict();

         jQuery(function($) { $('ul.gallery').galleria(); });
 /script

 Once I used jQuery.noConflict(); my animations started working, but
 galleria.js still doesn't work. I've used galleria.js in the past,
 though not with another library, so I'm pretty sure i'm implementing
 galleria correctly.

 Should I try to edit the galleria.js? I tried to put jQuery.noConflict
 (); in the galleria.js file and nothing seemed to happen.

 I'm not sure how just assigning jquery to a new variable works. It
 seems too simple to wrap my head around.

 Thanks for the help.

 On Jan 12, 5:04 am, Alex McAuley webmas...@thecarmarketplace.com
 wrote:



  try assigning jquery to a new variable..

  $j=jQuery.noConflict();

  Alex Mcauleyhttp://www.thevacancymarket.com

  - Original Message -
  From: Mike Santini dwarfthem...@gmail.com
  To: Prototype  script.aculo.us prototype-scriptaculous@googlegroups.com
  Sent: Tuesday, January 12, 2010 6:26 AM
  Subject: [Proto-Scripty] Prototype and Galleria.js

   Greetings,
   I'm still new at this, but here is my problem.

   I'm currently using prototype and script.aculo.us for animations on my
   a website. I want to use galleria.js for an image gallery, but i can't
   seem to get them to cooperate. I've used   jQuery.noConflict(); and my
   animations run, but none of the galleria code wants to work.

   I looked around and all I could find was was information about
   protosafe.js, but nothing else. Has anyone here been able to get
   galleria.js to work with prototype and script.aculo.us?

   Thank you very much.

  --- 
  -

   --
   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.

[Proto-Scripty] Prototype and Galleria.js

[Mike Santini]

Greetings,
I'm still new at this, but here is my problem.

I'm currently using prototype and script.aculo.us for animations on my
a website. I want to use galleria.js for an image gallery, but i can't
seem to get them to cooperate. I've used   jQuery.noConflict(); and my
animations run, but none of the galleria code wants to work.

 I looked around and all I could find was was information about
protosafe.js, but nothing else. Has anyone here been able to get
galleria.js to work with prototype and script.aculo.us?

Thank you very much.
-- 
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.

[Proto-Scripty] Re: Prototype and Galleria.js

[Mike Santini]

thanks for the reply.

I'm trying this, but i'm fairly sure i'm doing it wrong. I'm not much
of a developer. let me explain what i'm doing so that it may better
help with things.

I'm making a simple portfolio website for my gf using animations from
script.aculo.us. I want to use galleria.js for the gallery though.

The first time I included galleria.js and jquery.js none of my
animations worked. I found jQuery.noConflict(); and inserted it into
the line of code you put on your page for galleria.js like this:

script type=text/javascript
  jQuery.noConflict();

jQuery(function($) { $('ul.gallery').galleria(); });
/script

Once I used jQuery.noConflict(); my animations started working, but
galleria.js still doesn't work. I've used galleria.js in the past,
though not with another library, so I'm pretty sure i'm implementing
galleria correctly.

Should I try to edit the galleria.js? I tried to put jQuery.noConflict
(); in the galleria.js file and nothing seemed to happen.

I'm not sure how just assigning jquery to a new variable works. It
seems too simple to wrap my head around.

Thanks for the help.




On Jan 12, 5:04 am, Alex McAuley webmas...@thecarmarketplace.com
wrote:
 try assigning jquery to a new variable..

 $j=jQuery.noConflict();

 Alex Mcauleyhttp://www.thevacancymarket.com





 - Original Message -
 From: Mike Santini dwarfthem...@gmail.com
 To: Prototype  script.aculo.us prototype-scriptaculous@googlegroups.com
 Sent: Tuesday, January 12, 2010 6:26 AM
 Subject: [Proto-Scripty] Prototype and Galleria.js

  Greetings,
  I'm still new at this, but here is my problem.

  I'm currently using prototype and script.aculo.us for animations on my
  a website. I want to use galleria.js for an image gallery, but i can't
  seem to get them to cooperate. I've used   jQuery.noConflict(); and my
  animations run, but none of the galleria code wants to work.

  I looked around and all I could find was was information about
  protosafe.js, but nothing else. Has anyone here been able to get
  galleria.js to work with prototype and script.aculo.us?

  Thank you very much.

 --- 
 -



  --
  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.

[Proto-Scripty] Re: Status of script.aculo.us

[Mike Kelly]

On Sep 17, 3:29 pm, Jarkko Laine jarks...@gmail.com wrote:
 Have you seen http://scripty2.com/ ?

Now I have. :p

The big This is alpha software warning will keep me from using it in
production for now, but I may play around with it a bit on my own.

Also, its main page is almost painfully slow in my browser (Firefox
3.5 on FreeBSD)... But, yeah, alpha, so I don't expect too much
optimization just yet.

But, thanks for the pointer.

--
Mike Kelly
--~--~-~--~~~---~--~~
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-scriptaculous@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
-~--~~~~--~~--~--~---

[Proto-Scripty] Re: Help! Unable to defer function to run when interpreter is idle

[Mike Glen]

Paul Kim wrote:
 Basically, this is the error I get from firebug when I run 
 slideshow.showSlide(i).defer():
 slideshow.showSlide(i).defer() is undefined

 How can I defer the showSlide() function so that when users click on 
 the buttons too quickly, it will wait for the interpreter to idle 
 before attempting to run the showSlide() function again.
 I think I am on the right track in trying to use defer(), instead of 
 queueing the effect to suppress events being fired too quickly. 
 However, I don't know whether my use of defer() is correct.

i think it might need to be slideshow.showSlide.defer(i)



--~--~-~--~~~---~--~~
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-scriptaculous@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
-~--~~~~--~~--~--~---

[Proto-Scripty] Re: Drag and Drop problems

[Mike]

Alright, I am having some new troubles. I changed the elements to
SPAN's, but now when a new element appears, the previous elements
become un-draggable. Why is this happening?

On Jun 30, 11:14 am, Alex McAuley webmas...@thecarmarketplace.com
wrote:
 Seriously ? ... lol

 It needs everything to be in a container div with width and height set to 
 the viewport but it works perfectly  i wrote one for resizzables too to 
 stop someone resizing something outside of a given container!.



   - Original Message -
   From: Rick Waldron
   To: prototype-scriptaculous@googlegroups.com
   Sent: Tuesday, June 30, 2009 5:10 PM
   Subject: [Proto-Scripty] Re: Drag and Drop problems

   Alex,

   Thats super rad.

   Rick

   On Tue, Jun 30, 2009 at 7:16 AM, Alex McAuley 
 webmas...@thecarmarketplace.com wrote:

     For the second question you have to work out its positioning on the page 
 and
     relative to its parent... enclosing is not easy but its also not difficult
     ...

     Here is some code i wrote to enclose draggable windows in my windowing
     system to make sure they dont go outsode the page...

    http://pastie.org/529198

     HTH

     Alex

     - Original Message -
     From: david david.brill...@gmail.com
     To: Prototype  script.aculo.us 
 prototype-scriptaculous@googlegroups.com
     Sent: Tuesday, June 30, 2009 11:29 AM
     Subject: [Proto-Scripty] Re: Drag and Drop problems

     Hi Mike,

     for the first question, I think that you should style the inserted
     element or use a SPAN tagb instead of a DIV tag:
     the DIV expand its width by default to it's contener width,
     the SPAN just enclose inside content.

     for the second question, there is no siimple way, scriptaculous don't
     handle that, but I remember that some projects have modify default
     scriptaculous behaviour == Have a look athttp://scripteka.com/

     --
     david

     On 30 juin, 07:58, Mike thej...@gmail.com wrote:
      I am making a drag-and-drop editor thing using scriptaculous. However,
      when I dynamically add an element, it takes the size of the div it is
      being placed into. Then, when I drag it, I don't have access to any
      other elements that are already in the div.

      Here is the javascript functions I created:

      function createCanvas(){
      Droppables.add('sigImage', {
      accept: 'draggable',
      hoverclass: 'hover'
      });
      }
      function createNewDraggable(elementId){
      new Draggable(elementId, {
      handle: 'sigImage',
      ghosting: true
      });
      }
      function newElementMenu(){
      document.getElementById('newElementName').value = '';
      Effect.Appear('createNewElementMenu', {duration: .3});
      }
      function newElement(elementName){
      Effect.Fade('createNewElementMenu', {duration: .3});
      document.getElementById('sigImage').innerHTML += 'div id=' +
      elementName + 'The next element!/div';
      createNewDraggable(elementName);
      }

      Here is the nesting:

      div id=sigImage style=width: 500px; height: 100px;
      background-color: gray; color: black; border: 1px black; overflow:
      none;
      div id=dragmeDrag me!/div
      /div

      Another not so important thing is how can I get the elements to remain
      in the div and not be dragged outside of it?
--~--~-~--~~~---~--~~
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-scriptaculous@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
-~--~~~~--~~--~--~---

[Proto-Scripty] Drag and Drop problems

[Mike]

I am making a drag-and-drop editor thing using scriptaculous. However,
when I dynamically add an element, it takes the size of the div it is
being placed into. Then, when I drag it, I don't have access to any
other elements that are already in the div.

Here is the javascript functions I created:

   function createCanvas(){
Droppables.add('sigImage', {
accept: 'draggable',
hoverclass: 'hover'
});
}
function createNewDraggable(elementId){
new Draggable(elementId, {
handle: 'sigImage',
ghosting: true
});
}
function newElementMenu(){
document.getElementById('newElementName').value = '';
Effect.Appear('createNewElementMenu', {duration: .3});
}
function newElement(elementName){
Effect.Fade('createNewElementMenu', {duration: .3});
document.getElementById('sigImage').innerHTML += 'div 
id=' +
elementName + 'The next element!/div';
createNewDraggable(elementName);
}

Here is the nesting:

div id=sigImage style=width: 500px; height: 100px;
background-color: gray; color: black; border: 1px black; overflow:
none;
div id=dragmeDrag me!/div
/div

Another not so important thing is how can I get the elements to remain
in the div and not be dragged outside of it?

--~--~-~--~~~---~--~~
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-scriptaculous@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
-~--~~~~--~~--~--~---

[Proto-Scripty] Re: Drag and Drop problems

[Mike]

Thank you all for the fast responses. That really helps my project
along :)

On Jun 30, 9:10 am, Rick Waldron waldron.r...@gmail.com wrote:
 Alex,

 Thats super rad.

 Rick

 On Tue, Jun 30, 2009 at 7:16 AM, Alex McAuley 



 webmas...@thecarmarketplace.com wrote:

  For the second question you have to work out its positioning on the page
  and
  relative to its parent... enclosing is not easy but its also not difficult
  ...

  Here is some code i wrote to enclose draggable windows in my windowing
  system to make sure they dont go outsode the page...

 http://pastie.org/529198

  HTH

  Alex

  - Original Message -
  From: david david.brill...@gmail.com
  To: Prototype  script.aculo.us 
  prototype-scriptaculous@googlegroups.com
  Sent: Tuesday, June 30, 2009 11:29 AM
  Subject: [Proto-Scripty] Re: Drag and Drop problems

  Hi Mike,

  for the first question, I think that you should style the inserted
  element or use a SPAN tagb instead of a DIV tag:
  the DIV expand its width by default to it's contener width,
  the SPAN just enclose inside content.

  for the second question, there is no siimple way, scriptaculous don't
  handle that, but I remember that some projects have modify default
  scriptaculous behaviour == Have a look athttp://scripteka.com/

  --
  david

  On 30 juin, 07:58, Mike thej...@gmail.com wrote:
   I am making a drag-and-drop editor thing using scriptaculous. However,
   when I dynamically add an element, it takes the size of the div it is
   being placed into. Then, when I drag it, I don't have access to any
   other elements that are already in the div.

   Here is the javascript functions I created:

   function createCanvas(){
   Droppables.add('sigImage', {
   accept: 'draggable',
   hoverclass: 'hover'
   });
   }
   function createNewDraggable(elementId){
   new Draggable(elementId, {
   handle: 'sigImage',
   ghosting: true
   });
   }
   function newElementMenu(){
   document.getElementById('newElementName').value = '';
   Effect.Appear('createNewElementMenu', {duration: .3});
   }
   function newElement(elementName){
   Effect.Fade('createNewElementMenu', {duration: .3});
   document.getElementById('sigImage').innerHTML += 'div id=' +
   elementName + 'The next element!/div';
   createNewDraggable(elementName);
   }

   Here is the nesting:

   div id=sigImage style=width: 500px; height: 100px;
   background-color: gray; color: black; border: 1px black; overflow:
   none;
   div id=dragmeDrag me!/div
   /div

   Another not so important thing is how can I get the elements to remain
   in the div and not be dragged outside of it?
--~--~-~--~~~---~--~~
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-scriptaculous@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
-~--~~~~--~~--~--~---

[Proto-Scripty] Effect.Move position 'relative' problem in IE

[Mike Glen]

I am trying to make a div move back and forwards on the x axis but not 
change its y postion using Move
This works as expected in Firefox but not in IE.

In IE the div moves up to the top of the page instead of staying at the 
same y position
Is there anything obvious I am doing wrong?

code is below
html
head
titleTITLE/title
script type=text/javascript src=javascript/prototype-1.6.0.3.js 
 /script
script type=text/javascript src=javascript/scriptaculous.js 
 /script
   
style type=text/css
#menuhide {
width: 100%;
}
div#centercol {
position: absolute;
left: 208; 
}
#header {
width: 100%;
}
#content {
float: left;
clear: both;
}
div#leftcol{   
position: absolute;
left: 8;
}
#menucol {
width: 200px;
float: left;
}
/style
/head
body


div id=menuhide
span id=hidebutton class=handHide Menu lt;lt;/span
/div
div id=centercol
div
div id=header
HEADER
/div
div id=content
   CONTENT
/div

/div
/div
div id=leftcol 
div id=menucol
MENU
/div
/div

 script type=text/javascript 
 function toggle_menu(event) {

 var butt = $('hidebutton');

 if( show_menu  0 ) {
new Effect.Move( 'centercol', { x: -200, y: 0, position: 
'relative' } );
butt.innerHTML = 'Show Menu gt;gt;';
show_menu = 0;
 }
 else {
new Effect.Move( 'centercol', { x: 200, y: 0, position: 
'relative' } );
butt.innerHTML = 'Hide Menu lt;lt;';   
show_menu++;
 }
 }

 /script
 script type=text/javascript
 $('hidebutton').observe( 'click', function( event ){
 toggle_menu( event );   
 });

 var show_menu = 1;
 /script
/body

/html

Thanks
Mike



--~--~-~--~~~---~--~~
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-scriptaculous@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
-~--~~~~--~~--~--~---

[Proto-Scripty] Re: Dragged and Confused

[Mike]

Solved -- seems I was missing a .bind() earlier
in my call chain.

 - Mike

On Jan 26, 3:52 pm, Mike michael.j.can...@gmail.com wrote:
 This is some working code that makes a Draggable:

   this.draggable = new Draggable(ts.up(div.rsrcRow), {
       revert: true,
       ghosting: true,

       onStart: function(draggable, event) {
         var G = window.grid;
         var dzs = G.gridElt.select(div.rsrcRow);
         G.dropZoneElts = dzs;

         // But why doesn't this store window.grid ?
         G.shouldBeGridObj = this;   // ? But IS draggable.options.
       }.bind(window.grid),
   ...
   });

 I would think the value of 'onStart' here would be the
 wrapper that bind puts around the function object, but
 it clearly is not.

 window.grid is a prototypejs-style object, and when
 onStart is called, 'this' is bound not to that object,
 but to draggable.options.  And looking at it after
 the drag+drop (as window.grid.shouldBeGridObj) I can
 see that the 'onStart' member is the original function body
 with no indication of a bind-wrapper.

 What am I missing here?

 TIA,

 Mike
--~--~-~--~~~---~--~~
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-scriptaculous@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
-~--~~~~--~~--~--~---

[Proto-Scripty] Dragged and Confused

[Mike]

This is some working code that makes a Draggable:

  this.draggable = new Draggable(ts.up(div.rsrcRow), {
  revert: true,
  ghosting: true,

  onStart: function(draggable, event) {
var G = window.grid;
var dzs = G.gridElt.select(div.rsrcRow);
G.dropZoneElts = dzs;

// But why doesn't this store window.grid ?
G.shouldBeGridObj = this;   // ? But IS draggable.options.
  }.bind(window.grid),
  ...
  });

I would think the value of 'onStart' here would be the
wrapper that bind puts around the function object, but
it clearly is not.

window.grid is a prototypejs-style object, and when
onStart is called, 'this' is bound not to that object,
but to draggable.options.  And looking at it after
the drag+drop (as window.grid.shouldBeGridObj) I can
see that the 'onStart' member is the original function body
with no indication of a bind-wrapper.

What am I missing here?


TIA,

Mike

--~--~-~--~~~---~--~~
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-scriptaculous@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
-~--~~~~--~~--~--~---