[jQuery] $.getScript Must Take .js File?
I am using codeigniter and it forms urls like this: http://mydomain/index.php/system/edit_js I'm trying to call $.getScript by going: $.getScript(http://mydomain/index.php/system/edit_js;) but I get a 404 not found error. I pasted the url in my webbrowser and it works just fine. Is there any way to make this work?
[jQuery] Re: Intelisense in VS2008
I have the following code:
html
head
titleHover example/title
link rel=stylesheet type=text/css href=hover.css
script type=text/javascript
src=../scriptsNew/jquery-1.3.2.js/script
script type=text/javascript
function report(event) {
$('#console').append('div' + event.type + '/
div').stop;
event.stopPropagation();
//alert( event.isPropagationStopped());
}
$(function() {
$('#outer1')
.bind('mouseover', report)
.bind('mouseout', report);
$('#outer2').hover(report, report);
});
/script
/head
body
div class=outer id=outer1
Outer 1
div class=inner id=inner1Inner 1/div
/div
div class=outer id=outer2
Outer 2
div class=inner id=inner2Inner 2/div
/div
div id=console/div
/body
/html
When an event handler is fired, an instance of a class named Event is
passed to the handler as its first parameter.
Where should I declare it? Do you have any idea? This eample is from
the book.
thank you,
Simon
On Mar 25, 3:38 pm, MorningZ morni...@gmail.com wrote:
Without more code it's hard to help, but I could venture a guess that
where you are in your code that Intellisense has no idea what the type
of variable/object event is
to help understand that, take this sample:
var s;
if you went to do something with s, the compiler has no idea what
kind of object s is... so typing s. results in no Intellisense
now, if you said:
var s = '';
then typing s. results in all the things you can do to a string
saying:
var s = 0;
results in Intellisense for numeric objects
So if Studio has no idea what event is (and this is your code that
needs to specify it!!), then it can't provide help
On Mar 25, 5:38 am, simonxy enki...@gmail.com wrote:
Hi, I copiedjquery-1.3.2.js andjquery-1.3.2-vsdoc.js files into the
same directory and intelisense works, but not in complete. For
example, I don't have almost any properties and methods of event
object, like event.stopPropagation() or event.isPropagationStopped()
and similar.
Why intelisense of event object doesn't work?
Thank you for your answer,
Simon- Hide quoted text -
- Show quoted text -
[jQuery] Re: Jquery Tabs shown Horizontally in Firefox but shown Vertically in IE...?
Hello Acamar, You were correct it was a CSS issue, some css defining another a link was getting mixed up with the tab links. Once I specified the separate a link more precisely using a class qualifier (i.e. was a now a class=banner, the problem was resolved. Thanks for your help... Martin On Mar 26, 3:46 am, acamar websi...@bcs.ru wrote: Hi! It's not jQuery related question but CSS. Can you show your CSS rules for the tabs? On 25 мар, 19:59, Martin martin.ikedia...@gmail.com wrote: Hello, I am using Jquery Tabs in a webpage and the problem I am having is that the tabs are shown correctly in Firefox (Horizontally), but incorrectly in IE (Vertically). Does anyone know a simple solution to this problem? My html is very vanilla (see below) div id=tabs ul class=holder lia class=tabOne href=#tabs-1Tab 1 Title/a/li lia class=tabTwo href=#tabs-2Tab 2 Title/a/li /ul div id=tabs-1 p Tab 1 /p /div !-- End of Tab 1 -- div id=tabs-2 p Tab 2 /p /div !-- End of Tab 2 -- /div!-- End of Tabs -- How can I get the tabs in IE to be shown vertically. I assumed it was a width issue, associated with the a links, but that didnt make much difference... Regards Martin Ikediashi- Hide quoted text - - Show quoted text -
[jQuery] Re: [autocomplete] jquery + dwr
Thanks for the ticket!
Jörn
On Wed, Mar 25, 2009 at 11:32 PM, Diego Plentz diego.pi...@gmail.com wrote:
I suspected :-)
Well, I archived the results that I want doing a modification to the
autocomplete source code. I've added a async option, so if someone want's
to use asyncs requests as a source of data it can now be done. The result is
pretty simple:
$(#city).autocomplete({
async: dwrHandler
});
function dwrHandler(term, handler){
CityAutoComplete.find(term, handler);
}
Hope that It can be added to the source :-)
I created a ticket for this http://dev.jqueryui.com/ticket/4402
Thanks again
On Wed, Mar 25, 2009 at 11:12 AM, Jörn Zaefferer
joern.zaeffe...@googlemail.com wrote:
Ah, sorry. source expects a synchronous return as well, doesn't help
at all in this case.
Jörn
On Wed, Mar 25, 2009 at 2:24 PM, Diego Plentz diego.pi...@gmail.com
wrote:
Thanks Jörn. Btw, the problem still here, because even if I do something
like that:
$(#city).autocomplete({
source: handleDWR
});
function handleDWR(term){
TestAutoComplete.findAutoComplete(term, function(data) {return data});
}
data never goes back to autocomplete to be properly rendered (because
it
is a asynchronous call). What am I missing here?
Thanks again!
On Tue, Mar 24, 2009 at 7:36 PM, Jörn Zaefferer
joern.zaeffe...@googlemail.com wrote:
The jQuery UI branch of the autocomplete plugin supports a
source-option as an alternative to the url- und data-options. Give it
a try and let us know if it works for you:
http://jquery-ui.googlecode.com/svn/branches/dev/autocomplete/
http://jqueryui.pbwiki.com/SelectComboboxAutocomplete
Jörn
On Tue, Mar 24, 2009 at 10:39 PM, Diego Plentz diego.pi...@gmail.com
wrote:
Hey guys,
I'm using jquery + autocomplete plugin (by Jörn) and I trying to make
it
work with DWR(http://directwebremoting.org/). My problem is that
jquery
autocomplete takes a url or data directly, but to make DWR works
properly, I
must use their javascript functions and handle the callback. Here is
a
example:
TestAutoComplete.findAutoComplete(token, function(data) { /* do
something
with data*/ });
How to make it work with autocomplete, that works like this:
$(#city).autocomplete(cities);
Thanks in advance
--
http://plentz.org
--
http://plentz.org
--
http://plentz.org
[jQuery] getJSON
i am trying to load json. but it seems like its not working. nothing
is alerted. supposed to be the case?
script type=text/javascript
$(function() {
$.getJSON(data.js, function (json) {
alert(json);
});
});
/script
data.js
[ {Value: 1, Item: Physics}, {Value: 2, Item: Chemistry}, {Value: 3,
Item: Biology} ];
[jQuery] Re: getJSON
Shouldn't your JSON return values be double quoted?
[ {Value: 1, Item: Physics}, {Value: 2, Item: Chemistry},
{Value: 3, Item: Biology} ];
On Mar 26, 9:16 am, iceangel89 iceange...@gmail.com wrote:
i am trying to load json. but it seems like its not working. nothing
is alerted. supposed to be the case?
script type=text/javascript
$(function() {
$.getJSON(data.js, function (json) {
alert(json);
});});
/script
data.js
[ {Value: 1, Item: Physics}, {Value: 2, Item: Chemistry}, {Value: 3,
Item: Biology} ];
[jQuery] Re: aborting a $.getScript() request
You're right. A quick look in the bug tracker turns up this ticket: http://dev.jquery.com/ticket/1768 Karl Rudd Tks Karl, So, there are two questions I made to myself and I am unable to answer: 1-) Does $.getScript() is a reliable function to use? Is it a useless one? 2-) What does documentation at: http://docs.jquery.com/Ajax/jQuery.getScript#urlcallback means when says: * If you load functions via getScript, make sure to call them after a delay.* ? Any thoughts? Maurício.
[jQuery] Re: attr(href) giving full path instead of relative in IE
I experienced the same problem while developing a plugin that does
some tricks with the page content during the ready event. I noticed
that attr('href') works fine if I don't manipulate the body tag
content. IE won't return the correct href attribute if I do so.
The code I used to workaround the problem looks like this:
$('a').attr('xref', function() {
return $(this).attr('href');
});
...
document.body.innerHTML = someContent + document.body.innerHTML;
...
$('a').attr('href', function() {
return $(this).attr('xref');
}).removeAttr('xref');
Hope this helps.
On Mar 25, 9:47 pm, Shane Riley shanerileydoti...@gmail.com wrote:
Right, it's not hard, it was just unexpected is all. I guess I've
gotten used to JQuery working the same in all browsers.
I've got it working now with some old-fashioned Javascript. Thanks!
On Mar 25, 3:20 pm, Shane Riley shanerileydoti...@gmail.com wrote:
Alright, so your example shows the actual strings for all three values
in Safari, and in IE7(Vista) it shows the absolute path for #3. After
looking back at my code, I'm actually loading in the links via Ajax
when the page is loaded, so they're not in the original document. So
I'm guessing that means having to do string manipulation since there's
no way to grab the actual href string in IE in this case.
Thanks for putting up an example.
On Mar 25, 3:11 pm, Karl Swedberg k...@englishrules.com wrote:
Hi Shane,
Yes, I believe you're reading me right. Strange, though. I'm not able
to reproduce the problem you're having. Take a look here:
http://test.learningjquery.com/href.html
In IE 7 for #1 and #2 $(this).attr('href') is reporting the actual
text string of the href attribute while this.href is reporting the
fully qualified URL. For #3, in which I injected the link with
javascript, they're both reporting the fully qualified URL.
Which version of IE are you testing in?
--Karl
Karl Swedbergwww.englishrules.comwww.learningjquery.com
On Mar 25, 2009, at 2:21 PM, Shane Riley wrote:
Karl, I'm pretty sure I'm reading you right, but are you saying that
by all accounts JQuery should account for this and return the string-
literal value of href and not IE's absolute path? If so, it's not
working properly. I wish I could show you the live code, because it's
probably easier to visualize, but here's the process involved in these
specific anchors appearing before manipulation:
1. User visits page
2. User makes selection from a drop-down
3. Ajax call initialized sending the href attribute as the variables
using a POST request
So in this case, the anchors in the drop-down list are present on page
load and part of the initial DOM structure. That means that if JQuery
is supposed to sort this out for me, it's not. If you meant that I'd
absolutely have to use Javascript's getAttribute(), then I'll try that
and see if it works.
On Mar 25, 1:17 pm, Karl Swedberg k...@englishrules.com wrote:
Hi Shane,
IE has a second flag argument for getAttribute that, when set to 2,
is supposed to get the literal value of the attribute rather than
their special-sauce value.
So, this.getAttribute('href', 2) *should* get the relative href.
(note: no need to do $(this)[0] ; this works just fine)
jQuery uses that flag internally, so .attr('href') should do the same
thing:
var attr = !jQuery.support.hrefNormalized
notxml special
// Some attributes require a
special call on IE
? elem.getAttribute( name, 2 )
: elem.getAttribute( name );
I believe that this works in every case except when the href is set
via JavaScript. In that case, I'm not sure anything can be done.
--Karl
Karl Swedbergwww.englishrules.comwww.learningjquery.com
On Mar 25, 2009, at 12:21 PM, Shane Riley wrote:
Ha! I looked at your post too fast, and didn't notice that it was
pure
Javascript. Sorry. I'll try it and see.
The way I currently have it will not work with javascript turned off
either. I'm doing it this way only because the client is requiring
the
user to have Javascript enabled to use the site (it's a backend
system
for very specific clients). They want to add all sorts of animations
and effects like everyone wants to do once they see JQuery
animations
in action.
On Mar 25, 12:14 pm, Martijn Houtman martijn.hout...@gmail.com
wrote:
On Mar 25, 2009, at 5:04 PM, Shane Riley wrote:
Thanks for the article link, but your proposed change isn't valid
JQuery, is it? My exact jQuery code to read in the value looks
like
this:
pageID = $(this).attr(href);
Adding what you suggested to make it
[jQuery] Re: aborting a $.getScript() request
Here's my thoughts: 1) It is reliable when dealing with scripts that exist. 2) No idea. Karl Rudd On Thu, Mar 26, 2009 at 9:12 PM, Mauricio (Maujor) Samy Silva css.mau...@gmail.com wrote: You're right. A quick look in the bug tracker turns up this ticket: http://dev.jquery.com/ticket/1768 Karl Rudd Tks Karl, So, there are two questions I made to myself and I am unable to answer: 1-) Does $.getScript() is a reliable function to use? Is it a useless one? 2-) What does documentation at: http://docs.jquery.com/Ajax/jQuery.getScript#urlcallback means when says: * If you load functions via getScript, make sure to call them after a delay.* ? Any thoughts? Maurício.
[jQuery] highlight navbar
I'm trying to make a navigation bar with highlighted tabs. It works
when I specifically click the tab, but if I come to the page from an
outside link, I can't get the tab to highlight. How could I say
something like:
$(#navbar a).each(function(){
if(this.href *like* window.location)
(this).addClass(selected)
}
What do I put in place of *like*?
Or if you know another good way to do it, that would be helpful.
Thanks in advance.
[jQuery] Looking for talk submissions for Open Web Vancouver 2009
I'm helping organize this year's conference; the dates are June 11th and 12th at the Vancouver Convention Centre. I'd love to see some talk submissions jQuery ( jQuery UI ): http://www.openwebvancouver.ca/node/add/talk So far we have a few interesting confirmed speakers including Chris Messina and Rickard Falkvinge ( leader of the Swedish Pirate party ): http://www.openwebvancouver.ca/node/25 Any questions, let me know. Jeff
[jQuery] Jquery with Rails application
Hi all.. I am new to JQuery, I am trying to implement Jquery with Rails apllication. I installed JRails and implement some effects. But i couldn't able to find exact result.. can anybody tell the usage of Jquery with Rails
[jQuery] Re: Pointless but fun jQuery experiment
Nice effects, Kelvin!! JQuery Rocks!!! On Mar 26, 8:49 am, Nikola nik.cod...@gmail.com wrote: That was really neat... jQuery physics! On Mar 25, 11:40 pm, brian bally.z...@gmail.com wrote: I'll second that! On Wed, Mar 25, 2009 at 9:26 PM, Rick Faircloth r...@whitestonemedia.com wrote: Pretty cool, Kelvin! Rick -Original Message- From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf Of Kelvin Luck Sent: Wednesday, March 25, 2009 9:22 PM To: jquery-en Subject: [jQuery] Pointless but fun jQuery experiment Inspired by google's chrome experiments I recently put together a pointless but fun experiment with the help of jQuery and I thought that people on the list might like to check it out: http://www.kelvinluck.com/assets/jquery/boingPic/index.html As I said, completely pointless but makes a nice change from serious progressive enhancement! Hope you like it, Kelvin :)
[jQuery] Re: Trying to get CrossSlide plugin to work
you have a drupal module for insert blocks with pictures using the
Cross-slide jquery plugin:
http://drupal.org/project/slideshowcs
Hope this helps
On Feb 2, 6:39 am, Wonder95 killsho...@gmail.com wrote:
I'm trying to implement the CrossSlide plugin with Drupal and I'm not
having any luck. Based on some help I got from this group, I have
this code that sets a different banner depending on the URL in
script.js (atwww.oregonpatrolservice.com):
Drupal.behaviors.setBanner = function (context) {
var img = {
'/content/about-us': 'images/OPS-Banner-02.jpg',
'/content/services': 'images/OPS-Banner-03.jpg',
'/content/ops-armory': 'images/OPS-Banner-04.jpg',
'/content/careers': 'images/OPS-Banner-07.jpg',
'/contact': 'images/OPS-Banner-08.jpg',
'/user': 'images/OPS-Banner-05.jpg'
}[location.pathname] || 'OPS-Banner-01.jpg';
$(td#header).css(background,url(/sites/all/themes/theme060/
images/ + img + ) no-repeat);
};
So I have the jquery.cross-slide.js file included in the header, and
this code in script.js:
Drupal.behaviors.crossSlideBanner = function (context) {
$('td#header').crossSlide({
sleep: 5, //in sec
fade: 2 //in sec
}, [
{ src: 'images/OPS-Banner-01.jpg'},
{ src: 'images/OPS-Banner-02.jpg'},
{ src: 'images/OPS-Banner-03.jpg'},
{ src: 'images/OPS-Banner-04.jpg'},
{ src: 'images/OPS-Banner-05.jpg'},
{ src: 'images/OPS-Banner-06.jpg'},
{ src: 'images/OPS-Banner-07.jpg'},
{ src: 'images/OPS-Banner-08.jpg'},
{ src: 'images/OPS-Banner-09.jpg'},
{ src: 'images/OPS-Banner-10.jpg'}
]);
};
But I get nothing displayed. The only thing I can think of is that my
original script sets the background property of td#header, where
CrossSlide replaces the content of td#header. Even so, it seems that
I should see something at least.
Can anyone tell me what I'm missing?
Thanks.
Steve
[jQuery] Ignoring mouse events?
Hello, I have a table of items, and each one of them is manageable somehow. That is, for each one of them I can provide links to modify, enable/disable, delete, etc. Basically a simple CRUD application. Now, instead of using ever-present links for each row, I'd like to show a little div with the options on top of the row under the mouse cursor. Just as a test, I managed to hot-track the current row with a .hover() and I also positioned the div (a global div, BTW) on the tracked row. My problem is that when the mouse pointer goes over that div the underlying tr's mouseout triggers. and what comes next is a flickering of said div. Essentially triggering/retriggering of onmouseover onmouseout events. So, finally, my question. Is there a way to have a div (front layer in this case) to ignore, or pass below mouse events? I'm jQuery noob, BTW. Thanks a lot, Carlos.
[jQuery] Jquery with Rails application
Hi all.. I am new to JQuery, I am trying to implement Jquery with Rails apllication. I installed JRails and implement some effects. But i couldn't able to find exact result.. can anybody tell the usage of Jquery with Rails
[jQuery] Jquery with Rails application
Hi all.. I am new to JQuery, I am trying to implement Jquery with Rails apllication. I installed JRails and implement some effects. But i couldn't able to find exact result.. can anybody tell the usage of Jquery with Rails
[jQuery] Jquery with Rails application
Hi all.. I am new to JQuery, I am trying to implement Jquery with Rails apllication. I installed JRails and implement some effects. But i couldn't able to find exact result.. can anybody tell the usage of Jquery with Rails
[jQuery] [form] Handling re-ajax'ing a form after a submission attempt
Hello,
I am having a problem re-binding a form with ajaxForm() and Zend
Framework.
I got the ajax form submit working, but on form validation failure I
am passing back the form html within a json object and I re-stuff the
div container with the form html in order to render out form errors.
This works fine.
My problem is re-intializing the form that has been passed back with
the ajaxForm() function. When I try re-submit the form, nothing
happens.
When the form is passed back via JSON object, I still use the same
element ID I used for the initial form prior to submitting. I tried
changing the element ID in the form to be passed back but still does
not work..
I am not sure what I am doing wrong...
Does anyone have any suggestions?
Thanks
Below is my showResponse() function
function showResponse(responseText, statusText) {
if (1 == responseText.statusCode) {
// Form Error
alert('Story Errors!');
$('#header-submit-container').html(responseText.html);
$('#myForm1').ajaxForm(responseText.formOptions);
} else if (2 == responseText.statusCode) {
// Form Success
alert('Story Submitted!');
}
}
[jQuery] Re: must show an element if exists
you don't have to do that check. If the element does not exist, the
show() code will not be run.
On Thu, Mar 26, 2009 at 4:40 AM, shobhitsoftskills
shobhitsing...@gmail.com wrote:
hi,
i am learning jQuery and confused about one thing.below is simple code
using jQuery.
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
http://www.w3.org/TR/html4/strict.dtd;
html
head
script type=text/javascript src=jquery.js/script
script type=text/javascript
$(document).ready(function() {
if ( $('#myDiv').length )
$('#myDiv').show();
});
/script
/head
body
div id=myDivSearch Engines/div
/body
/html
i am trying below lines.
if ( $('#myDiv').length )
$('#myDiv').show();
according to this code if element exists then element should be show
but i did not look any thing.
kindly post your thoughts.
[jQuery] Re: Pointless but fun jQuery experiment
kelvin, that's wicked ! On Thu, Mar 26, 2009 at 11:37 AM, kanna mail4ka...@gmail.com wrote: Nice effects, Kelvin!! JQuery Rocks!!! On Mar 26, 8:49 am, Nikola nik.cod...@gmail.com wrote: That was really neat... jQuery physics! On Mar 25, 11:40 pm, brian bally.z...@gmail.com wrote: I'll second that! On Wed, Mar 25, 2009 at 9:26 PM, Rick Faircloth r...@whitestonemedia.com wrote: Pretty cool, Kelvin! Rick -Original Message- From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf Of Kelvin Luck Sent: Wednesday, March 25, 2009 9:22 PM To: jquery-en Subject: [jQuery] Pointless but fun jQuery experiment Inspired by google's chrome experiments I recently put together a pointless but fun experiment with the help of jQuery and I thought that people on the list might like to check it out: http://www.kelvinluck.com/assets/jquery/boingPic/index.html As I said, completely pointless but makes a nice change from serious progressive enhancement! Hope you like it, Kelvin :)
[jQuery] Re: Intelisense in VS2008
There's nothing you can do there
function report(event)
gives Intellisense no clue what type of object event is
suggestion: move on past this issue
or post here
http://forums.asp.net/1112.aspx
but you're going to get the same answer
On Mar 26, 4:30 am, simonxy enki...@gmail.com wrote:
I have the following code:
html
head
titleHover example/title
link rel=stylesheet type=text/css href=hover.css
script type=text/javascript
src=../scriptsNew/jquery-1.3.2.js/script
script type=text/javascript
function report(event) {
$('#console').append('div' + event.type + '/
div').stop;
event.stopPropagation();
//alert( event.isPropagationStopped());
}
$(function() {
$('#outer1')
.bind('mouseover', report)
.bind('mouseout', report);
$('#outer2').hover(report, report);
});
/script
/head
body
div class=outer id=outer1
Outer 1
div class=inner id=inner1Inner 1/div
/div
div class=outer id=outer2
Outer 2
div class=inner id=inner2Inner 2/div
/div
div id=console/div
/body
/html
When an event handler is fired, an instance of a class named Event is
passed to the handler as its first parameter.
Where should I declare it? Do you have any idea? This eample is from
the book.
thank you,
Simon
On Mar 25, 3:38 pm, MorningZ morni...@gmail.com wrote:
Without more code it's hard to help, but I could venture a guess that
where you are in your code that Intellisense has no idea what the type
of variable/object event is
to help understand that, take this sample:
var s;
if you went to do something with s, the compiler has no idea what
kind of object s is... so typing s. results in no Intellisense
now, if you said:
var s = '';
then typing s. results in all the things you can do to a string
saying:
var s = 0;
results in Intellisense for numeric objects
So if Studio has no idea what event is (and this is your code that
needs to specify it!!), then it can't provide help
On Mar 25, 5:38 am, simonxy enki...@gmail.com wrote:
Hi, I copiedjquery-1.3.2.js andjquery-1.3.2-vsdoc.js files into the
same directory and intelisense works, but not in complete. For
example, I don't have almost any properties and methods of event
object, like event.stopPropagation() or event.isPropagationStopped()
and similar.
Why intelisense of event object doesn't work?
Thank you for your answer,
Simon- Hide quoted text -
- Show quoted text -
[jQuery] Re: question about getJSON and surrounding JavaScript comments in JSON
That doesn't make any sense getJSON, makes an AJAX call and expects, well, it expects JSON if what your calling has comments surrounding it, then it isn't JSON, so that function won't work You'll have to use the generic .ajax method, strip off the comments, and then, ugggh, eval() to turn the uncommented string into JSON On Mar 25, 11:02 pm, jt j...@arclocal.com wrote: I'd like to use the getJSON function but my data source has surrounding javascript comments on it. Is there a way I can use getJSON and pass it a parameter to strip this off. If not is there a different function that would be more appropriate? I am able to remove the Javascript comment characters and getJSON works fine but the feed is this way. thanks for any help. jt
[jQuery] Jquery Tabs, want to remove white line under selected tab
Hello, My Jquery Tags are working perfectly. But the only problem I am now experiencing is the selected tabs have a 1px white line underneath them. I have matched the colour of the tab and pane, but the 1px line underneath makes the tabs look separate from the pane. Has anyone encountered this issue and know of a quick fix? Martin
[jQuery] Re: Cross-browser inline style injection in DOM
Hello all,
I found no solution yet to the CSS insertion.
Has anybody faced the same problem?
Is there a better/simpler approach?
Thanks in advance
On 24 mar, 16:16, xPheRe xpher...@gmail.com wrote:
Hello all jQuery people.
This is my first post in this list but I hope I can make sense with my
question.
Currently I'm developing some web applications for internal use,
porting some old ones.
I'd love the jQuery-way to do asynchronous requests, so I developed a
plugin similar to Pimentech jFrame. Basicly, it automagically
catches all clicks on links, sends an AJAH request and loads the
response inside a container.
The problem came when the response contains STYLE or LINK tags. Using
Firefox and Opera all was perfect, but no style was applied with IE6,
IE7, Chrome or Safari. I was thinking that was my plugin's fault, but
when I test the use case without it, the problem remains. No style
applied.
Check this simplified case without even jQuery:
body
p id=testThis is a test and should have a border around and 1ex
padding!/p
script type=text/javascript
var div = document.createElement('div');
// br/ added to avoid a bug in IE
div.innerHTML = 'br /style#test { border:2px solid #000;
padding:
1ex; }/style';
var span = div.getElementsByTagName('span')[0];
document.body.appendChild(div);
/script
/body
I thought that jQuery have workarounds to this, but I found none, so I
created a plugin to do the work.
In case I missed some jQuery functionality, please tell me. I prefer
the jQuery way.
This plugin relies on detecting whether inlined styles are processed
or not. If not, modify $.fn.html to move all style's and link's to
document.head, mark them with a 'data-style-loader' attribute and
adding a dummy link to the target. When te dummy link is removed (with
the same $.fn.html function), it removes all related style's and
link's from head.
Well, that's the code:
$(function($) {
// Checks for some supported features
(function() {
var div = document.createElement('div');
div.id = 'jquery-support-styled';
document.body.appendChild(div);
// Checks whether inlined styles applies automaticly (Firefox
and
Opera returns true)
div.innerHTML = 'style#'+div.id+' span { display:block;
width:
3px; }/stylespan /';
var span = div.getElementsByTagName('span')[0];
$.support.inlineStyleApplies = $(span).width() == 3;
// Checks whether inlined styles applies if they are inside
'br'
context (for IE)
$.support.mustPrependBrToInlineStyles = !
$.support.inlineStyleApplies (function(){
div.innerHTML = 'br /style#'+div.id+' span {
display:block;
width:5px; }/stylespan /';
var span = div.getElementsByTagName('span')[0];
return ($.support.inlineStyleApplies =
$(span).width() == 5);
})();
document.body.removeChild(div);
})();
// Saves old $().html function
var old_html = $.fn.html;
if($.support.mustPrependBrToInlineStyles) {
// Modify old $().html to add br before styles and links
$.fn.html = function(_value) {
if(typeof _value !== 'string') {
_value = _value.replace(/style|link/gi,
function(_text) {
return 'br
style=display:none/'+_text
})
}
return old_html.call(this, _value);
}
} else if(!$.support.inlineStyleApplies) {
// Change old $().html to move link´s and style´s to the head
$.fn.html = function(_text) {
// Remove css-pointers and their pointees
var $styles = this.find('link[data-style-loader]');
if($styles.length) { clean_css($styles); }
// Calls old $().html
old_html.call(this, _text);
// Promote new links and styles to document.head
$styles = this.find('style,link[rel*=stylesheet]');
if($styles.length) { add_styles.call(this, $styles) }
return this;
}
// Remove css-pointers and their pointees
function clean_css(_$styles) {
// Get pointees id
var st = [];
for(var i = 0; i _$styles.length; ++i) {
st[st.length] =
'[data-style-loader='+$(_$styles[i]).attr('data-
style-loader')+']'
[jQuery] Re: aborting a $.getScript() request
1-) For remote calls, even script exists, in case server is down the issue arises. 2-) It will be great some advise from a member of jQuery team. Maurício. - De: Karl Rudd karl.r...@gmail.com Here's my thoughts: 1) It is reliable when dealing with scripts that exist. 2) No idea. Karl Rudd .stripped Tks Karl, So, there are two questions I made to myself and I am unable to answer: 1-) Does $.getScript() is a reliable function to use? Is it a useless one? 2-) What does documentation at: http://docs.jquery.com/Ajax/jQuery.getScript#urlcallback means when says: * If you load functions via getScript, make sure to call them after a delay.* ?
[jQuery] Re: Executing javascript that comes inside an AJAX response
you didn't get it.
i mean the function written in response text. which has be evaluated.
can be called only from the main script. not from inside the responsed
html data.
On Mar 24, 8:07 pm, mkmanning michaell...@gmail.com wrote:
If you're going to use jQuery, you have to be careful about writing
code that then doesn't use jQuery. In this case, you're ajax call
would have worked fine, if you had stuck with injecting the response
into the DOM with jQuery, as it automatically evals scripts in a
response with dataType of 'html'.
Change:
contentDiv.innerHTML = data
to (with the appropriate selector for your div):
$('div').html(data);
On Mar 24, 3:44 am, Amit Shah amitsh...@gmail.com wrote:
it's not working.
well eval(responseText); don't works.
cells = divResult.getElementsByTagName(script);
alert(cells.length);
for (var i = 0; i cells.length; i++)
{
alert(cells[i].innerHTML);
eval(cells[i].innerHTML);
}
sometesting(5);
is working.
but when the function sometesting() being called somewhere from
ajaxresponse text, browser gives error. both ie and firefox.
On Mar 15, 7:47 am, NightWatchman rushi...@gmail.com wrote:
To execute javascript code returned by the server you need to use the
javascript eval function on the string of script returned from the
server. As far as I know changing the content of a div to a javascript
block won't cause that javascript code to execute.
I think you need to change:
contentDiv.innerHTML = data;
to
eval(data);
On Mar 14, 3:12 pm, Foreigner foreigne...@gmail.com wrote:
Hi,
I'm trying to use jQuery to get some HTML with Javascript using AJAX.
My response gets inserted into the contentDiv element but my
javascript inside the response doesn't get executed as the
documentation says (http://docs.jquery.com/
Specifying_the_Data_Type_for_AJAX_Requests).
Here goes my function with AJAX call:
function loadHtml(obj)
{
if(obj.className == menuItem)
{
$.ajax({
type:GET,
url:content/ + obj.id + .html,
dataType: html,
success:
function(data, status)
{
contentDiv.innerHTML
= data;
}
});
}
}
My response looks like:
h3Some heading/h3
script type=text/javascript
//Some javascript code
/script
[jQuery] How to bring focus to a window in jquery?
I am trying to bring focus to window using jquery. The window is popup
initiated through a button click on the parent page. I have some ajax
calls going on in the child window, so data is being updated. My issue
is that if the user clicks on the parent window and hides the child
behind it, i would like to bring that child window back to the
forefront if there is a data update.
inside $(document).ready I wire up these events:
$(window).blur(function(){
WindowHasFocus =false;
}).focus(function(){
WindowHasFocus =true;
});
Then, if data is updated, I call this function:
function FocusInput(){
if(!WindowHasFocus){
$(window).focus(); }
}
This works as expected in IE8, but in FireFox(and all other browsers)
the $(window).focus(); doesnt seem to do anything. Any suggestions/
ideas on how achieve this?
[jQuery] Re: Attribute selector
Hello!
On Wed, Mar 25, 2009 at 6:00 PM, Karl Swedberg k...@englishrules.com wrote:
Hi Lay,
You could do it like this:
$('table').filter(function() {
return this.style.tableLayout == 'fixed';
});
Not sure what happens when you try it in a browser that doesn't support the
tableLayout property, though.
Yes, this way works:
$('table').filter(function() {
return this.style.tableLayout=='fixed';
}).css('background-color','#DD');
Thank you!
Bye!
Lay
[jQuery] Re: Jquery Tabs, want to remove white line under selected tab
Hello again Martin It's CSS question as well :). It would be helpful if you reveal your code. But as I suppose the margin-bottom: -1px on tabs may help resolve the problem. On 26 мар, 14:56, Martin martin.ikedia...@gmail.com wrote: Hello, My Jquery Tags are working perfectly. But the only problem I am now experiencing is the selected tabs have a 1px white line underneath them. I have matched the colour of the tab and pane, but the 1px line underneath makes the tabs look separate from the pane. Has anyone encountered this issue and know of a quick fix? Martin
[jQuery] tablesorter plugin
Hi all, I found this very handy tablesorter plugin (http://tablesorter.com/ docs/#Demo). But i have a problem when i want to put an image in it, the image is trashed and/or does not display properly. Is there a special way to do it with tablesorter ? my code: echo 'td'; echo 'a id='.$row['userId'].' href=#img src=images/ recycle.png/a'; echo '/td';
[jQuery] Re: Jquery with Rails application
Since yesterday, I have gotten about 80 of these emails from you and others at this email address. I think somehow I accidently got put on a distribution list of what appear to be internal Google emails. Please remove my email address. Thanks. --- On Thu, 3/26/09, shs harithasyam...@gmail.com wrote: From: shs harithasyam...@gmail.com Subject: [jQuery] Jquery with Rails application To: jQuery (English) jquery-en@googlegroups.com Date: Thursday, March 26, 2009, 5:19 AM Hi all.. I am new to JQuery, I am trying to implement Jquery with Rails apllication. I installed JRails and implement some effects. But i couldn't able to find exact result.. can anybody tell the usage of Jquery with Rails
[jQuery] Trouble styling submenus of Superfish
Hi there,
I'm having a problem styling the submenus of Superfish. The text on
hover jumps a few px to the left. I have played around with it, but I
can't figure it out. If I add in padding-left: 5px to this in the css
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background: #CFDEFF;
outline:0;
}
it then puts the parent item out of whack.
http://www.rugbygoldcoast.com.au/rugby/index.php
I would appreciate any guidance :)
Thanks
Kathy
[jQuery] .load() problems in ie
hi...
i'm trying to code a site, you can see it at
http://derrickkwa.com/6amb/index.html
so far, i've only implemented the first link in the navigation menu
(work - equipment), and clicking on the logo brings it back to the
home page.
here's my question, though. it works perfectly fine in firefox, the
remote div content is loaded perfectly, and the content container
animates accordingly. in ie 7, however, it seems as if the div content
for the equipment page is not being loaded, and it's only showing
the background image for that page.
any thoughts on why that is - and how i can fix it?
the code i'm using for the navigation menu is this:
$(.sub-nav).children(li).children(a).click(
function(event){
//set current block
currentblock = $(this).parent(li).parent(ul).parent(li).attr
('id');
//set current link and bold it
if (currentlink != '') {
currentlink = this;
}
else {
$(currentlink).css('color','#66').css('font-weight', 'normal'); //
set old link back to normal
currentlink = this;
$(currentlink).css('color','#00').css('font-weight', 'bold'); //
set current link to hold
}
var toLoad = $(this).attr('href')+' #content-wrapper';
$('#content-wrapper').slideUp('Normal',loadContent);
$('#load').remove();
$('#page-container').append('span id=loadLOADING.../span');
$('#load').fadeIn('normal');
var pagename=$(this).attr('href').substr(0,$(this).attr
('href').length-5);
window.location.hash = pagename;
function loadContent() {
alert(toLoad);
$('#content-wrapper').load(toLoad,'',showNewContent());
}
function showNewContent() {
backgroundurl = 'url(images/backgrounds/'+pagename+'.jpg)';
$('#content-wrapper').slideDown('normal',hideLoader());
$('#content-wrapper').css('background-image',backgroundurl);
}
function hideLoader() {
$('#load').fadeOut('normal');
}
return false;
});
thanks,
derrick
[jQuery] Timers and jQuery problem
What is wrong with this code?
$(document).ready(function() {
var a = $(#job-banner-content div);
if (a.length 0) {
var i = 0;
var f = function() {
i += Math.max(1, Math.floor(Math.random() * (a.length -
1)));
var b = a.eq(i % a.length).css(top, -200px).animate
({ top: 0px }, 2000);
setTimeout(function() { b.animate({ top: 200px },
2000); }, 7000);
}
f();
setInterval(f, 1);
}
});
What happens is that the animation only occurs occasionaly every 10
sec not every time with 10 sec intervals. I can't wrap my head around
this, but then, I'm new to jQuery am I doing something wrong here?
[jQuery] Re: question about getJSON and surrounding JavaScript comments in JSON
Since yesterday, I have gotten about 80 of these emails from you and others at this email address. I think somehow I accidently got put on a distribution list of what appear to be internal Google emails. Please remove my email address. Thanks. --- On Thu, 3/26/09, MorningZ morni...@gmail.com wrote: From: MorningZ morni...@gmail.com Subject: [jQuery] Re: question about getJSON and surrounding JavaScript comments in JSON To: jQuery (English) jquery-en@googlegroups.com Date: Thursday, March 26, 2009, 7:49 AM That doesn't make any sense getJSON, makes an AJAX call and expects, well, it expects JSON if what your calling has comments surrounding it, then it isn't JSON, so that function won't work You'll have to use the generic .ajax method, strip off the comments, and then, ugggh, eval() to turn the uncommented string into JSON On Mar 25, 11:02 pm, jt j...@arclocal.com wrote: I'd like to use the getJSON function but my data source has surrounding javascript comments on it. Is there a way I can use getJSON and pass it a parameter to strip this off. If not is there a different function that would be more appropriate? I am able to remove the Javascript comment characters and getJSON works fine but the feed is this way. thanks for any help. jt
[jQuery] Re: tablesorter plugin
Since yesterday, I have gotten about 80 of these emails from you and others at this email address. I think somehow I accidently got put on a distribution list of what appear to be internal Google emails. Please remove my email address. Thanks. --- On Thu, 3/26/09, David omertacod...@gmail.com wrote: From: David omertacod...@gmail.com Subject: [jQuery] tablesorter plugin To: jQuery (English) jquery-en@googlegroups.com Date: Thursday, March 26, 2009, 8:42 AM Hi all, I found this very handy tablesorter plugin (http://tablesorter.com/ docs/#Demo). But i have a problem when i want to put an image in it, the image is trashed and/or does not display properly. Is there a special way to do it with tablesorter ? my code: echo 'td'; echo 'a id='.$row['userId'].' href=#img src=images/ recycle.png/a'; echo '/td';
[jQuery] Re: tablesorter plugin
On 26 mrt, 13:45, nick hensgen lacey...@yahoo.com wrote: Since yesterday, I have gotten about 80 of these emails from you and others at this email address. I think somehow I accidently got put on a distribution list of what appear to be internal Google emails. Please remove my email address. Thanks. This is done standaard, has nothing to with me or other users, you can easyly change that yourself in the settings ...
[jQuery] Timing of 1.3.3 release
Anybody have any insight into when 1.3.3 might be released? There are a couple of bugs that are wreaking havoc on our application, but have apparently been fixed in 1.3.3 (#3993 and #4017). Thanks, - Dave
[jQuery] Re: Pointless but fun jQuery experiment
That's stinkin' awesome! Very cool. I'm not even ask how you did it (I'll just view source). :) -Original Message- From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf Of Kelvin Luck Sent: Wednesday, March 25, 2009 8:22 PM To: jquery-en Subject: [jQuery] Pointless but fun jQuery experiment Inspired by google's chrome experiments I recently put together a pointless but fun experiment with the help of jQuery and I thought that people on the list might like to check it out: http://www.kelvinluck.com/assets/jquery/boingPic/index.html As I said, completely pointless but makes a nice change from serious progressive enhancement! Hope you like it, Kelvin :)
[jQuery] Re: Need to get value of table cell
I have the table ID as well as the row ID.
On Mar 25, 6:32 pm, Josh Powell seas...@gmail.com wrote:
What unique identifier do these cells have?
Do the cells have id's? $('#theid'). Do the rows have ids? $('#theid
td').get(1) will get you the second cell of the row with an id of
'theid', does the table have an id? $('#tableid tbody tr' td)
will return all of the tds in that table inside of trs that are inside
of the tbody. Then, by saying value I think that you mean the text
inside of that cell since cells do not have a 'value' attribute, and
that would be obtained using
$('#tableid tbody tr' td).each(
function () {
alert($(this).text()); // to get just the text
alert($(this).html()); // to get the full html inside instead
}
);
Find more on selectors at:http://docs.jquery.com/Selectors
and more on the .text() .html() at:http://docs.jquery.com/Manipulation
and more on the .get(1) at:http://docs.jquery.com/Core
Cheers,
Josh Powell
On Mar 25, 1:27 pm, webspee...@gmail.com webspee...@gmail.com
wrote:
Hey all.
I have a table and I need to access the value of a particular cell in
the selected row. I've seen this type of code before but can't
remember what to search on.
Any clues?
[jQuery] Re: Timing of 1.3.3 release
Why not just use a nightly build? No need to wait for a full release. http://code.jquery.com/nightlies/jquery-2009-03-26.js --John On Thu, Mar 26, 2009 at 9:03 AM, dberthia dave.berthia...@gmail.com wrote: Anybody have any insight into when 1.3.3 might be released? There are a couple of bugs that are wreaking havoc on our application, but have apparently been fixed in 1.3.3 (#3993 and #4017). Thanks, - Dave
[jQuery] Re: why does load cost so much time?
Hope get your helps.
On Thu, Mar 26, 2009 at 1:14 AM, Samuel samuel.yh...@gmail.com wrote:
supplement more information on the issue.
$('.words') have html data, ie, this node is not empty, so it must cost
some time to remove the children.
I made tens of tests, and the average of data() function time is around
500ms, which must be too high.
It's possible for me to use a iframe to process this if load() usually
consume so much time. the iframe costs around 120ms, which time for
ajax(get) in jquery is around 100ms. so only another 20ms used for redering
css in iframe without js codes added, which might cost a little more loading
and examining time.
I need to treat the time as a very critical factor, so there is no
negotiation on the time.
Any suggestion on how to improve the speed is hugely expected, but your
suggestions are iframe are also strikingly hoped.
Thanks again.
On Thu, Mar 26, 2009 at 12:42 AM, Samuel samuel.yh...@gmail.com wrote:
Hi,
recently I changed my ajax returned content format to html pieces, using a
load() function with an expect of time decreasing used for dom manipulation.
On the contract, it could be even longer than the previous xml processing
time.
After a debugging with firebug, I found the function data() consumes most
of time, 90% of the total one. Here's a quick illustration:
data()16585.59%457.185ms457.185ms 2.771ms0.007ms11.215msjquery.js (line
658)ajax() 12.86%15.267ms17.361ms17.361ms17.361ms17.361msjquery.js (line
2583) fix()11.89%10.122ms10.122ms10.122ms10.122ms 10.122msjquery.js (line
2092)merge() 291.6%8.554ms8.554ms0.295ms0.003ms6.079msjquery.js (line
1155) classFilter()61.5%8.008ms8.008ms1.335ms 0.012ms4.04msjquery.js
(line 1657)remove() 30.85%4.524ms451.542ms150.514ms7.582ms332.348msjquery.js
(line 1310) remove()710.8%4.268ms428.967ms6.042ms 6.166ms7.32msjquery.js
(line 1908)(?)() 20.68%3.633ms4.378ms2.189ms0.116ms4.262msjquery.js (line
947) find()140.52%2.751ms19.985ms1.428ms0.14ms 10.527msjquery.js (line
1464)append() 50.35%1.843ms1.843ms0.369ms0.04ms1.186msjquery.js (line
237) removeData()1060.34%1.793ms1.793ms0.017ms 0.011ms0.318msjquery.js
(line 684)init() 580.32%1.711ms24.058ms0.415ms0ms10.864ms
data() function consumed as much as 85% of time, strikingly beyond of my
expectation which should be less than 100ms.
some code:
renderLearning=function(nextUrl,node) {
$('.words').load(nextUrl,function () {
var word=$('#words h1').text();
$('#next_word').click(function () {
renderLearning($('#next_word').attr('href'));
return false;
})
$('#prev_word').click(function () {
renderLearning($('#prev_word').attr('href'));
return false;
})
})
}
your helps are highly appreciated. Thanks very much.
Regards,
--
Samuel(吴焱红)
Blog:http://wuyanhong.blogspot.com
--
Samuel(吴焱红)
Blog:http://wuyanhong.blogspot.com
--
Samuel(吴焱红)
Blog:http://wuyanhong.blogspot.com
[jQuery] Re: slide/scroller to top
The browser scrollbar ? If so: With the ScrollTo plugin [1]: $.scrollTo( 0 ); You can add a duration as second argument (f.e: 1000). [1] http://flesler.blogspot.com/2007/10/jqueryscrollto.html -- Ariel Flesler http://flesler.blogspot.com On Mar 25, 12:41 pm, introvert aljaz.faj...@gmail.com wrote: Hello How is it possible to slide scrollbar to the top with jquery? Thanks a lot for help!
[jQuery] Re: scrollto and jumping
In case James comment doesn't do for you, please provide a demo. -- Ariel Flesler http://flesler.blogspot.com On Mar 24, 11:27 pm, kevinm sonicd...@gmail.com wrote: I have a vertical scrolliing area and inside the first area I have an a link that when clicked calls scrollto to scroll the main vertical area. What is happening is that the link is jumping to the link, then it scrolls. Any thoughts Thanks Kevin
[jQuery] Re: getJSON
i still cant out put anything even with a simple alert(json);
in firebug i see that ... below ... is returned
[
{Value: 1, Item: Physics},
{Value: 2, Item: Chemistry},
{Value: 3, Item: Biology}
];
On Mar 26, 5:34 pm, jakenoble j...@jakenoblewebs.co.uk wrote:
Shouldn't your JSON return values be double quoted?
[ {Value: 1, Item: Physics}, {Value: 2, Item: Chemistry},
{Value: 3, Item: Biology} ];
On Mar 26, 9:16 am, iceangel89 iceange...@gmail.com wrote:
i am trying to load json. but it seems like its not working. nothing
is alerted. supposed to be the case?
script type=text/javascript
$(function() {
$.getJSON(data.js, function (json) {
alert(json);
});});
/script
data.js
[ {Value: 1, Item: Physics}, {Value: 2, Item: Chemistry}, {Value: 3,
Item: Biology} ];
[jQuery] no :ge : le filters?
If I could 'or' :eq and :gt somehow then there's the answer - but I haven't seen that talked about. Is it possible? I'd like to accomplish: $(div.foo:ge(2)).remove()
[jQuery] Re: getJSON
ok i solved it, it shld be something like
{ departments: { department: {ID: 1, Name: Physics},
department: {ID: 2, Name: Chemistry
}, department: {ID: 3, Name: Biology},}}
instead, use of {} and
departments: d: {xxx}, d: {yyy}, d: {zzz}
am i right to say all these are required? {} and departments and
department naming for the objects?
On Mar 26, 9:59 pm, iceangel89 iceange...@gmail.com wrote:
i still cant out put anything even with a simple alert(json);
in firebug i see that ... below ... is returned
[
{Value: 1, Item: Physics},
{Value: 2, Item: Chemistry},
{Value: 3, Item: Biology}
];
On Mar 26, 5:34 pm, jakenoble j...@jakenoblewebs.co.uk wrote:
Shouldn't your JSON return values be double quoted?
[ {Value: 1, Item: Physics}, {Value: 2, Item: Chemistry},
{Value: 3, Item: Biology} ];
On Mar 26, 9:16 am, iceangel89 iceange...@gmail.com wrote:
i am trying to load json. but it seems like its not working. nothing
is alerted. supposed to be the case?
script type=text/javascript
$(function() {
$.getJSON(data.js, function (json) {
alert(json);
});});
/script
data.js
[ {Value: 1, Item: Physics}, {Value: 2, Item: Chemistry}, {Value: 3,
Item: Biology} ];
[jQuery] looping through json
how can i loop through json like:
{ departments: {
department: {ID: 1, Name: Physics},
department: {ID: 2, Name: Chemistry},
department: {ID: 3, Name: Biology}
}}
i tried
$.each(json.departments.department, function(i, n) {
alert(i + + n);
});
and got
ID: 3
Name: Biology
but i wanted something like
1: Physics
2: Chemistry
3: Biology
[jQuery] Re: looping through json
$.each(json.departments, function(department, dictionary) {
alert(ID: + dictionary.ID + \nName: + dictionary.Name);
});
iceangel89 wrote:
how can i loop through json like:
{ departments: {
department: {ID: 1, Name: Physics},
department: {ID: 2, Name: Chemistry},
department: {ID: 3, Name: Biology}
}}
i tried
$.each(json.departments.department, function(i, n) {
alert(i + + n);
});
and got
ID: 3
Name: Biology
but i wanted something like
1: Physics
2: Chemistry
3: Biology
[jQuery] ui.tabs : callback show doesn't work
Hello.
I meet a strange problem with ui.tabs that I can't understand.
I have 2 tabs which work fine. There are few links in the first tab and when
I click one of these links, the second tab is selected... this part works
fine.
But I want the second tab scroll down the description, and I've a problem
with this part.
link rel=stylesheet type=text/css
href=/design/css/jquery-theme/jquery-ui-1.7.custom.css /
script language=javascript type=text/javascript
src=/js/jquery.js/script
script language=javascript type=text/javascript
src=/js/jquery-ui-1.7.core.min.js/script
script language=javascript type=text/javascript
src=/js/ui.tabs.js/script
script language=javascript type=text/javascript
src=/js/jquery.scrollTo-1.3.3-min.js/script
script
replaceRegexp = function (reg, chaineDeRemplacement, string) {
return string.replace(reg, chaineDeRemplacement);
};
$(document).ready(function(){
//affiche les onglets
$(#conteneurTab).tabs({ fx: { opacity: 'toggle' } }); //WORK FINE
$(.link2Esc).click(function(){
escale = replaceRegexp('iti', 'escale', $(this).attr('id'));
console.log(escale); //OK IN FIREBUG
$('#conteneurTab').tabs('select', 1); //WORKS
$('#conteneurTab').tabs({
show: function() {
console.log('link2Esc') //NEVER APPEAR IN
FIREBUG
$.scrollTo($('#'+escale), 800); //NEVER SCROLL
DOWN
}
});
});
});
/script
any help will be appreciate...
--
View this message in context:
http://www.nabble.com/ui.tabs-%3A-callback-show-doesn%27t-work-tp22723281s27240p22723281.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: why does load cost so much time?
Maybe this question about performance should be ask in jQuery Dev Group. :D
On Thu, Mar 26, 2009 at 10:36, Samuel samuel.yh...@gmail.com wrote:
Hope get your helps.
On Thu, Mar 26, 2009 at 1:14 AM, Samuel samuel.yh...@gmail.com wrote:
supplement more information on the issue.
$('.words') have html data, ie, this node is not empty, so it must cost
some time to remove the children.
I made tens of tests, and the average of data() function time is around
500ms, which must be too high.
It's possible for me to use a iframe to process this if load() usually
consume so much time. the iframe costs around 120ms, which time for
ajax(get) in jquery is around 100ms. so only another 20ms used for redering
css in iframe without js codes added, which might cost a little more loading
and examining time.
I need to treat the time as a very critical factor, so there is no
negotiation on the time.
Any suggestion on how to improve the speed is hugely expected, but your
suggestions are iframe are also strikingly hoped.
Thanks again.
On Thu, Mar 26, 2009 at 12:42 AM, Samuel samuel.yh...@gmail.com wrote:
Hi,
recently I changed my ajax returned content format to html pieces, using
a load() function with an expect of time decreasing used for dom
manipulation.
On the contract, it could be even longer than the previous xml processing
time.
After a debugging with firebug, I found the function data() consumes most
of time, 90% of the total one. Here's a quick illustration:
data()16585.59%457.185ms457.185ms 2.771ms0.007ms11.215msjquery.js (line
658)ajax() 12.86%15.267ms17.361ms17.361ms17.361ms17.361msjquery.js (line
2583) fix()11.89%10.122ms10.122ms10.122ms10.122ms 10.122msjquery.js
(line 2092)merge() 291.6%8.554ms8.554ms0.295ms0.003ms6.079msjquery.js
(line 1155) classFilter()61.5%8.008ms8.008ms1.335ms 0.012ms4.04msjquery.js
(line 1657)remove() 30.85%4.524ms451.542ms150.514ms7.582ms332.348msjquery.js
(line 1310) remove()710.8%4.268ms428.967ms6.042ms 6.166ms7.32msjquery.js
(line 1908)(?)() 20.68%3.633ms4.378ms2.189ms0.116ms4.262msjquery.js
(line 947) find()140.52%2.751ms19.985ms1.428ms0.14ms 10.527msjquery.js
(line 1464)append() 50.35%1.843ms1.843ms0.369ms0.04ms1.186msjquery.js
(line 237) removeData()1060.34%1.793ms1.793ms0.017ms 0.011ms0.318msjquery.js
(line 684)init() 580.32%1.711ms24.058ms0.415ms0ms10.864ms
data() function consumed as much as 85% of time, strikingly beyond of my
expectation which should be less than 100ms.
some code:
renderLearning=function(nextUrl,node) {
$('.words').load(nextUrl,function () {
var word=$('#words h1').text();
$('#next_word').click(function () {
renderLearning($('#next_word').attr('href'));
return false;
})
$('#prev_word').click(function () {
renderLearning($('#prev_word').attr('href'));
return false;
})
})
}
your helps are highly appreciated. Thanks very much.
Regards,
--
Samuel(吴焱红)
Blog:http://wuyanhong.blogspot.com
--
Samuel(吴焱红)
Blog:http://wuyanhong.blogspot.com
--
Samuel(吴焱红)
Blog:http://wuyanhong.blogspot.com
[jQuery] Re: Cycle Plugin : [cycle] terminating; too few slides: 1
Well my foreach is fine, all tags are closed fine, firebug report my request fine but for this case, now im using something that i found using mootools Thanks u On Mar 24, 11:59 pm, pedalpete p...@hearwhere.com wrote: Yeah, but I've seen the same thing in my code, and it turned out I wasn't calling the 'foreach' properly. Look at the response you are getting from the server (I'm assuming ajax) or look for a tag not closed properly or something. Posting code or link is the only way we can help here. On Mar 24, 5:18 pm, Asinox asi...@gmail.com wrote: Hi, but im doing... i have a foreach with php for load the images, in the home pages i got the message, but in the another part to the website is fine... On Mar 24, 7:16 pm, pedalpete p...@hearwhere.com wrote: The message means that there isn't enough data in thecyclefor it to cyclethrough. Likely you are only loading yourcyclewrapper once, but you didn't include any code or a url, so it's tough to tell.
[jQuery] Jquery Tabs, want to remove white line under selected tab, without removing line under unselected tab
Hello,
My Jquery Tags are working perfectly. But the only problem I am now
experiencing is the selected tabs have a 1px white line underneath
them. I have matched the colour of the tab and pane, but the 1px
line underneath makes the tabs look separate from the pane. Has
anyone
encountered this issue and know of a quick fix?
Please bear in mind that I would like to keep the line under the
unselected tab...
Here is my CSS
ui-tabs .ui-tabs-hide {
display: none;
}
#tabs ul li a {
background:#ECEDFC none repeat scroll 0 0; /* first tab is
blue like
the panel */
/* background: none; */
text-indent:0;
font-size:100.01%;
line-height:1.4;
padding:0.5em 1em;
}
#tabs ul li a.tabTwo {
background:#FFCCFF none repeat scroll 0 0; /* second tab is
pink
like the second panel */
}
.ui-widget-header {
background: none;
border: none;
}
/* interaction states */
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px
solid #d3d3d3; background: #e6e6e6 url(images/ui-
bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal;
color: #55; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default
a:visited { color: #55; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-
focus, .ui-widget-content .ui-state-focus { border: 1px solid #99;
background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50%
50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-
decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px
solid #aa; background: #ff url(images/ui-
bg_glass_65_ff_1x400.png) 50% 50% repeat-x; font-weight: normal;
color: #212121; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active
a:visited { color: #212121; outline: none; text-decoration: none; }
Martin
[jQuery] html to text
I'm pulling html from each td tag which resides in the tablerow of a
table like so;
$('table tr td').each(function()
{
$('div').text($(this).html()).appendTo('#jaheur');
});
For each match it creates a div which holds the HTML in text format. I
noticed that it transformed a line break br / to br (without the
slash) what causes this behavior? Does this only happen with self
closing tags? Can I prevent it all together?
[jQuery] Re: html to text
On Mar 26, 2009, at 4:19 PM, bart wrote: For each match it creates a div which holds the HTML in text format. I noticed that it transformed a line break br / to br (without the slash) what causes this behavior? Does this only happen with self closing tags? Can I prevent it all together? I believe XHTML is the only version that enforces a break element to be self-closed. The rest accept (or even define) br, rather than br /. Browsers (luckily?) are very forgiving, so they rewrite br / to br internally. That is probably why you get them back like that. Exactly why would you want to prevent the browser from rewriting it? Regards, -- Martijn.
[jQuery] Inserting rows of DIVs to create a list
Hello, I'm trying to create a dynamic list of data using jQuery... Each row will have an INPUT and a BUTTON element. I'm thinking of holding a hidden 'template' for each row and then duplicating the 'template' row for each row needed and then edit the ID and innerHTML of the DOM elements for that row... Is this possible? Thanks, Nick
[jQuery] Re: Inserting rows of DIVs to create a list
of course it's possible. you'd use: - a variable that contains the string that is the template - JavaScript's .replace method to fill in the ID and HTML also, there's plenty of template plugins out there (chain.js, jTemplate) On Mar 26, 11:34 am, nmiddleweek nmiddlew...@googlemail.com wrote: Hello, I'm trying to create a dynamic list of data using jQuery... Each row will have an INPUT and a BUTTON element. I'm thinking of holding a hidden 'template' for each row and then duplicating the 'template' row for each row needed and then edit the ID and innerHTML of the DOM elements for that row... Is this possible? Thanks, Nick
[jQuery] Re: Convert js to jquery
Hi, Thanks again, that solves my problem :-) Ciao.
[jQuery] Re: no :ge : le filters?
On Mar 26, 2009, at 10:14 AM, donb wrote: If I could 'or' :eq and :gt somehow then there's the answer - but I haven't seen that talked about. Is it possible? I'd like to accomplish: $(div.foo:ge(2)).remove() well, you could do $(div.foo:gt(2), div.foo:eq(2)).remove() or $ (div.foo:gt(2)).add(div.foo:eq(2)).remove(), but why not just $ (div.foo:gt(1)).remove() ? --Karl Karl Swedberg www.englishrules.com www.learningjquery.com
[jQuery] selecting children
Hi,
my question is, why next line doesn't work:
$(#conditions-+get_sufix(type)+
div,tr,span,label,select,input).each(function(){...});
nor next line:
$(#conditions-+get_sufix(type)+
div,tr,span,label,select,input).each(function(){...});
nor next line:
$(#conditions-+get_sufix(type)).children
(div,tr,span,label,select,input).each(function(){...});
and next line does work:
$(#conditions-+get_sufix(type)).find
(div,tr,span,label,select,input).each(function(){...});
for searching child nodes from a given node at any depth?
find is implemented for working at any level and children and only
for the first level?
Thanks
[jQuery] Re: Inserting rows of DIVs to create a list
Hi, thanks for your reply... I was thinking of storing the template in the DOM so it's visible by our web designer to tweat. How would I read that template (DIV block) into a javascript variable? Thanks for your help! On Mar 26, 3:44 pm, MorningZ morni...@gmail.com wrote: of course it's possible. you'd use: - a variable that contains the string that is the template - JavaScript's .replace method to fill in the ID and HTML also, there's plenty of template plugins out there (chain.js, jTemplate) On Mar 26, 11:34 am, nmiddleweek nmiddlew...@googlemail.com wrote: Hello, I'm trying to create a dynamic list of data using jQuery... Each row will have an INPUT and a BUTTON element. I'm thinking of holding a hidden 'template' for each row and then duplicating the 'template' row for each row needed and then edit the ID and innerHTML of the DOM elements for that row... Is this possible? Thanks, Nick
[jQuery] Re: html to text
I have a HTML document with some hardcoded content in it. This content needs to be moved to a database so I have jQuery helping me with some html manipulation left and right to batch some queries. As I want to insert valid xhtml into the database br won't do. But I understand that how these self closing tags are handled in browser specific? It would make more sense to me if the browser would just handle HTML syntax according to the specified doctype... On Mar 26, 4:33 pm, Martijn Houtman martijn.hout...@gmail.com wrote: On Mar 26, 2009, at 4:19 PM, bart wrote: For each match it creates a div which holds the HTML in text format. I noticed that it transformed a line break br / to br (without the slash) what causes this behavior? Does this only happen with self closing tags? Can I prevent it all together? I believe XHTML is the only version that enforces a break element to be self-closed. The rest accept (or even define) br, rather than br /. Browsers (luckily?) are very forgiving, so they rewrite br / to br internally. That is probably why you get them back like that. Exactly why would you want to prevent the browser from rewriting it? Regards, -- Martijn.
[jQuery] PNG Fix option that doesn't resize background PNGs?
I am using Andreas Eberhard's PngFix plugin: http://plugins.jquery.com/project/pngFix Unfortunately, there's a known issue with it resizing background images to fit the container. I am using a PNG sprite so create a rollover effect for some buttons. As such, I don't want the background resized, but cropped. I don't care if the rollovers are missing in IE6, but I obviously can't have 3 squished buttons showing up. Is there a jQuery based fix for Transparent PNGs in IE that will not resize the background PNGs, or is this merely a side effect of how one needs to fix IE to begin (in which case, I'll have to add conditional tags and have IE6 use some GIF images instead). -DA
[jQuery] cluetip ajaxcache:false does not work in IE7
How can l have IE 7 respect the ajaxcache set to false? you can see an example at http://www.strikingconcepts.nl/development/kittiwake the first tooltip is an experiment provides an examplein the cluetip.js file I have set the option like this: ajaxCache:false, any help appreciated Geert -- strikingconcepts www.strikingconcepts.nl webdesign 06 450 860 83 amsterdam - groningen
[jQuery] Re: one check box to select entire group
Here's the html for you.
table
tr
th/th
thTitle/th
thinput type=checkbox name=chk_cat1 id=chk_cat1 //
th
thinput type=checkbox name=chk_cat2 id=chk_cat2 //
th
/tr
tr
tdinput type=checkbox name=chk_row1 id=chk_row1 //
td
tdDescription 1/td
tdinput type=checkbox name=chk_cat1_row1
id=chk_cat1_row1 //td
tdinput type=checkbox name=chk_cat2_row1
id=chk_cat2_row1 //td
/tr
tr
tdinput type=checkbox name=chk_row2 id=chk_row2 //
td
tdDescription 2/td
tdinput type=checkbox name=chk_cat1_row2
id=chk_cat1_row2 //td
tdinput type=checkbox name=chk_cat2_row2
id=chk_cat2_row2 //td
/tr
/table
I think what I'm going to do is change the attributes for the
checkboxes, so it will make it easier to find the header related
checkboxes and row related items. So, I'll be formatting the check
boxes like this:
input type=checkbox name=chk_cat1_row1 id=chk_cat1_row1
headerid=chk_cat1 rowid=row1 /
Now I don't have to parse any id's out and jQuery seems to work with
this.
Thanks!
On Mar 25, 5:41 pm, MorningZ morni...@gmail.com wrote:
How about just showing the HTML instead of hard to follow
explainations
It's still not clear what the header column is is it text? is
there a checkbox? what has the id cat1?
On Mar 25, 5:22 pm, Andy H adharb...@gmail.com wrote:
That is close, the item section will be different for each check box.
The table will have three columns that will be populated with check
boxes only. The header section in the table will have a global select
for each column. So if there is a row that has the following
chk_categoryID_itemID each row will share the same
itemID and each column will share the same category id.
header1 = cat1... header2 = cat2.
row1 = item1 row2 = item2
so we have two rows with two columns. We'll have four checkboxes that
will look like this.
ckb_cat1_item1 ckb_cat2_item1
ckb_cat1_item2 ckb_cat2_item2
So, if I select the header for category 1, I need to be able to select
ckb_cat1_item1 ckb_cat1_item2.
Hopefully that makes more sense.
Thanks!
On Mar 25, 11:37 am, MorningZ morni...@gmail.com wrote:
Your description of your HTML isn't very clear, but none the less this
could work:
$(selector for header checkboxes).click(function() {
var chk = this;
$(input[id^=' + chk.id + _item']).each(function()
{ this.checked = chk.checked; });
})
On Mar 25, 12:12 pm, Andy adharb...@gmail.com wrote:
Hey guys,
I have a table where the header has check boxes so if you click on
that, it will select all of the other checkboxes in that row. The
issue I have, it's not a select all checkboxes, but ones that have a
specific naming convention. Example. If my header is named
ckb_category1 I need to be able to find all checkboxes that are in
that column that have naming like ckb_category1_item1. Then each row
following would have a different item id, but keep the category1 the
same. Is there a pattern I can use that would work for this?
Thanks!- Hide quoted text -
- Show quoted text -- Hide quoted text -
- Show quoted text -
[jQuery] Re: Inserting rows of DIVs to create a list
a dynamic list implies something more semantic than a row of divs,
say a UL or DL...but if you want divs, here's a quick example:
div id=template style=display:none;!-- everything inside this
div will be cloned --
divinput type=text id=tmp_input /button/button/div
/div
$(document).ready(function(){
$('#template div').clone().find('input').attr
('tmp_input','your_new_id').end().find('button').text('Hello').end
().appendTo('body');
});
What attributes to change and where you inject the cloned html into
the DOM is up to you (as is chaining or not). You'll probably want to
wrap the code above in a function and pass the IDs and HTML into it;
just replace the hard-coded values with those arguments.
Since you're working with DOM elements, you can use jQuery's methods
for modifying attributes and html/text (check out the docs for the
many ways to do that).
On Mar 26, 9:11 am, nmiddlew...@gmail.com
nmiddlew...@googlemail.com wrote:
Hi, thanks for your reply...
I was thinking of storing the template in the DOM so it's visible by
our web designer to tweat. How would I read that template (DIV block)
into a javascript variable?
Thanks for your help!
On Mar 26, 3:44 pm, MorningZ morni...@gmail.com wrote:
of course it's possible.
you'd use:
- a variable that contains the string that is the template
- JavaScript's .replace method to fill in the ID and HTML
also, there's plenty of template plugins out there (chain.js,
jTemplate)
On Mar 26, 11:34 am, nmiddleweek nmiddlew...@googlemail.com wrote:
Hello,
I'm trying to create a dynamic list of data using jQuery... Each row
will have an INPUT and a BUTTON element.
I'm thinking of holding a hidden 'template' for each row and then
duplicating the 'template' row for each row needed and then edit the
ID and innerHTML of the DOM elements for that row...
Is this possible?
Thanks,
Nick
[jQuery] Get element position relative to the body
Is it possible to get the position of an object relative to the dcument if it's a floating object inside elements? thanks.
[jQuery] Re: [form] Handling re-ajax'ing a form after a submission attempt
ignore that, better:
function initSigninForm() {
var options = {
target: '#mainContent',
dataType: 'json',
beforeSubmit: showRequest,
success: showSignInResponse
}
$('#mainContent form').ajaxForm(options);
}
function showSignInResponse(xhr) {
if (xhr.error_msg != 'No error') {
$('#mainContent').html(xhr.content_html,
showNewContent(xhr.message, xhr.response_filepath, xhr.key));
xhrErrorDisplay(xhr);
} else {
xhrResponseDisplay(xhr);
$('#mainContent').html(xhr.content_html,
showNewContent(xhr.message, xhr.response_filepath, xhr.key));
initSigninForm();
}
}
[jQuery] Slow jQuery Event Cleanup in Firefox
Let me start by saying that I am doing something rather unorthodox
with jQuery, and I realize that this is probably outside the realm of
what is reasonable.
I have a 65x65 HTML table, giving me 4225 TD cells.
I am making each of them clickable with the following code:
$('td').click(function () {
// do something
});
It works wonderfully in all browsers (well, IE is a little slow, but
it's IE).
When I go to close this page, Safari and Opera close almost instantly,
IE pauses for a moment and then closes, but Firefox takes sometimes 10
seconds or more to close the tab, causing the browser to lock for that
time.
I traced the lock into the jQuery cleanup code for event handling.
Does anyone know why this is so slow on Firefox?
[jQuery] Jquery validation plugin question
Hello,
Thanks for building this validation plugin, I like it. I have a
question:
The error class automatically gets added to the label with the same
for= name, but for a certain error I need to change the element that
gains the error class.
For instance, I added this line to the error placement so that a
certain element receives the error class but then realised the error
class would not be removed when the error is corrected by the user:
code
else if (element.attr(name) == aupairLanguageList) {
error.insertAfter(#multiSelect-aupairLanguageList-content);
$(#multiSelect-aupairLanguageList-title).addClass(error);
}
/code
Any Ideas?
Thanks
[jQuery] Re: [form] Handling re-ajax'ing a form after a submission attempt
On Thu, Mar 26, 2009 at 12:45 AM, kevin young.ke...@gmail.com wrote:
I got the ajax form submit working, but on form validation failure I
am passing back the form html within a json object and I re-stuff the
div container with the form html in order to render out form errors.
My problem is re-intializing the form that has been passed back with
the ajaxForm() function. When I try re-submit the form, nothing
happens.
i had a similar problem, but this seems to be working for me:
function initSigninForm() {
var options = {
target: '#mainContent',
dataType: 'json',
beforeSubmit: showRequest,
success: showSignInResponse $('#mainContent form').ajaxForm(options);
}
}
function showSignInResponse(xhr) {
if (xhr.error_msg != 'No error') {
$('#mainContent').html(xhr.content_html,
showNewContent(xhr.message, xhr.response_filepath, xhr.key));
xhrErrorDisplay(xhr);
} else {
xhrResponseDisplay(xhr);
$('#mainContent').html(xhr.content_html,
showNewContent(xhr.message, xhr.response_filepath, xhr.key));
initSigninForm();
}
}
[jQuery] Superfish join code clarity patch
These join statements seemingly behave the same as simple string
concatenation, the latter being much more readable.
Index: superfish.js
===
--- superfish.js(revision 36485)
+++ superfish.js(working copy)
@@ -15,7 +15,7 @@
var sf = $.fn.superfish,
c = sf.c,
- $arrow = $(['span class=',c.arrowClass,'
#187;/span'].join('')),
+ $arrow = $('span class='+c.arrowClass+'
#187;/span'),
over = function(){
var $$ = $(this), menu = getMenu($$);
clearTimeout(menu.sfTimer);
@@ -27,11 +27,11 @@
menu.sfTimer=setTimeout(function(){
o.retainPath=($.inArray($$[0],o.$path)
-1);
$$.hideSuperfishUl();
-if (o.$path.length $$.parents
(['li.',o.hoverClass].join('')).length1){over.call(o.$path);}
+if (o.$path.length $$.parents
('li.'+o.hoverClass).length1){over.call(o.$path);}
},o.delay);
},
getMenu = function($menu){
- var menu = $menu.parents
(['ul.',c.menuClass,':first'].join(''))[0];
+ var menu = $menu.parents
('ul.'+c.menuClass+':first')[0];
sf.op = sf.o[menu.serial];
return menu;
},
@@ -41,7 +41,7 @@
var s = this.serial = sf.o.length;
var o = $.extend({},sf.defaults,op);
o.$path = $('li.'+o.pathClass,this).slice
(0,o.pathLevels).each(function(){
- $(this).addClass
([o.hoverClass,c.bcClass].join(' '))
+ $(this).addClass(o.hoverClass+'
'+c.bcClass)
.filter('li:has(ul)').removeClass
(o.pathClass);
});
sf.o[s] = sf.op = o;
@@ -101,7 +101,7 @@
var o = sf.op,
not = (o.retainPath===true) ? o.
$path : '';
o.retainPath = false;
- var $ul = $(['li.',o.hoverClass].join
(''),this).add(this).not(not).removeClass(o.hoverClass)
+ var $ul = $('li.'+o.hoverClass,this).add
(this).not(not).removeClass(o.hoverClass)
.find('ul').hide().css
('visibility','hidden');
o.onHide.call($ul);
return this;
[jQuery] change onmouseover function call
hi there, have a puzzling one.
i have a fairly simple function call that we use to display tooltips
over certain image elements. we put the function call in the
onmouseover attribute of the image element.
looks like this:
script
function CreateTip( strTipMessage ) {
// GENERATE TOOLTIP
}
/script
img id=img src=/images/image.jpg onmouseover=CreateTip( 'this is
the tooltip' ); onmouseout=ClearTip(); /
what i would like to do is to change the tooltip that is displayed
when the image is clicked. So the code becomes:
script
function CreateTip( strTipMessage ) {
// GENERATE TOOLTIP
}
function ChangeTip( ) {
$( #img).attr( onmouseover, CreateTip( 'New ToolTip' ) );
}
/script
img id=img src=/images/image.jpg onmouseover=CreateTip( 'this is
the tooltip' ); onmouseout=ClearTip(); onclick=ChangeTip( ); /
this works when i click on the element - ie. the 'New tooltip' text is
displayed properly - but only if i keep my mouse pointer over the
image. my problem is that when i move the mouse off the image and
return it to the image, the OLD tooltip is displayed.
any help here would be really, well, helpful.
thanks a bunch... airyt
[jQuery] Re: jQuery contextmenu problems
Do you have a demo?
On 15 feb, 07:03, micho mich...@gmail.com wrote:
Okay, so searching and searching I found that the problem is really in
this block:
$.each(cur.bindings, function(id, func) {
$('#'+id, menu).bind('click', function(e) {
hide();
func(trigger, currentTarget);
});
});
This is for some reason not working for firefox. When I remove menu
then it works, but then it starts iterating through all values in the
nested tree. Nobody seems to be looking for the same feature?
On 14 Feb, 03:37, micho mich...@gmail.com wrote:
Okay, so I have now located the problem. Why does this row only work
in IE, but not in Firefox?
.bind('click', function(e) {
e.stopPropagation();
Anyone out there???
On 13 Feb, 22:27, micho mich...@gmail.com wrote:
Note that the contextmenu as such appears in both IE and Firefox, but
the problem is when I try to left click a menu item in the context
menu. Then the binding only works in IE but not in Firefox. Anyone??
On 10 Feb, 02:21, micho mich...@gmail.com wrote:
I'm using the jQuery contextmenu plugin combined with jQuery
treeview async plugin. This means that I load in all data into the
treeview from the database. Next step is that I want to be able to
right click these dynamically loaded elements and alert the id of each
element. I get it working in IE, but not in firefox. Any ideas why it
would not work in firefox??
jQuery(document).ready(function(){
jQuery(#black).treeview({
animated: 1,
url: source.php,
persist: cookie,
cookieid: mtree
});
jQuery('ul li').livequery(function() {
jQuery('span.folder,
span.file').contextMenu('theContextMenu', {
bindings: {
'edit': function(t) {
editItem(t.id);
},
'email': function(t) {
alert('Trigger was '+t.id+'\nAction was Email');
},
'save': function(t) {
alert('Trigger was '+t.id+'\nAction was Save');
},
'delete': function(t) {
alert('Trigger was '+t.id+'\nAction was Delete');
}
}
});
});
});- Dölj citerad text -
- Visa citerad text -- Dölj citerad text -
- Visa citerad text -- Dölj citerad text -
- Visa citerad text -- Ocultar texto de la cita -
- Mostrar texto de la cita -
[jQuery] SlideDown() nested div?
I have a flv video nested inside of a div that slides down using slideDown(). Is there any way to get the flv video to slide down along with the parent div? Currently, the video pops up after the slide down motion has completed.
[jQuery] refresh a DIV
I have a DIV with a php query in it. i'd like to get pointers to
maybe 2 solutions.
Ideal situation:
I have a other jquery script that launches an onComplete like:
'onComplete': { }
basicly i want to let it do a refresh on div id='records' #My sql
query# /div
other situation
I want to refresh this DIV every 5 seconds.
Can someone help me plese!
D.
[jQuery] Help with jquery functions
dear members,
new on the whole jquery thingie, and need help on for the follwing:
I want to refresh a dive that contains a php query. It has to refresh
every 3 seconds. What i see is that the follwing code isnt correct. it
also starts $(document).ready... twice... it has to be wrong, but what
do i have to make it. please help :'(
script type=text/javascript
$(document).ready(function() {
$(#fileUpload3).fileUpload({
'uploader': '/CMS/scripts/uploader.swf',
'cancelImg': '/CMS/images/cancel.png',
'folder': '/CMS/gallery/?php echo $_POST[gallerijnaam] ?',
'script': 'actie.php',
'buttonImg': '/CMS/images/selecteerfotos.gif',
'height': '30',
'width': '340',
'fileDesc': 'Image Files',
'fileExt': '*.jpg;*.jpeg;*.gif;*.png',
'multi': true,
'auto': true
});
$(a.group).fancybox({
'zoomSpeedIn': 300,
'zoomSpeedOut': 300,
'overlayShow': false
});
});
function refreshRecordsDiv()
{
$(records).fadeOut(slow);
$(records).fadeIn(slow);
setTimeout(refreshRecordsDiv();, 3000);
}
$(document).ready(function() {
setTimeout(refreshRecordsDiv();, 3000);
}
[jQuery] listnav plugin
I'm having trouble installing this. Not quite sure why it isn't working. Does anyone have a tutorial online on how to implement this or could look over mine and see what i'm doing wrong? I imagine it's something simple. thanks! Kristy lee http://www.klcreativedesign.com/suasion/glossary
[jQuery] How to get the inline value for 'Display' style property via jquery/js??
I have an inline css attribute which is set in the codebehind but changes dynamically in the browser via jquery. The display of a textbox and a couple of dropdowns are altered formblock to none based on some rules. When I view the source of the page the dropdown that is visible still has the original, server-side set display values in its source. So the jquery method $(dropdown).css(display) doesn't yield the value I'm looking for. Is it possible to retrieve the actual value of an inline style element that has been previously modified by javascript/jquery? Thank you, :confused: -- View this message in context: http://www.nabble.com/How-to-get-the-inline-value-for-%27Display%27-style-property-via-jquery-js---tp22723582s27240p22723582.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Thickbox half-works.
Thickbox gives this error with the latest JQuery version. use version 1.2.6, worked for me that way. greetz www.twitter.com/Be_Bert On 25 mrt, 15:46, Devin devin.corm...@gmail.com wrote: This is my code. The problem I'm having is that when I click the thumbnail all I see the loading bar. It just hangs there animated. Interestingly if I take the rel tag out of the images it works, but it doesn't show the previous and next options in the thickbox. Suggestions? !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN html head script type=text/javascript src=thickbox/js/jquery-latest.js/ script script type=text/javascript src=thickbox/js/thickbox- compressed.js/script link rel=stylesheet href=styles/thickbox.css type=text/css media=screen / meta http-equiv=content-type content=text/html; charset=windows-1250 titleLab6b - jquery/title /head body a href=images/plant1.jpg title=add a caption to title attribute / or leave blank class=thickbox rel=gallery-plantsimg src=images/ plant1_t.jpg alt=Plant 1 //a a href=images/plant2.jpg title=add a caption to title attribute / or leave blank class=thickbox rel=gallery-plantsimg src=images/ plant2_t.jpg alt=Plant 2 //a a href=images/plant3.jpg title=add a caption to title attribute / or leave blank class=thickbox rel=gallery-plantsimg src=images/ plant3_t.jpg alt=Plant 3 //a a href=images/plant4.jpg title=add a caption to title attribute / or leave blank class=thickbox rel=gallery-plantsimg src=images/ plant4_t.jpg alt=Plant 4 //a /body /html
[jQuery] Sort tables with hidden (.accordian collapsed) rows
I have a table where every other row is collapsed (using .toggle). I want to sort on the visible rows, but the sort, of course, sorts the hidden rows as well...the result is that the hidden rows may not longer be associated with the same parent row. Here is a snippet: table id=aSortableTable thead thtortable column 1/ththsortable column 2/th /thead tbody tr id=toggle1tdmain row 1tdmain row 1 column 2/td/tr trtd colspan = 2desc. for main row 1/td/tr tr id=toggle2tdmain row 2tdmain row 2 column 2/td/tr trtd colspan = 2desc. for main row 2/td/tr /tbody /table. Is there any way to tell the table sorter how to manage this? I need the table to sort on the main rows, but keep the description rows paired with their respective parent row.
[jQuery] Temporarily disable inline onclick
Hello, I was wondering if there was a way to temporarily disable an inline onclick event, which i can reattach later. Here's the scenario: My page has an edit mode which makes the text of certain elements editable. Edit mode is enabled - text that is editable gets a click event bound to it by jquery Clicking the element allows you to inplace edit and save the info Disabling edit mode removes the click event to activate an editable element Everything works great unless there is an onclick attribute specifed inline on the element (ie- rails generates an onclick confirm message). So the inline confirm is raised first, then my subsequent bound click events. Is there a means i can temporarily disable (or remove/reattach) these inline javascript events? I'm using jQuery 1.3.1 Thanks in advance, Adam Walters
[jQuery] Problems using JRC corner or curvycorner
I'm creating a page with many divs that I would like to have rounded corners, and several problems keep coming up. When using JRC for rounding, not all elements will round even though they have the correct class. Reloading the page will, after several attempts, create the rounded corners, though sometimes some elements will never round. This is even more problematic when the div has a border; I can see the rounded bg but the border is still square. Again, after repeated reloadings (3 or 4 times) it will usually work, though in some browsers it might not. Also, when using a gradient background on the parent div, the corner does not pick up the underlying color. When using curvycorner, the underlying color does come through, but again the div is not always rounded on the first load. It too needs refreshing multiple times before displaying correctly. Also, with curvycorners IE (6 anyway) does not produce rounded corners at all. So my questions are: Is this a common failing of these scripts? Is having the CSS in an external file the problem? Could these problems be caused by my local testing server? MAC OSX10.4.9, Apache 1.3.1, PHP 5.2, MySQL 5.0 Is a traditional CSS approach more reliable - though not easier? I don't want to spend much more time on this and I was hoping to hear from others whether or not they have experienced similar problems. If this is just not reliable, I need to take a different approach. TIA
[jQuery] Event Cleanup Slowness in Firefox
I have a 65x65 HTML table, giving me 4225 table cells. I am using
jQuery to make each cell clickable with the following code:
$('td').click(function () {
// do stuff
});
I realize this is a lot of events and that this is likely well outside
the realm of what's considered reasonable.
The good news is that this code works great in all browsers (well, IE
is a little slow, but that's IE for you) until I try to close the
tab. Most of the browsers close very quickly, but Firefox can take up
to 20-30 seconds to close the tab. I've traced the issue to the
jQuery event cleanup code.
Does anyone know why the event cleanup code is so slow on Firefox, but
not other browsers?
[jQuery] Beginner Question
In JQuery I saw you can get attributes by saying foo.attr(value), super handy. Is there anyway to get the element of the thing that contains the attribute? Reasoning: I've got a few hidden inputs that have name=firstName value=Bob name=lastName value=Bobble So I would want to say get the element whose attr name equals firstName. So then I can go back into the element and retrieve the value associated with it: Bob Thanks
[jQuery] Re: Jquery validation plugin question
Use the highlight and unhighlight options for that.
Jörn
On Thu, Mar 26, 2009 at 3:21 PM, markstegg...@googlemail.com
markstegg...@googlemail.com wrote:
Hello,
Thanks for building this validation plugin, I like it. I have a
question:
The error class automatically gets added to the label with the same
for= name, but for a certain error I need to change the element that
gains the error class.
For instance, I added this line to the error placement so that a
certain element receives the error class but then realised the error
class would not be removed when the error is corrected by the user:
code
else if (element.attr(name) == aupairLanguageList) {
error.insertAfter(#multiSelect-aupairLanguageList-content);
$(#multiSelect-aupairLanguageList-title).addClass(error);
}
/code
Any Ideas?
Thanks
[jQuery] Re: Inserting rows of DIVs to create a list
Thank you!
This is exactly what I'm after
Cheers, Nick
On Mar 26, 4:34 pm, mkmanning michaell...@gmail.com wrote:
a dynamic list implies something more semantic than a row of divs,
say a UL or DL...but if you want divs, here's a quick example:
div id=template style=display:none;!-- everything inside this
div will be cloned --
divinput type=text id=tmp_input /button/button/div
/div
$(document).ready(function(){
$('#template div').clone().find('input').attr
('tmp_input','your_new_id').end().find('button').text('Hello').end
().appendTo('body');
});
What attributes to change and where you inject the cloned html into
the DOM is up to you (as is chaining or not). You'll probably want to
wrap the code above in a function and pass the IDs and HTML into it;
just replace the hard-coded values with those arguments.
Since you're working with DOM elements, you can use jQuery's methods
for modifying attributes and html/text (check out the docs for the
many ways to do that).
On Mar 26, 9:11 am, nmiddlew...@gmail.com
nmiddlew...@googlemail.com wrote:
Hi, thanks for your reply...
I was thinking of storing the template in the DOM so it's visible by
our web designer to tweat. How would I read that template (DIV block)
into a javascript variable?
Thanks for your help!
On Mar 26, 3:44 pm, MorningZ morni...@gmail.com wrote:
of course it's possible.
you'd use:
- a variable that contains the string that is the template
- JavaScript's .replace method to fill in the ID and HTML
also, there's plenty of template plugins out there (chain.js,
jTemplate)
On Mar 26, 11:34 am, nmiddleweek nmiddlew...@googlemail.com wrote:
Hello,
I'm trying to create a dynamic list of data using jQuery... Each row
will have an INPUT and a BUTTON element.
I'm thinking of holding a hidden 'template' for each row and then
duplicating the 'template' row for each row needed and then edit the
ID and innerHTML of the DOM elements for that row...
Is this possible?
Thanks,
Nick
[jQuery] Re: Slow jQuery Event Cleanup in Firefox
You might want to try adding one click to the table and checking if
the target was a td.
On Mar 26, 7:13 am, J K artlo...@gmail.com wrote:
Let me start by saying that I am doing something rather unorthodox
with jQuery, and I realize that this is probably outside the realm of
what is reasonable.
I have a 65x65 HTML table, giving me 4225 TD cells.
I am making each of them clickable with the following code:
$('td').click(function () {
// do something
});
It works wonderfully in all browsers (well, IE is a little slow, but
it's IE).
When I go to close this page, Safari and Opera close almost instantly,
IE pauses for a moment and then closes, but Firefox takes sometimes 10
seconds or more to close the tab, causing the browser to lock for that
time.
I traced the lock into the jQuery cleanup code for event handling.
Does anyone know why this is so slow on Firefox?
[jQuery] Re: Problems using JRC corner or curvycorner
I've found JRC and the Bullet Proof CornerZ PlugIns to be foolproof... except in IE8 thus far. On Mar 26, 11:44 am, banacan banaca...@gmail.com wrote: I'm creating a page with many divs that I would like to have rounded corners, and several problems keep coming up. When using JRC for rounding, not all elements will round even though they have the correct class. Reloading the page will, after several attempts, create the rounded corners, though sometimes some elements will never round. This is even more problematic when the div has a border; I can see the rounded bg but the border is still square. Again, after repeated reloadings (3 or 4 times) it will usually work, though in some browsers it might not. Also, when using a gradient background on the parent div, the corner does not pick up the underlying color. When using curvycorner, the underlying color does come through, but again the div is not always rounded on the first load. It too needs refreshing multiple times before displaying correctly. Also, with curvycorners IE (6 anyway) does not produce rounded corners at all. So my questions are: Is this a common failing of these scripts? Is having the CSS in an external file the problem? Could these problems be caused by my local testing server? MAC OSX10.4.9, Apache 1.3.1, PHP 5.2, MySQL 5.0 Is a traditional CSS approach more reliable - though not easier? I don't want to spend much more time on this and I was hoping to hear from others whether or not they have experienced similar problems. If this is just not reliable, I need to take a different approach. TIA
[jQuery] Re: Slow jQuery Event Cleanup in Firefox
These articles will really help clean up your events
http://www.learningjquery.com/2008/03/working-with-events-part-1
http://www.learningjquery.com/2008/05/working-with-events-part-2
On Mar 26, 1:20 pm, Matt W. propel...@gmail.com wrote:
You might want to try adding one click to the table and checking if
the target was a td.
On Mar 26, 7:13 am, J K artlo...@gmail.com wrote:
Let me start by saying that I am doing something rather unorthodox
with jQuery, and I realize that this is probably outside the realm of
what is reasonable.
I have a 65x65 HTML table, giving me 4225 TD cells.
I am making each of them clickable with the following code:
$('td').click(function () {
// do something
});
It works wonderfully in all browsers (well, IE is a little slow, but
it's IE).
When I go to close this page, Safari and Opera close almost instantly,
IE pauses for a moment and then closes, but Firefox takes sometimes 10
seconds or more to close the tab, causing the browser to lock for that
time.
I traced the lock into the jQuery cleanup code for event handling.
Does anyone know why this is so slow on Firefox?
[jQuery] Superfish over a Cycle element in IE 7
I spent hours looking for an answer to this and here is the solution:
When you want your Superfish menu to appear over a Cycle slideshow,
make your .sf-menu, .sf-menu * look like this:
.sf-menu, .sf-menu * {
}
[jQuery] Ajax call with XML Response
Hi,
I'm very new to JQuery and am having a problem with an Ajax call that
returns xml. The error event is being fired, but the textStatus value
is 'parserror' and the errorThrown value is 'undefined'. The xml
response is valid so i'm not sure what could be wrong.
$.ajax({
beforeSend: function() {
},
type: GET,
url: ajaxttest.asp,
dataType: xml,
timeout: 1000,
contentType: text/xml,
success: function(xml) {
alert(in);
complete: function(XMLHttpRequest, textStatus) {
alert(comp);
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert(textStatus);
}
});
Xml:
addressesaddressnumber6/number/address/addresses
Any help would be great.
[jQuery] Re: Jquery.media fails with querystring
Hi, today I tried to upgrade from jQuery Media 0.8 to 0.87, and I met the same problem. With version 0.8, jQuery.media was able to handle links like this : a href=mms://path/to/my/video.wmv?arg=valuelink/a The media type was correct (Windows media player). With version 0.87, jQuery.media doesn't handle anymore this kind of link. Any way to correct this ? thanks, Nico On 27 fév, 16:11, James Tindall james.tind...@gmail.com wrote: Hi, If there's any kind of query string on the end of an flv file name in the href of the element that is to be overwritten the media plugin fails to overwrite the element with the embed code? Anyone know how to fix/work-round this?? cheers, James
[jQuery] Re: listnav plugin
Something is causing your glossary-nav span to be hidden in the HTML (and also not found by the listnav plugin). Try running the HTML through a validator. I tried seeing what was causing the span to be hidden, using Firebug, but didn't immediately see the cause. - Jack kristy...@gmail.com wrote: I'm having trouble installing this. Not quite sure why it isn't working. Does anyone have a tutorial online on how to implement this or could look over mine and see what i'm doing wrong? I imagine it's something simple. thanks! Kristy lee http://www.klcreativedesign.com/suasion/glossary
[jQuery] Re: Beginner Question
Just use an attribute selector. For example:
$('input[name=firstName]')
http://docs.jquery.com/Selectors/attributeEquals#attributevalue
--Karl
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Mar 26, 2009, at 10:04 AM, Flavouski wrote:
In JQuery I saw you can get attributes by saying
foo.attr(value), super handy.
Is there anyway to get the element of the thing that contains the
attribute?
Reasoning: I've got a few hidden inputs that have
name=firstName value=Bob
name=lastName value=Bobble
So I would want to say get the element whose attr name equals
firstName. So then I can go back into the element and retrieve the
value associated with it: Bob
Thanks
[jQuery] Re: Temporarily disable inline onclick
I think you should probably unbind that inline onclick attribute on page ready and re-assign your own onclick function with jQuery (even if it's the same thing). Save your custom onclick callback function to a variable (as in, separate it from the onclick assignment so it's a standalone function that can be called elsewhere). Then use unbind() to unbind the click. http://docs.jquery.com/Events/unbind#typefn Then when you're ready, re-bind the click with the saved callback function again. On Mar 26, 5:46 am, Adam Walters ajwalt...@gmail.com wrote: Hello, I was wondering if there was a way to temporarily disable an inline onclick event, which i can reattach later. Here's the scenario: My page has an edit mode which makes the text of certain elements editable. Edit mode is enabled - text that is editable gets a click event bound to it by jquery Clicking the element allows you to inplace edit and save the info Disabling edit mode removes the click event to activate an editable element Everything works great unless there is an onclick attribute specifed inline on the element (ie- rails generates an onclick confirm message). So the inline confirm is raised first, then my subsequent bound click events. Is there a means i can temporarily disable (or remove/reattach) these inline javascript events? I'm using jQuery 1.3.1 Thanks in advance, Adam Walters
[jQuery] Re: Event Cleanup Slowness in Firefox
don't know why it's so much slower in Firefox, but if you're dealing
with that many elements, you ought to consider using event delegation
instead. You can use the .live() method ...
$('td').live('click', function() {
// do stuff
});
... or roll your own
http://learningjquery.com/2008/03/working-with-events-part-1
--Karl
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Mar 26, 2009, at 11:45 AM, J K wrote:
I have a 65x65 HTML table, giving me 4225 table cells. I am using
jQuery to make each cell clickable with the following code:
$('td').click(function () {
// do stuff
});
I realize this is a lot of events and that this is likely well outside
the realm of what's considered reasonable.
The good news is that this code works great in all browsers (well, IE
is a little slow, but that's IE for you) until I try to close the
tab. Most of the browsers close very quickly, but Firefox can take up
to 20-30 seconds to close the tab. I've traced the issue to the
jQuery event cleanup code.
Does anyone know why the event cleanup code is so slow on Firefox, but
not other browsers?
[jQuery] Re: refresh a DIV
What does refresh mean? Re-insert data into the element? If so, you
only need:
$(#records).html('put whatever you want here');
To refresh every 5 seconds, you can use Javascript's setInterval()
function.
function doRefresh() {
$(#records).html('put whatever you want here');
}
setInterval(doRefresh, 5000);
On Mar 26, 6:06 am, Progressed da...@progressive-projects.nl wrote:
I have a DIV with a php query in it. i'd like to get pointers to
maybe 2 solutions.
Ideal situation:
I have a other jquery script that launches an onComplete like:
'onComplete': { }
basicly i want to let it do a refresh on div id='records' #My sql
query# /div
other situation
I want to refresh this DIV every 5 seconds.
Can someone help me plese!
D.
[jQuery] data-URLs for IE workaround
Hi, Does anyone have a work around the lack of support for data-URLs in IE. I've seen some crazy php scripts using mhtml + vml but php isn't supported in the environment I'm working in. Thanks for your Help. Daniel
