date:20090308


 After at least 4 hours in Firebug and CSS code, I switched something
 that started working.  I'm amazed at how difficult it was to do, when
 it should have been so simple, but all's well that ends well.  Thanks
 again.

Glad to hear it's working for you now, but it sounds like you got
lucky without really knowing why.  I'll try to explain how the horz
centering works.  If you have a slideshow that simply consists of
images within a container you will not be able to reliably achieve
horizontal centering because the Cycle plugin needs to position slides
absolutely at 0,0 (left,top).  So the key is to put those images
inside wrapper divs and let the wrapper divs function as the slides.
Give the wrapper divs the exact same size as the container and then
give the images within a display:block and margin:auto style.  For
example:

div id=slideshow
div class=slide
img src=image1.jpg width=300 height=200 /
/div
div class=slide
img src=image2.jpg width=200 height=300 /
/div
/div

#slideshow, .slide { width: 400px; height: 300px }
.slide img { display: block; margin: auto }

[jQuery] jMap trouble

2009-03-08 Thread new_gmap


At this page you can see my map:
http://www.nothingisclear.net/ndovado/_gmap.php

In the page's source code, you can see how I set up the map. Please
do
not care about the input box at the bottom of the div.


The map must provide a way to select location on itself.
For reach this, I need to customize its behaviour by managing its
event.


As you can see, at the lines 61 and 64 I add a listener two listener
at the map.
But they doesn't work. for example, when i click on the map the event
click doesn't fire.


Can you help me?


(IE7  FF3) + Goole AJAX Api 2.x + jQuery + jMap
hi there

[jQuery] Show/hide multiple TDs with one function?

2009-03-08 Thread deadbeatjam


Hi.

I have a table with multiple TDs (with different classes) that I want
to toggle (show/hide) with one function, from checking different
checkboxes that relate to the different TDs.

I'm thinking I should pass a variable to the function (from each
checkbox) which then show/hides the different TDs using their class
names, based on the variable passed. But I'm new to jQuery, so does
anyone have a tip for how this could be done?

[jQuery] Re-distribute jQuery

2009-03-08 Thread howa


Hello,

I want to include jQuery as part of my jQuery plugin so user can
include only one file and can use immediately.

I want to release under MIT liecnese, so is it just include the
original liecnse senstence is okay?

Thanks.

[jQuery] Re: Show/hide multiple TDs with one function?


 I have a table with multiple TDs (with different classes) that I want
 to toggle (show/hide) with one function, from checking different
 checkboxes that relate to the different TDs.

 I'm thinking I should pass a variable to the function (from each
 checkbox) which then show/hides the different TDs using their class
 names, based on the variable passed. But I'm new to jQuery, so does
 anyone have a tip for how this could be done?

I've found that the best way to hide/show table columns is to simply
set/remove a class on the table element and then to define CSS rules
based on the class name.

For example, given this markup:

input id=blah type=checkbox /
table id=myTable
trtd class=onetd class=two/tr
/table

You define a CSS rule like this:

table.blah td.one { display: none }

Then you add a handler for the checkbox:

$('#blah').change(function() {
if (this.checked)
   $('#myTable').addClass('blah');
else
   $('#myTable').removeClass('blah');
});

[jQuery] Re: Need Help with changing css on an object

2009-03-08 Thread junk.mail...@gmail.com


Hi Chris

My suggestion to your problem will involve a few changes to your
structure, but I don't think they should be too bad for you to pull
off.

Since the texts in your nav don't change on rollover, I would make
them a separate image all together. Then you could make just 2
different background images of the light bulb. One for the on state
and one for the off state. This way you can set up 2 classes in your
css, something like:

.navBulb{background-image: url(/images/bulb_off.gif);}
.navBulbOn{background-image: url(/images/bulb_on.gif);}

That way you can assign the .navBulb class to all 4 of them to start
with, and then just addClass('navBulbOn') and removeClass('navBulb')
as needed on hover and click events.

The other thing I've done that might work even easier for you would be
oonce again to separate out the text into a different image, and then
make one background image that includes both states (bulb on and bulb
off) and then on hover or click events you would just need to change
the position of the background to show/hide the right portion of the
background image.

I hope this helps.
Marty

On Mar 7, 11:27 pm, zeckdude zeckd...@gmail.com wrote:
 Hi,

 I am having some issues with my site. I have a main Nav with four links that
 load in 4 different sections.

 You can see the page I am working on 
 here:http://idea-palette.com/official/newofficialsite4.htmlhttp://idea-palette.com/official/newofficialsite4.html

 What I am trying to do is, when a user clicks on another Main Nav button,
 such as 'Web Projects', the background-image changes to another image that
 shows the lightbulb being on. I also want it to change back the
 background-image for any link that currently has the light on, so that it
 seems the light is on for whatever page the user visits.

 Here is my basic html layout that pertains:

 body
   div id=container
     div id=header
       div id=nav
         li
           anchor tag
             span tag

 Each of the links are called 'printsectbtn', 'websectbtn', and so on. Each
 of the default background-images is called 'print_off.png', 'web_off.png',
 and so on. Each of the background images that show up when a user clicks
 that link are called 'print_on.png', 'web_on.png', and so on.

 I have started all their names with either 'print', 'web', 'mot', or 'int'
 so that I could make it dynamic and simply erase some letters from the
 clicked div's name and then add some others at the end.

 Here is my jquery that pertains to this issue:

 $(function(){
         $('#nav li a').click(function(){
             var clickedLinkId = $(this).attr('id'); //This is the ID of the
 Main Nav Link that was clicked
             var picOnLocation = 'images/' + clickedLinkId - 'sectbtn' + '_on' 
 +
 '.png'; //This is the location of the new background image once the user
 clicks a button
             var picOnUrl = 'url(' + picOnLocation + ')'; //This combines the
 background image location and URL Line

             $('#' + clickedLinkId + '
 span').css({background-image:picOnUrl}); //This changes the background
 image of the span of the currently clicked link.

             return false;
    });

 });  

 Basically, what I am trying to do above is to:
 1) Get the ID of the clicked link. I called this var ClickedLinkId.
 2) Erase the word 'sectbtn' from the end of the ID, so that it just reads as
 'print' or 'web' for example
 3) Add 'images/' before the word and '_on.png' after the word, so that it is
 the location of the new background Image that shows up after the user clicks
 on a link. I called this var picOnLocation.
 4) Combine the new background Image location(picOnLocation) and URL line. I
 called this var picOnUrl.
 5) Change the css of the clicked Link's span to show up as the new
 background image as specified by picOnUrl.

 What I am using does work as I can see the current background disappear, but
 no new background loads in. Also, when I try this: var picOnUrl =
 url('images/web_on.png'); ,it works fine, so I think I may have an issue
 with it not being able to find the background image file or perhaps my
 concatenation is incorrect.

 Here's my folder structure if it helps:

 newofficialdesign4.html
 IMAGES
     - print_on.png
     - web_on.png
     - mot_on.png
     - int_on.png

 I know this is a really long post, but I am really hoping someone can help
 me, so I included all the specifics. Please let me know if there are any
 other questions that I can answer to help you help me.

 Thanks in advance!

 -Chris

 --
 View this message in 
 context:http://www.nabble.com/Need-Help-with-changing-css-on-an-object-tp2239...
 Sent from the jQuery General Discussion mailing list archive at Nabble.com.

[jQuery] help with type rendering via FaceLift (FLIR)?

2009-03-08 Thread feragnoli


hello, I have a question about using jquery with facelift.
I am pulling text from an input box in a form to be rendered by
facelift.

the code is this:

--


!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en

head
titleChristoph Dunst/title
meta http-equiv=Content-Type content=text/html;charset=utf-8 /
meta http-equiv=Content-Style-Type content=text/css /
meta name=author content=christoph dunst /
meta name=copyright content=c. dunst /
meta http-equiv=imagetoolbar content=no /

script src=js/jquery-1.3.2.min.js type=text/javascript
charset=utf-8/script
script language=javascript src=facelift/flir.js/script

script type=text/javascript charset=utf-8
$(document).ready(function() {

// initialize FLIR
FLIR.init({ path: 'facelift/' });

// get the content of text and put it in the div
$('#submit').submit(function(){
$('#rendered').html($(#text).val());
$(#rendered).each( function() { FLIR.replace(this); } 
);
return false;
});


});
/script
/head

body
form id=submit method= accept-charset=utf-8
input type=text name=text value= id=text
select name=size
option8/option
option10/option
option12/option
option14/option
option18/option
/select
pbutton id=render text/button/p
/form

div id=rendered/div
/body

--

for some reason, though, the script runs only the first time. when
trying to type a new text in the input, the button would just not
submit the form.
has anybody an idea of what could the problem be?
thank you.

[jQuery] clone of an element to be dropped draggable

2009-03-08 Thread mark


hi
i want to a clone of an element to be dropped and dragged. i am using
the standard jquery 1.3 and jquery ui 1.7.
i tried the helper clone option. it creates a clone when dragged, but
when it is dropped it just reverts back to the original position.
but i want a clone also to be dropped.

for example: http://jqueryui.com/demos/draggable/revert.html
i tried this demo with revert set to false. but still a clone is not dropped.

thanks a lot!

[jQuery] Re: Need Help with changing css on an object

2009-03-08 Thread Charlie Tomlinson






good case of trying to add a bunch of script when simple css works.
Spriting the menu images into one (with or without the text included on
each part of image), adding a :hover in css avoids an unnecessary
server request for another image and works if scripting disabled




junk.mail...@gmail.com wrote:

  Hi Chris

My suggestion to your problem will involve a few changes to your
structure, but I don't think they should be too bad for you to pull
off.

Since the texts in your nav don't change on rollover, I would make
them a separate image all together. Then you could make just 2
different background images of the light bulb. One for the on state
and one for the off state. This way you can set up 2 classes in your
css, something like:

.navBulb{background-image: url(/images/bulb_off.gif);}
.navBulbOn{background-image: url(/images/bulb_on.gif);}

That way you can assign the .navBulb class to all 4 of them to start
with, and then just addClass('navBulbOn') and removeClass('navBulb')
as needed on hover and click events.

The other thing I've done that might work even easier for you would be
oonce again to separate out the text into a different image, and then
make one background image that includes both states (bulb on and bulb
off) and then on hover or click events you would just need to change
the position of the background to show/hide the right portion of the
background image.

I hope this helps.
Marty

On Mar 7, 11:27pm, zeckdude zeckd...@gmail.com wrote:
  
  
Hi,

I am having some issues with my site. I have a main Nav with four links that
load in 4 different sections.

You can see the page I am working on here:http://idea-palette.com/official/newofficialsite4.htmlhttp://idea-palette.com/official/newofficialsite4.html

What I am trying to do is, when a user clicks on another Main Nav button,
such as 'Web Projects', the background-image changes to another image that
shows the lightbulb being on. I also want it to change back the
background-image for any link that currently has the light on, so that it
seems the light is on for whatever page the user visits.

Here is my basic html layout that pertains:

body
 div id="container"
  div id="header"
   div id="nav"
li
 anchor tag
  span tag

Each of the links are called 'printsectbtn', 'websectbtn', and so on. Each
of the default background-images is called 'print_off.png', 'web_off.png',
and so on. Each of the background images that show up when a user clicks
that link are called 'print_on.png', 'web_on.png', and so on.

I have started all their names with either 'print', 'web', 'mot', or 'int'
so that I could make it dynamic and simply erase some letters from the
clicked div's name and then add some others at the end.

Here is my jquery that pertains to this issue:

$(function(){
$('#nav li a').click(function(){
  var clickedLinkId = $(this).attr('id'); //This is the ID of the
Main Nav Link that was clicked
  var picOnLocation = 'images/' + clickedLinkId - 'sectbtn' + '_on' +
'.png'; //This is the location of the new background image once the user
clicks a button
  var picOnUrl = 'url(' + picOnLocation + ')'; //This combines the
background image location and URL Line

  $('#' + clickedLinkId + '
span').css({"background-image":picOnUrl}); //This changes the background
image of the span of the currently clicked link.

  return false;
 });

}); 

Basically, what I am trying to do above is to:
1) Get the ID of the clicked link. I called this var ClickedLinkId.
2) Erase the word 'sectbtn' from the end of the ID, so that it just reads as
'print' or 'web' for example
3) Add 'images/' before the word and '_on.png' after the word, so that it is
the location of the new background Image that shows up after the user clicks
on a link. I called this var picOnLocation.
4) Combine the new background Image location(picOnLocation) and URL line. I
called this var picOnUrl.
5) Change the css of the clicked Link's span to show up as the new
background image as specified by picOnUrl.

What I am using does work as I can see the current background disappear, but
no new background loads in. Also, when I try this: var picOnUrl =
"url('images/web_on.png')"; ,it works fine, so I think I may have an issue
with it not being able to find the background image file or perhaps my
concatenation is incorrect.

Here's my folder structure if it helps:

newofficialdesign4.html
IMAGES
  - print_on.png
  - web_on.png
  - mot_on.png
  - int_on.png

I know this is a really long post, but I am really hoping someone can help
me, so I included all the specifics. Please let me know if there are any
other questions that I can answer to help you help me.

Thanks in advance!

-Chris

--
View this message in context:http://www.nabble.com/Need-Help-with-changing-css-on-an-object-tp2239...
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

[jQuery] Malsup's Cycle plugin exhibiting strange behavior


I've got an instance of Mike Alsup's Cycle slideshow working on the
homepage of a project I'm finishing up, and I'm having different
issues with it depending on the browser being used. All of the issues
seem to be happening in Mac only browsers. Here's the site I'm having
trouble with:
http://elixir.biz/coders/marlins/incoming/

The first issue is in FF 3.0.7 on Mac. Occasionally, the first image
appears no problem, however the remaining images show up extremely
small. I tried setting a fixed width and height to the images, but
that didn't have an effect on it.

The other issue is in Safari 3 on Mac. The first image appears, but
after it fades out no other images fade in. After a set amount of
time, the first image shows up again, then it repeats the process.
This happens every time.

Is this an issue with the JQuery?

[jQuery] Re: Need Help with changing css on an object

2009-03-08 Thread junk.mail...@gmail.com


Chris

Charlie is absolutely right. You can simplify it by using the
css :hover to do your rollover states. You still however need to do
something on top of that to handle the current problem you're having
with it keeping the state change when a user clicks on
one of the nav elements. That's really where my thought process was in
my post.

Sorry that I missed the obvious with the css :hover state and thanks
to Charlie for catching it.
Marty



On Mar 8, 11:42 am, Charlie Tomlinson charlie...@gmail.com wrote:
 good case of trying to add a bunch of script when simple css works. Spriting 
 the menu images into one (with or without the text included on each part of 
 image), adding a  :hover in css  avoids an unnecessary server request for 
 another image and works if scripting disabledjunk.mail...@gmail.comwrote:Hi 
 Chris My suggestion to your problem will involve a few changes to your 
 structure, but I don't think they should be too bad for you to pull off. 
 Since the texts in your nav don't change on rollover, I would make them a 
 separate image all together. Then you could make just 2 different background 
 images of the light bulb. One for the on state and one for the off state. 
 This way you can set up 2 classes in your css, something like: 
 .navBulb{background-image: url(/images/bulb_off.gif);} 
 .navBulbOn{background-image: url(/images/bulb_on.gif);} That way you can 
 assign the .navBulb class to all 4 of them to start with, and then just 
 addClass('navBulbOn') and removeClass('navBulb') as needed on hover and click 
 events. The other thing I've done that might work even easier for you would 
 be oonce again to separate out the text into a different image, and then make 
 one background image that includes both states (bulb on and bulb off) and 
 then on hover or click events you would just need to change the position of 
 the background to show/hide the right portion of the background image. I hope 
 this helps. Marty On Mar 7, 11:27 pm, zeckdudezeckd...@gmail.comwrote:Hi, I 
 am having some issues with my site. I have a main Nav with four links that 
 load in 4 different sections. You can see the page I am working on 
 here:http://idea-palette.com/official/newofficialsite4.htmlhttp://idea-palette.com/official/newofficialsite4.htmlWhat
  I am trying to do is, when a user clicks on another Main Nav button, such as 
 'Web Projects', the background-image changes to another image that shows the 
 lightbulb being on. I also want it to change back the background-image for 
 any link that currently has the light on, so that it seems the light is on 
 for whatever page the user visits. Here is my basic html layout that 
 pertains: body   div id=container     div id=header       div 
 id=nav         li           anchor tag             span tag Each of the 
 links are called 'printsectbtn', 'websectbtn', and so on. Each of the default 
 background-images is called 'print_off.png', 'web_off.png', and so on. Each 
 of the background images that show up when a user clicks that link are called 
 'print_on.png', 'web_on.png', and so on. I have started all their names with 
 either 'print', 'web', 'mot', or 'int' so that I could make it dynamic and 
 simply erase some letters from the clicked div's name and then add some 
 others at the end. Here is my jquery that pertains to this issue: 
 $(function(){         $('#nav li a').click(function(){             var 
 clickedLinkId = $(this).attr('id'); //This is the ID of the Main Nav Link 
 that was clicked             var picOnLocation = 'images/' + clickedLinkId - 
 'sectbtn' + '_on' + '.png'; //This is the location of the new background 
 image once the user clicks a button             var picOnUrl = 'url(' + 
 picOnLocation + ')'; //This combines the background image location and URL 
 Line             $('#' + clickedLinkId + ' 
 span').css({background-image:picOnUrl}); //This changes the background 
 image of the span of the currently clicked link.             return false;    
 }); });   Basically, what I am trying to do above is to: 1) Get the ID of the 
 clicked link. I called this var ClickedLinkId. 2) Erase the word 'sectbtn' 
 from the end of the ID, so that it just reads as 'print' or 'web' for example 
 3) Add 'images/' before the word and '_on.png' after the word, so that it is 
 the location of the new background Image that shows up after the user clicks 
 on a link. I called this var picOnLocation. 4) Combine the new background 
 Image location(picOnLocation) and URL line. I called this var picOnUrl. 5) 
 Change the css of the clicked Link's span to show up as the new background 
 image as specified by picOnUrl. What I am using does work as I can see the 
 current background disappear, but no new background loads in. Also, when I 
 try this: var picOnUrl = url('images/web_on.png'); ,it works fine, so I 
 think I may have an issue with it not being able to find the background image 
 file or perhaps my concatenation is incorrect. Here's my folder

[jQuery] IE image load fix

2009-03-08 Thread Blazedd


http://blog.blazed-designs.com/2009/03/01/jcarousel-loading-fix-for-ie/

That link tells you all you need to know about what i did to fix and
could be done to fix the issue.


Thanks

[jQuery] Posting XML to an asp.net page (MVC) with jquery?

2009-03-08 Thread xlar54


Hey folks,  I have code such as:

$.post('/Controller/Process',
{ messageXml: escape(xml) },
function(txt) {
//debugger;
...dosomething

});

The xml gets sent, but its encoded. Anyone know how to unencode this?
Or is there a better way to submit xml to a page?

[jQuery] mousedown event doesn't happen until mouseup on iPhone

2009-03-08 Thread timothytoe


Is anyone else trying to use jQuery on the iPhone? I'm doing a game
using PhoneGap for iPhone and iPod Touch (with the hope of moving on
to other phones). Everything was going swimmingly until I tried a
mousedown event. Works correctly in PC and Mac versions of Safari, but
no event occurs until the user pulls a finger up when using the
iPhone's Safari.

Current solution is to move from jQuery's mousedown to XUI library's
touchstart event.

Another concern with jQuery is that it's large compared to XUI. Much
of that is due to jQuery's smoothing out of IE's quirks.

Any thoughts of a tuned version of jQuery for mobile, or specifically
for iPhone?

[jQuery] Re: Malsup's Cycle plugin exhibiting strange behavior


 The first issue is in FF 3.0.7 on Mac. Occasionally, the first image
 appears no problem, however the remaining images show up extremely
 small. I tried setting a fixed width and height to the images, but
 that didn't have an effect on it.

 The other issue is in Safari 3 on Mac. The first image appears, but
 after it fades out no other images fade in. After a set amount of
 time, the first image shows up again, then it repeats the process.
 This happens every time.

 Is this an issue with the JQuery?


Can you please try the latest version of the Cycle plugin?  Some
sizing bugs were fixed in late February.

http://www.malsup.com/jquery/cycle/download.html

Mike

[jQuery] Re: Malsup's Cycle plugin exhibiting strange behavior


That looks to have done it. Thanks!

On Mar 8, 1:12 pm, Mike Alsup mal...@gmail.com wrote:
  The first issue is in FF 3.0.7 on Mac. Occasionally, the first image
  appears no problem, however the remaining images show up extremely
  small. I tried setting a fixed width and height to the images, but
  that didn't have an effect on it.

  The other issue is in Safari 3 on Mac. The first image appears, but
  after it fades out no other images fade in. After a set amount of
  time, the first image shows up again, then it repeats the process.
  This happens every time.

  Is this an issue with the JQuery?

 Can you please try the latest version of the Cycle plugin?  Some
 sizing bugs were fixed in late February.

 http://www.malsup.com/jquery/cycle/download.html

 Mike

[jQuery] Re: Drop down menu disappears when you hover over Cycle slideshow area


Nevermind, I've changed it to toggle onclick instead.

On Mar 7, 9:12 am, Shane Riley shanerileydoti...@gmail.com wrote:
 I've tried getting this to work properly in IE with a variety of
 different methods, and none are working. The page in question is 
 here:http://elixir.biz/coders/marlins/incoming/photos.php
 If you hover over the blue team text it will display a drop-down
 menu. However, in IE6 and IE7 once you've moused over the area where
 the drop down menu overlaps the thumbnails, it disappears. Initially I
 thought it may be a z-index issue between it and the Cycle slideshow
 in the thumbnails area, but no combination of absolute, relative, and
 z-index on the elements has any effect. My next course of action was
 to comment out the thumbnails and the main image to see if it worked,
 and it did. However, when commenting out only one of these two areas,
 it no longer works, and it doesn't matter which is commented out.

 I've also tried moving the category drop-down after the rest of the
 markup, tried adding a clearing div between the category area and the
 thumbnails, tried adding/removing all sorts of CSS properties to the
 category list, and none seem to get it working in IE. I'm left
 wondering if this is an issue with my JQuery instead. I tried
 substituting my hover() with mouseover and mouseout, but it behaved
 the same.

[jQuery] Re: How does Facebook do to edit profile picture thumbnails?

2009-03-08 Thread juan-i


i don't want the thumbnail to be saved, i was just wondering where i
could get the javascript to just be able to move the image inside the
div... thx anyways:)

On Mar 7, 3:44 pm, Brian notta...@gmail.com wrote:
 Is there a specific part that's inconceivable? I can imagine one way
 to do it--probably very similarly to how Facebook does it--which
 follows.

 Markup-wise, the containing div + image must look roughly like

 div id=thumb-container style=width: 50px; height: 50px; overflow:
 hidden; position: relative;
 img id=small-profile-img style=position: absolute; src=small-
 profile.jpg alt=small profile picture /
 /div

 The JavaScript watches for click-dragging on #small-profile-img, and
 sets #small-profile-img's 'top' and 'left' style attributes as needed,
 so long as height  height+top  50 and width  width+left  50 (since
 some part of the image must cover the 50x50 viewport). Since the image
 is inside a div with hidden overflow, it can only be seen in the 50x50
 viewport of the parent.

 Once you click submit, the top and left positions are sent to a
 serverside page that handles the actual thumbnail-making. ImageMagick
 would work.

 I hope this overview helps some missing concept click.

 On Mar 6, 8:03 pm, juan-i holamellamoju...@gmail.com wrote:

  I just can't figure that out!
  On FB, you get to change the thumnail for your profile picture.
  You have a containing div with dimensions of about 50x50 and you can
  move the image (which is actually bigger) inside that containing div
  until it displays what you want.

  Ideas?

[jQuery] Re: How does Facebook do to edit profile picture thumbnails?

2009-03-08 Thread MorningZ


check out jCrop

http://deepliquid.com/content/Jcrop.html


On Mar 8, 1:57 pm, juan-i holamellamoju...@gmail.com wrote:
 i don't want the thumbnail to be saved, i was just wondering where i
 could get the javascript to just be able to move the image inside the
 div... thx anyways:)

 On Mar 7, 3:44 pm, Brian notta...@gmail.com wrote:

  Is there a specific part that's inconceivable? I can imagine one way
  to do it--probably very similarly to how Facebook does it--which
  follows.

  Markup-wise, the containing div + image must look roughly like

  div id=thumb-container style=width: 50px; height: 50px; overflow:
  hidden; position: relative;
  img id=small-profile-img style=position: absolute; src=small-
  profile.jpg alt=small profile picture /
  /div

  The JavaScript watches for click-dragging on #small-profile-img, and
  sets #small-profile-img's 'top' and 'left' style attributes as needed,
  so long as height  height+top  50 and width  width+left  50 (since
  some part of the image must cover the 50x50 viewport). Since the image
  is inside a div with hidden overflow, it can only be seen in the 50x50
  viewport of the parent.

  Once you click submit, the top and left positions are sent to a
  serverside page that handles the actual thumbnail-making. ImageMagick
  would work.

  I hope this overview helps some missing concept click.

  On Mar 6, 8:03 pm, juan-i holamellamoju...@gmail.com wrote:

   I just can't figure that out!
   On FB, you get to change the thumnail for your profile picture.
   You have a containing div with dimensions of about 50x50 and you can
   move the image (which is actually bigger) inside that containing div
   until it displays what you want.

   Ideas?

[jQuery] Re: How does Facebook do to edit profile picture thumbnails?

2009-03-08 Thread donb


Look at the jCrop plugin.  It does all that.

On Mar 6, 11:03 pm, juan-i holamellamoju...@gmail.com wrote:
 I just can't figure that out!
 On FB, you get to change the thumnail for your profile picture.
 You have a containing div with dimensions of about 50x50 and you can
 move the image (which is actually bigger) inside that containing div
 until it displays what you want.

 Ideas?

[jQuery] Re: Show/hide multiple TDs with one function?

2009-03-08 Thread deadbeatjam


Hi Mike, and thanks for the answer.

The thing is that I want to show/hide the TDs and not the entire table
itself.
I have multiple rows, and want to toggle one TD for each row - not all
the TDs in each row.

On 8 Mar, 14:54, Mike Alsup mal...@gmail.com wrote:
  I have a table with multiple TDs (with different classes) that I want
  to toggle (show/hide) with one function, from checking different
  checkboxes that relate to the different TDs.

  I'm thinking I should pass a variable to the function (from each
  checkbox) which then show/hides the different TDs using their class
  names, based on the variable passed. But I'm new to jQuery, so does
  anyone have a tip for how this could be done?

 I've found that the best way to hide/show table columns is to simply
 set/remove a class on the table element and then to define CSS rules
 based on the class name.

 For example, given this markup:

 input id=blah type=checkbox /
 table id=myTable
     trtd class=onetd class=two/tr
 /table

 You define a CSS rule like this:

 table.blah td.one { display: none }

 Then you add a handler for the checkbox:

 $('#blah').change(function() {
     if (this.checked)
        $('#myTable').addClass('blah');
     else
        $('#myTable').removeClass('blah');

 });

[jQuery] Re: thickbox 3.1 and new jquery 1.3.1 - please help

2009-03-08 Thread newbie


jQuery Lover,

Thank you so much.  It worked fine now.
You can see it here http://www.laseralliance.com

On Feb 7, 2:24 am, jQuery Lover ilovejqu...@gmail.com wrote:
 Try to delete @ on line 79.

 79: TB_TempArray = $(a...@rel=+imageGroup+]).get();

 79: TB_TempArray = $(a[rel=+imageGroup+]).get();

 
 Read jQuery HowTo Resource  -  http://jquery-howto.blogspot.com

 On Sat, Feb 7, 2009 at 3:43 AM, newbie alanv...@gmail.com wrote:

  I upgraded from jquery 1.2.2 to 1.31 but thickbox 3.1 does not work.
  Any help is appreciated

[jQuery] Re: Show/hide multiple TDs with one function?


 The thing is that I want to show/hide the TDs and not the entire table
 itself.
 I have multiple rows, and want to toggle one TD for each row - not all
 the TDs in each row.


I know. That's exactly what I was showing how to do.  You add/remove a
class on the table but put a style rule on the td.

[jQuery] Re: Combining results of two getJSON calls

2009-03-08 Thread Dr. Drang


Thank you, Michael. Of course, the display loop has to be nested
inside the inner getJSON.

$.getJSON(friendsURL, function(friends){

  $.getJSON(repliesURL, function(replies){
friends = $.merge(friends, replies);

$.each(friends, function(item){
  // Display the item.
}); // each

  }); // getJSON replies

}); // getJSON friends

Once I got that straightened out, I realized I have to use $.merge
instead of $.extend because the Twitter object is an array, and
$.extend just replaces the items with the same index.

Now it's on to sorting.

-- 
Dr. Drang

[jQuery] A part of .ajax I don't understand

2009-03-08 Thread Ethan


Hi out there.  I'm having a little trouble with my .ajax.  Here's the
function:


var name = $('#username').val();
var pass = $('#pass').val();

$.ajax({
url: 'signin.php',
type: 'GET',
data: 'username=' + name + 'pass=' + pass,
success: function(submitreturn){
alert(submitreturn);
}
});

Here's signin.php:

?php

require_once(classes/Login.php);

$user = $_GET['username'];
$pass = $_GET['pass'];

$login = new Login();

if($login-login_user($user, md5(md5($pass) . POSTPASSKEY)))
{
return I DID IT;
}
else
{
return I DIDNT DO IT;
}

?



Okay, so here's my question.  When the .ajax runs, the alert window
contains the string that was in the username input, and br /.  Why
is this?  Why isn't submitreturn the value that was returned by
signin.php?  How can I get the value returned by signin.php?

Thanks for your help!

-Ethan

[jQuery] Re: A part of .ajax I don't understand

2009-03-08 Thread James


In your PHP script, you're suppose to print (echo) your response. Make
sure to put an 'exit' afterwards so you don't continue processing the
rest of your script and return (print) unexpected content.

On Mar 8, 11:17 am, Ethan edgewood7...@gmail.com wrote:
 Hi out there.  I'm having a little trouble with my .ajax.  Here's the
 function:

 var name = $('#username').val();
 var pass = $('#pass').val();

 $.ajax({
                 url: 'signin.php',
                 type: 'GET',
                 data: 'username=' + name + 'pass=' + pass,
                 success: function(submitreturn){
                         alert(submitreturn);
                 }
         });

 Here's signin.php:

 ?php

 require_once(classes/Login.php);

 $user = $_GET['username'];
 $pass = $_GET['pass'];

 $login = new Login();

 if($login-login_user($user, md5(md5($pass) . POSTPASSKEY)))
 {
                 return I DID IT;}

 else
 {
                 return I DIDNT DO IT;

 }

 ?

 Okay, so here's my question.  When the .ajax runs, the alert window
 contains the string that was in the username input, and br /.  Why
 is this?  Why isn't submitreturn the value that was returned by
 signin.php?  How can I get the value returned by signin.php?

 Thanks for your help!

 -Ethan

[jQuery] Superfish menu, IE7 bug - menu expands in a flash when changing page

2009-03-08 Thread jonasnorlin


Hey all !

I have created a superfish menu for my modx website, based on the
exsisting menu: wayfinder.jmultilevel.

Note: the problem i'm having is related to internet explorer 7, the
menu works flawless in firefox.

When you click on an menu item and get directed to the new page, the
menu suddenly appears fully expanded for a split second, and then
returns to normal. I'am not sure if the problem appears the first time
you click a link, you might have to try again before the bug springs.
Also, you need to click on an menu item, the problem dosent come if
you just press F5 for update.

My website: http://www.norlins.dk/uchihaproject/

Files im using in my menu:

JQUERY.JS:
http://www.norlins.dk/uchihaproject/assets/snippets/wayfinder/configs/jmultilevel/jquery.js
HOVERINTET.JS
http://www.norlins.dk/uchihaproject/assets/snippets/wayfinder/configs/jmultilevel/hoverintent.js
STYLE.CSS
http://www.norlins.dk/uchihaproject/assets/snippets/wayfinder/configs/jmultilevel/style.css
SUPERFISH.JS
http://www.norlins.dk/uchihaproject/assets/snippets/wayfinder/configs/jmultilevel/style.css

Thanks!! =)

[jQuery] jQuery breaks LastPass extension

2009-03-08 Thread Kenchu


I'm currently developing a firefox extension, and I use jQuery. I've
noticed that LastPass, anohter extension, doesnt seem to work properly
if I include jQuery in my XUL file. I've tried using jQuery instead of
$ and calling noConflict without any change. Any ideas?

[jQuery] Re: Malsup's Cycle plugin exhibiting strange behavior


Actually, now the client has said that the issue still appears in FF 3
on Windows. I'm installing a new copy on a virtual machine to test it
now, but is it possible there's still unresolved issues with the
sizing?

[jQuery] Re: Superfish menu, IE7 bug - menu expands in a flash when changing page

2009-03-08 Thread Charlie Tomlinson






multilevel.css has an unclosed comment mark might be causing a problem


/*.nav li:hover ul,ul.nav li.sfHover ul {left:0px;top:2em;}






jonasnorlin wrote:

  Hey all !

I have created a superfish menu for my modx website, based on the
exsisting menu: wayfinder.jmultilevel.

Note: the problem i'm having is related to internet explorer 7, the
menu works flawless in firefox.

When you click on an menu item and get directed to the new page, the
menu suddenly appears fully expanded for a split second, and then
returns to normal. I'am not sure if the problem appears the first time
you click a link, you might have to try again before the bug springs.
Also, you need to click on an menu item, the problem dosent come if
you just press F5 for update.

My website: http://www.norlins.dk/uchihaproject/

Files im using in my menu:

JQUERY.JS:
http://www.norlins.dk/uchihaproject/assets/snippets/wayfinder/configs/jmultilevel/jquery.js
HOVERINTET.JS
http://www.norlins.dk/uchihaproject/assets/snippets/wayfinder/configs/jmultilevel/hoverintent.js
STYLE.CSS
http://www.norlins.dk/uchihaproject/assets/snippets/wayfinder/configs/jmultilevel/style.css
SUPERFISH.JS
http://www.norlins.dk/uchihaproject/assets/snippets/wayfinder/configs/jmultilevel/style.css

Thanks!! =)

[jQuery] Re: Superfish menu, IE7 bug - menu expands in a flash when changing page

2009-03-08 Thread jonasnorlin

That is wierd.

When i delete the comment mark the problem remains, but this time when
i press F5 and update a page the problem now suddenly appears too!
When i delete the entire line same result as mentioned, but when i add
the start comment mark the bug only appears when shifting pages!! So
wierd!.

On Mar 8, 11:35 pm, Charlie Tomlinson charlie...@gmail.com wrote:
multilevel.css has an unclosed comment mark might be causing a problem/*.nav
li:hover ul,ul.nav li.sfHover ul {left:0px;top:2em;}
jonasnorlin wrote:Hey all ! I have created asuperfishmenu for my modx
website, based on the exsisting menu: wayfinder.jmultilevel. Note: the
problem i'm having is related to internet explorer 7, the menu works flawless
in firefox. When you click on an menu item and get directed to the new page,
the menu suddenly appears fully expanded for a split second, and then returns
to normal. I'am not sure if the problem appears the first time you click a
link, you might have to try again before the bug springs. Also, you need to
click on an menu item, the problem dosent come if you just press F5 for
update. My website:http://www.norlins.dk/uchihaproject/Files im using in my
menu:
JQUERY.JS:http://www.norlins.dk/uchihaproject/assets/snippets/wayfinder/configs/jmultilevel/jquery.jsHOVERINTET.JShttp://www.norlins.dk/uchihaproject/assets/snippets/wayfinder/configs/jmultilevel/hoverintent.jsSTYLE.CSShttp://www.norlins.dk/uchihaproject/assets/snippets/wayfinder/configs/jmultilevel/style.cssSUPERFISH.JShttp://www.norlins.dk/uchihaproject/assets/snippets/wayfinder/configs/jmultilevel/style.cssThanks!!
=)

[jQuery] [autocomplete] function instead of list

2009-03-08 Thread barbender


Hi folks,
Is there a way to call function instead of taking data from the list
when doing local field completion ?
In the example I am trying to form a list of artists locally in JS
function :

// make artist input auto completing
$('#artist').autocomplete(function() { return artists; }), {
  matchContains: true });

however it does not work, any other way to achieve this ?
thanks

[jQuery] Re: A part of .ajax I don't understand

2009-03-08 Thread donb


And I'd recommend json_encode() in PHP and specifying 'json' as the
datatype on the ajax call.  Otherwise you may find the datae is not
quite what you expect (likehaving  a trailing space or \n, and so on.

On Mar 8, 5:45 pm, James james.gp@gmail.com wrote:
 In your PHP script, you're suppose to print (echo) your response. Make
 sure to put an 'exit' afterwards so you don't continue processing the
 rest of your script and return (print) unexpected content.

 On Mar 8, 11:17 am, Ethan edgewood7...@gmail.com wrote:

  Hi out there.  I'm having a little trouble with my .ajax.  Here's the
  function:

  var name = $('#username').val();
  var pass = $('#pass').val();

  $.ajax({
                  url: 'signin.php',
                  type: 'GET',
                  data: 'username=' + name + 'pass=' + pass,
                  success: function(submitreturn){
                          alert(submitreturn);
                  }
          });

  Here's signin.php:

  ?php

  require_once(classes/Login.php);

  $user = $_GET['username'];
  $pass = $_GET['pass'];

  $login = new Login();

  if($login-login_user($user, md5(md5($pass) . POSTPASSKEY)))
  {
                  return I DID IT;}

  else
  {
                  return I DIDNT DO IT;

  }

  ?

  Okay, so here's my question.  When the .ajax runs, the alert window
  contains the string that was in the username input, and br /.  Why
  is this?  Why isn't submitreturn the value that was returned by
  signin.php?  How can I get the value returned by signin.php?

  Thanks for your help!

  -Ethan

[jQuery] Stripping last html tag within an area.


is it possible to use jQuery to strip a tag from a 'div' ?

example:

article
phello world/p
plast paragraph/p
/article

I would like strip the p tags from 'last paragraph'.

[jQuery] years in jQuery Datepicker

2009-03-08 Thread Javier Guerrero

Hi,

I'm using *jQuery Datepicker *
http://keith-wood.name/datepick.html

but, I can't  show more years before 1999.

please, somebody can help me?

Saludos

[jQuery] Re: Stripping last html tag within an area.

2009-03-08 Thread comslash.com


Try this.

$('articlep:last').replaceWith($(this).html());


On Mar 8, 7:22 pm, carbon carbon.ca...@gmail.com wrote:
 is it possible to use jQuery to strip a tag from a 'div' ?

 example:

 article
 phello world/p
 plast paragraph/p
 /article

 I would like strip the p tags from 'last paragraph'.

[jQuery] Re: Stripping last html tag within an area.


Thanks, but that didn't work.
what does the .replaceWith($(this).htlm() do?
shouldn't we use something like 'remove' instead?


On Mar 9, 10:37 am, comslash.com comsl...@gmail.com wrote:
 Try this.

 $('articlep:last').replaceWith($(this).html());

 On Mar 8, 7:22 pm, carbon carbon.ca...@gmail.com wrote:

  is it possible to use jQuery to strip a tag from a 'div' ?

  example:

  article
  phello world/p
  plast paragraph/p
  /article

  I would like strip the p tags from 'last paragraph'.

[jQuery] jQuery IE7 Memory leak

2009-03-08 Thread mif86


Hi!

I'm having problems with all ajax updates, $(#element).load() etc.,
gradually eating up IE 7's memory.

Simple test case to reproduce:
http://mif86.com/memtest.htm

It periodically loads another page's html content (http://mif86.com/
memtest2.htm) into a Div using jQuery's $(#element).load
(memtest2.htm).
If you watch the memory usage in internet explorer, it will grow
linearly with time.

I've been googling all around, trying lots of tweaks and fixes, but
nothing seems to work. Is there something i'm misunderstanding, or is
there a bug in jQuery? or something else? :S

Thanks

[jQuery] Re: Stripping last html tag within an area.

2009-03-08 Thread Karl Swedberg

Do you just want to remove the p and /p tags? Or do you want to  
remove the paragraph along with along with all of its contents? If the  
latter, then, yes, use ('article  p:last').remove();


--Karl


Karl Swedberg
www.englishrules.com
www.learningjquery.com




On Mar 8, 2009, at 7:44 PM, carbon wrote:



Thanks, but that didn't work.
what does the .replaceWith($(this).htlm() do?
shouldn't we use something like 'remove' instead?


On Mar 9, 10:37 am, comslash.com comsl...@gmail.com wrote:

Try this.

$('articlep:last').replaceWith($(this).html());

On Mar 8, 7:22 pm, carbon carbon.ca...@gmail.com wrote:


is it possible to use jQuery to strip a tag from a 'div' ?



example:



article
phello world/p
plast paragraph/p
/article



I would like strip the p tags from 'last paragraph'.

[jQuery] Re: Stripping last html tag within an area.


just the tags p, leaving the content 'last paragraph'.


On Mar 9, 10:50 am, Karl Swedberg k...@englishrules.com wrote:
 Do you just want to remove the p and /p tags? Or do you want to  
 remove the paragraph along with along with all of its contents? If the  
 latter, then, yes, use ('article  p:last').remove();

 --Karl

 
 Karl Swedbergwww.englishrules.comwww.learningjquery.com

 On Mar 8, 2009, at 7:44 PM, carbon wrote:



  Thanks, but that didn't work.
  what does the .replaceWith($(this).htlm() do?
  shouldn't we use something like 'remove' instead?

  On Mar 9, 10:37 am, comslash.com comsl...@gmail.com wrote:
  Try this.

  $('articlep:last').replaceWith($(this).html());

  On Mar 8, 7:22 pm, carbon carbon.ca...@gmail.com wrote:

  is it possible to use jQuery to strip a tag from a 'div' ?

  example:

  article
  phello world/p
  plast paragraph/p
  /article

  I would like strip the p tags from 'last paragraph'.

[jQuery] Re: jQuery IE7 Memory leak

2009-03-08 Thread comslash.com


I would have to guess that because you are using the .load() in such a
rapid way that the load commands are stacking up, you will want to
either increase your interval time or set something up that only one
load command is going out at a time.

On Mar 8, 7:42 pm, mif86 finsta...@gmail.com wrote:
 Hi!

 I'm having problems with all ajax updates, $(#element).load() etc.,
 gradually eating up IE 7's memory.

 Simple test case to reproduce:http://mif86.com/memtest.htm

 It periodically loads another page's html content (http://mif86.com/
 memtest2.htm) into a Div using jQuery's $(#element).load
 (memtest2.htm).
 If you watch the memory usage in internet explorer, it will grow
 linearly with time.

 I've been googling all around, trying lots of tweaks and fixes, but
 nothing seems to work. Is there something i'm misunderstanding, or is
 there a bug in jQuery? or something else? :S

 Thanks

[jQuery] Re: jQuery IE7 Memory leak

2009-03-08 Thread mif86


Ah, maybe a race condition occours or something, then.
But it's strange that I can only see it happening in IE.

I've modified the code to run another load() in the callback from the
first load(), instead of periodically.
It seems though, that it still keeps growing.
I'll leave it on over night and check if it has grown out of my system
memory by tomorrow!

( http://mif86.com/memtest3.htm )

Thanks mate :)

On Mar 9, 12:58 am, comslash.com comsl...@gmail.com wrote:
 I would have to guess that because you are using the .load() in such a
 rapid way that the load commands are stacking up, you will want to
 either increase your interval time or set something up that only one
 load command is going out at a time.

 On Mar 8, 7:42 pm, mif86 finsta...@gmail.com wrote:

  Hi!

  I'm having problems with all ajax updates, $(#element).load() etc.,
  gradually eating up IE 7's memory.

  Simple test case to reproduce:http://mif86.com/memtest.htm

  It periodically loads another page's html content (http://mif86.com/
  memtest2.htm) into a Div using jQuery's $(#element).load
  (memtest2.htm).
  If you watch the memory usage in internet explorer, it will grow
  linearly with time.

  I've been googling all around, trying lots of tweaks and fixes, but
  nothing seems to work. Is there something i'm misunderstanding, or is
  there a bug in jQuery? or something else? :S

  Thanks

[jQuery] Re: Stripping last html tag within an area.

2009-03-08 Thread comslash.com


Try this ...

I did some testing and it seems that the $(this) was not selecting
correctly as before and the :last was selecting only the last p tag on
the page not every the last p tag in each article

$('articlep:last-child').each(function(){
 $(this).replaceWith($(this).html());
});

Explination ...

// selecting the last p tag in each article
$('articlep:last-child')

// for each of these p tags do ...
.each(function(){

// the current object
 $(this)

// replace the p tag with what ever is inside of the p tag including
other html tags (ie strong)
.replaceWith($(this).html());

// end the for each and selection
});


On Mar 8, 7:55 pm, carbon carbon.ca...@gmail.com wrote:
 just the tags p, leaving the content 'last paragraph'.

 On Mar 9, 10:50 am, Karl Swedberg k...@englishrules.com wrote:

  Do you just want to remove the p and /p tags? Or do you want to  
  remove the paragraph along with along with all of its contents? If the  
  latter, then, yes, use ('article  p:last').remove();

  --Karl

  
  Karl Swedbergwww.englishrules.comwww.learningjquery.com

  On Mar 8, 2009, at 7:44 PM, carbon wrote:

   Thanks, but that didn't work.
   what does the .replaceWith($(this).htlm() do?
   shouldn't we use something like 'remove' instead?

   On Mar 9, 10:37 am, comslash.com comsl...@gmail.com wrote:
   Try this.

   $('articlep:last').replaceWith($(this).html());

   On Mar 8, 7:22 pm, carbon carbon.ca...@gmail.com wrote:

   is it possible to use jQuery to strip a tag from a 'div' ?

   example:

   article
   phello world/p
   plast paragraph/p
   /article

   I would like strip the p tags from 'last paragraph'.

[jQuery] Call for contributors: A simple, fast and flexible grid/spreadsheet component.

2009-03-08 Thread Tin


Hey All,

I've been working on a grid/spreadsheet control prototype during the
last couple of weeks.  Seeing how there doesn't seem to be a lot of
other choices for this sort of thing, I had to write my own.  I've put
the project up on Google Code and am looking for experienced
developers who can pick this up and turn it into something that
everybody can use (a jQuery UI grid plugin?).

The project is hosted at http://code.google.com/p/slickgrid/.
Below is a copy of the project home page.

Looking forward to your feedback!

Michael Leibman
michael.leib...@gmail.com
Principal Engineer
Daptiv Inc.

--

SlickGrid

What it is

Quite simply, SlickGrid is a JavaScript grid/spreadsheet component.

Some highlights:

Virtual scrolling/rendering (hundreds of thousands of rows)
Extremely fast rendering speed
Configurable  customizable
Full keyboard navigation
Resizable/reorderable columns
Custom cell formatters  editors
Support for editing and creating new rows.
GlobalEditorLock to manage concurrent edits in cases where multiple
Views on a page can edit the same data.
Why?

This is pretty much a work-in-progress prototype, so I don't feel like
spending a lot of time documenting it at this stage. I do think it is
quite promising though, so I'm putting it up for everybody to see and
play with. In its current form, it satisfies nearly all of the
requirements for the project I am working on where I am utilizing it
in an MVC application, so I'm not sure how much time I can afford on
turning SlickGrid into something that would work for everybody. If you
are willing to help out - let me know, and I'll add you to the project
so that you can contribute.

Examples

Basic use: http://slickgrid.googlecode.com/svn/trunk/example1-simple.html

Adding some formatting: 
http://slickgrid.googlecode.com/svn/trunk/example2-formatters.html

Turning it into a spreadsheet: 
http://slickgrid.googlecode.com/svn/trunk/example3-editing.html

A more comprehensive test page: 
http://slickgrid.googlecode.com/svn/trunk/grid.html

Documentation

See comments at the top of 
http://slickgrid.googlecode.com/svn/trunk/slick.grid.js.

[jQuery] Re: getJSON url variable broken

2009-03-08 Thread David Muir



My guess is that you could still do it if you globally set async to 
false. Wouldn't recommend it though.

David

James wrote:

Yes, David is right. My example would not work. Sorry about that.

For other jQuery AJAX functions, there's an option to set 'async' to
false if you do want to let your script halt until the AJAX response
is received. I don't think there's an option for getJSON for that, so
you'll have to do everything you need to do inside your callback, or
switch to using the $.ajax() function.

On Mar 5, 5:00 pm, David Muir davidkm...@gmail.com wrote:
  

You need to include what you want to do within the callback:

$(function(){

 var youtubeurl;

 $.getJSON('data.inc.json', function(j){
  youtubeurl = j.video_url;
  so = new SWFObject(j.video_url, TEST, 498, 278, 9.0.28,#00, 
true);
  //etc...
 });

 //lines here don't wait for the ajax call to complete before executing.
 alert(typeof youtubeurl); //should alert undefined

});

Yes, youtubeurl will be set, but only after you get the response back
from the server, which happens long after the lines after $.getJSON()
get executed.

josp wrote:


that's not the problem unfortunately, cause my real script is
different.
The problem must be connected to the way $.getJSON parses the data
  
On 5 Mrz., 21:11, James james.gp@gmail.com wrote:
  

The scope of your youtubeurl variable exists only within the callback
function of your getJSON(). Set the variable outside first.

$(function(){

 var youtubeurl;

 $.getJSON('data.inc.json', function(j){

  youtubeurl = j.video_url;
 });

 so = new SWFObject(youtubeurl, TEST, 498, 278, 9.0.28,

#00, true);

});

On Mar 5, 7:54 am, josp superbla3...@googlemail.com wrote:


hello,
  
I have a file data.inc.json with the variable

{
'video_url':'http://www.youtube.com/v/ididididhl=defs=1'
  
}
  
which I open from my javascript by

$.getJSON( data.inc.json, function(j){ var youtubeurl = j
[video_url]; });
  
The value of the variable youtubeurl looks correct (http://www.youtube.com/v/ididididhl=defs=1),

but when I want to use the url for another request, nothing happens.
  
If I want to load the youtube video like this

so = new SWFObject(youtubeurl, TEST, 498, 278, 9.0.28,
#00, true);
nothing happens.
  
If I do

var testvar = http://www.youtube.com/v/ididididhl=defs=1;;
so = new SWFObject(testvar, TEST, 498, 278, 9.0.28, #00,
true);
the video is loaded and plays.
  
Do I have to format the  j[video_url]?
  
all the best

Josp

[jQuery] cancelling default click handler for label/

2009-03-08 Thread Bill


I have markup that looks like this:

div id=phrase:witness%2Bwhereof class=as-s-comp
label class=checkbox title=witness whereof
input type=checkbox value=witness whereof/
witness whereof
/label
a class=cl href=#(4104)/a
/div

When I click anywhere within the label, the checkbox toggles from its
previous state. I'd like to cancel this behavior, so that clicking
within the label has no effect on the checkbox. How would I use jQuery
to accomplish this?

Thanks in advance for any help with this.

--Bill

[jQuery] Re: Stripping last html tag within an area.