[jQuery] how to paste image into a web app

2009-10-23 Thread Margie

I have a web app (front end jquery, backend django) that allows users
to type commens into a text area.  My users are asking for the ability
to cut and paste images into their comments.  They want to use an
windows app called mwsnap to basically snap images from their desktop,
then ctrl-v to copy the image into my django app.  Does anyone know
what sort of client side support is needed to do this?  I am fairly
adept at jquery/javascript, but haven't seen anything like this though
it does seem like a very reasonable request since they are certainly
able to cut and paste into Outlook this way.  However, when I try to
cut and paste this way into yahoo mail or gmail it doesn't work, so
perhaps this is a hard thing to do in a web app.  Can anyone give me a
pointer on how this could be done or if it can be done?

Thanks,

Margie


[jQuery] Re: how to paste image into a web app

2009-10-23 Thread Margie

Interesting.  That seems so backwards!   I guess maybe the best
solution for now  is to have people paste it into Outlook and then
mail their comment into the system.

It really seems like if we (development community) are going to be
writing web apps that have a look and feel of stand alone apps that
this is very basic gotta-have functionality.

I have explored a couple rich text editors, but found them to be a bit
too much for what my users want.  Maybe something needs to actually
be built into the browser (ie, like a firefox plugin) to accept the
paste?


Margie

On Oct 23, 6:31 am, Jonathan Vanherpe (T  T NV) jonat...@tnt.be
wrote:
 Margie wrote:

  I have a web app (front end jquery, backend django) that allows users
  to type commens into a text area.  My users are asking for the ability
  to cut and paste images into their comments.  They want to use an
  windows app called mwsnap to basically snap images from their desktop,
  then ctrl-v to copy the image into my django app.  Does anyone know
  what sort of client side support is needed to do this?  I am fairly
  adept at jquery/javascript, but haven't seen anything like this though
  it does seem like a very reasonable request since they are certainly
  able to cut and paste into Outlook this way.  However, when I try to
  cut and paste this way into yahoo mail or gmail it doesn't work, so
  perhaps this is a hard thing to do in a web app.  Can anyone give me a
  pointer on how this could be done or if it can be done?

  Thanks,

  Margie

 That doesn't work on the web. The best thing you can do is use something
 like CKeditor and a seperate image upload system that handles rescaling
 of images and stuff.

 Maybe you could do this with a Java applet (that's Java, not
 Javascript), but I haven't seen anything like that anywhere so far.

 Jonathan
 --
 Jonathan Vanherpe - Tallieu  Tallieu NV - jonat...@tnt.be


[jQuery] cluetip with dynamic data from textarea

2009-09-18 Thread Margie

I am using the cluetip plugin to show a formatted version of text that
the user types into a text area.  So I have a textarea
id=description, and as the user types, they can at any time click a
preview button will call cluetip to display the popup.  Here is my
current cluetip call:

$('#id_preview_link').cluetip(
 {
   ajaxSettings: {dataType:'html',
  type:'POST',
  data:{'markup':$('#id_description')}
 }
 }
)

When I click my preview button to activate the clutip, the post data
that is sent is whatever was in #id_description at the type the cluetip
() code above was executed.  IE, it doesn't post the current value
that's in #id_description.

Can anyone tell me how to make the activation of the cluetip send the
current text that is in my #id_description field?

Thanks very much,

Margie


[jQuery] Re: cluetip with dynamic data from textarea

2009-09-18 Thread Margie

I'll add one more thing to this - I also tried using onActivate to
override the data I'm sending, like this:


script
var dataToSend = initialValue;
$('#id_preview_link').cluetip(
{
   ajaxSettings: {dataType:'html',
  type:'POST',
  onActivate: function(e) { dataToSend = zzz; return
true; },
  data:{'markup':dataToSend)}
 }
}
)
/script

So I'm just trying to override the data sent in the post by setting
dataToSend to zz. However I still find that the value initialValue
is sent in the post, rather than zzz.  Karl, if you have a second
could you comment?  I'm thinking there must be something obvious I'm
missing here.

Again, the basic thing I am doing is just trying to allow the user to
type into a textarea and then send what they've typed in the cluetip's
post, the above is just my attempt to debug why I can't send the new
value that's in the textarea after the user types into it.

Margie

On Sep 18, 1:58 pm, Margie margierogin...@gmail.com wrote:
 I am using the cluetip plugin to show a formatted version of text that
 the user types into a text area.  So I have a textarea
 id=description, and as the user types, they can at any time click a
 preview button will call cluetip to display the popup.  Here is my
 current cluetip call:

 $('#id_preview_link').cluetip(
  {
    ajaxSettings: {dataType:'html',
                   type:'POST',
                   data:{'markup':$('#id_description')}
                  }
  }
 )

 When I click my preview button to activate the clutip, the post data
 that is sent is whatever was in #id_description at the type the cluetip
 () code above was executed.  IE, it doesn't post the current value
 that's in #id_description.

 Can anyone tell me how to make the activation of the cluetip send the
 current text that is in my #id_description field?

 Thanks very much,

 Margie


[jQuery] cluetip missing the hover ?

2009-04-07 Thread Margie

I have a table and am trying to make one of my td elements have a
cluetip.  I get the tooltip, but the cursor doesn't change to a
question mark when I hover over the text.  My td looks like this:

td class=tooltip title=ur_1,ur_2,ur_3,ur_4 ur_1,ur_2,.../td

My ready function contains this:

script type=text/javascript
$().ready(function() {
  $('.tooltip').cluetip({cursor: 'help'});
});




I do get the ? when I copy the examples from the demo, IE, something
like this:
p
a class=load-local href=#loadme rel=#loadmeHOVER OVER ME/a
/p

script type=text/javascript
$().ready(function() {
$('a.load-local').cluetip({local:true});
  });
/script

Is there special behavior with a tags?  All of the examples use
those, so I'm not sure if using cluetip on other tags is my problem?

Thanks,

Margie