[jQuery] Re: add element after page has loaded
Hey,
Best way to make sure that the form has been loaded is to use the load
callback function:
$('#formGen1').load('formGen1.jsp', function(){
//Callback function: Form has been loaded
//Code implementation
});
I usualy hide the form that I'm editing until it is ready to be shown.
Simple hide() and show().
Hope this helps.
Greetz,
Rick
On 26 nov, 01:25, edencane edenc...@gmail.com wrote:
Hi.
I have the following document.ready:
$(document).ready(function(){
$('#formGen1').load('formGen1.jsp');
if(${membership eq 'propertyContractor'}) {
$('#formGen2').load('formGen2.jsp');
$('#formGen3a').load('formGen3a.jsp');
} else if (${membership eq 'cleaningContractor'}) {
$('#formGen2').load('formGen2.jsp');
$('#formGen3a').load('formGen3b.jsp');
$('#formGen3b').load('formGen4.jsp');
$('#formGen4').load('formGen3a.jsp');
} else if (${membership eq 'staff'}) {
$('#formGen2').load('formGen3a.jsp');
}
$(window).load(function () {
alert($('#dob').prev().html());
//run code
});
});
the html loaded in 'formGen1' is:
fieldset
legendPersonal details/legend
plabel for=nameName/label
input class=required type=text id=name name=name/
span/span/p
plabel for=dobDate of birth/label
input type=text class=expanddate id=dob name=dob value=
format=date
span/span/p
/fieldset
What I want to do is add an element after the #dob element.
In the 's$(window).load' statement I am showing the html of the
previous element as some feedback...
As I understand it, $(window).load should kick in after all the pages
have loaded, but clearly in my case something else is going on... i.e.
the pages havent loaded yet...
How can I do this?
Thanks.
Kind regards.
Luke.
Re: [jQuery] [validate] Specifying custom highlight/unhighlight methods problem
The validation plugin hides labels based on the error class. By adding that
class to your regular label, it'll get hidden, too. Try using a different
class for the regular label (with the same styles).
Jörn
On Wed, Nov 25, 2009 at 4:35 PM, Imre Farkas farkasimr...@gmail.com wrote:
I'm trying to specify a couple of custom methods for highlighting/
unhighlighting valid/invalid fields on my form, but I'm getting some
strange behaviour, which I'm not sure is due to me misunderstanding
how these methods are supposed to be implemented, or if it's just
buggy.
$().ready(function() {
// validate signup form on keyup and submit
$(#contactForm).validate({
showErrors: function(errorMap, errorList) {
$(#result).html('span class=errors/spanspan
class=msgPlease check/fill the marked fields/span !');
this.defaultShowErrors();
},
highlight: function(element, errorClass) {
$(element.form).find(label[for= + element.id +
]).addClass
(errorClass);
},
unhighlight: function(element, errorClass) {
$(element.form).find(label[for= + element.id +
]).removeClass
(errorClass);
},
rules: {
name: required,
email: {
required: true,
email: true
}
}
});
});
My problem is when some of inputs in invalid, then the label will take
the error class, will be turn on red, when I correct the content of
input my label disapear, I have also the valid class, in my css
file, what colud be the problem
I hope You understand what I mean;
Re: [jQuery] custom event firing
The function of your plugin is to trigger the event 'myEvent'.
The first time you invoke the hilight() method but now the 'myEvent' event
not bind to '#myDiv',so you cannot get the alert information.
The second time you click, the '#myDiv' has bind 'myEvent' one time, so you
get the alert information one time.
The third time you click, the '#myDiv' has bind 'myEvent' two time, so you
get two alert information.
To solve the problem, you should bind the 'myEvent' only once.
$('#myDiv').bind('myEvent',function(e){
alert('event fired');
});
$('#myButton').click(function(){
$('#myDiv').hilight();
})
Allen123 wrote:
Hi all,
I am learning how to author jquery plug in and trying to fire a custom
event using trigger and bind. However, for some reason, when I click the
button first time, the custom event is not called. If I click again, the
event will execute once. If I click the third time, the event will execute
twice. Can you guys tell me what's wrong with my code? Really appreciate
your help.
my plug in
(function($) {
$.fn.hilight = function() {
return this.each(function() {
var $this = $(this);
//hightlight
//call trigger
$this.trigger('myEvent');
})
};
})(jQuery);
my html page
$(document).ready(function() {
$('#myButton').click(function(){
$('#myDiv').hilight().bind('myEvent', function(e) {
alert('event fired');
});
})
});
--
View this message in context:
http://old.nabble.com/custom-event-firing-tp26524737s27240p26525336.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Issue with simplemodal plugin and absolute positioned content
Hello,
I am having an issue with the simplemodal plugin that I’m hoping
someone will have a solution for – or at least tell me what is
happening. I have a layout which uses absolute divs to provide a
three-column liquid layout.
In IE 6 and 7, when simplemodal fires, any div that has both a left
and right style defined (providing the liquid portion of the layout)
collapses to a width of 1 pixel. Any div that only has a left/right
element and a width defined behaves correctly.
Adding a conditional width to the liquid portion of the layout makes
IE behave correctly, but the content is no longer liquid.
Below is the simplest piece of sample code I could produce that shows
the behavior.
Any help would be appreciated – I’ve spent several days trying to
solve this issue with no luck so far.
Eric Getchell
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=http://www.w3.org/1999/xhtml;
head
title/title
script type=text/javascript src=jquery-1.3.2.min.js/script
script type=text/javascript src=jquery.simplemodal-1.3.3.js/
script
style type=text/css
* {
padding: 0;
margin: 0;
}
body {
overflow: auto;
height: 100%;
width: 100%;
}
#header-left
{
border: 1px solid blue;
position: absolute;
top: 0px;
left: 0px;
width: 300px;
height: 83px;
overflow: hidden;
}
#header-right
{
border: 1px solid red;
position: absolute;
top: 0px;
/* Defining oth left and right in IE will collapse content when
simplemodal fires.*/
left: 302px;
right: 0px;
height: 83px;
overflow: hidden;
}
#main
{
position: absolute;
top: 205px;
left: 151px;
right: 15px;
bottom: 35px;
overflow: auto;
/style
script type=text/javascript
function showModal()
{
$(#dialogContent).modal({
overlay:80,
overlayCss: {backgroundColor:#000},
containerCss: {'background-color':'#fff', 'padding':'5px',
'border':'2px solid black'}
});
}
/script
/head
body
div
div id=header-leftThis is a fixed region/div
div id=header-rightThis is a liquid region. This collapses in IE/
div
/div
div id=maina href=# onclick=javascript:showModal();Launch/
a/div
div id=dialogContent style=display:noneThis is the modal
content/div
/body
/html
[jQuery] Re: jquery toggle Ie7 problem
The images are there, they're just for some reason moved to the left. If you assign a margin-left of 50px to your first image, you'll see that they are actually visible. Seems to be a style issue (maybe IE-related), rather than a jquery issue. Additionally, your page throws a handful of validation errrors. While I doubt that the errors on your page are responsible for this effect, there's still a slight possibility that they are. Especially the one missing closing /p tag could be a problem. They're all easy to fix, so that should be your first approach. On Nov 25, 1:16 pm, Gkrusemann i...@dexo-design.nl wrote: someone? -- View this message in context:http://old.nabble.com/jquery-toggle-Ie7-problem-tp26481964s27240p2651... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Please help to check the form...
'Tarding' was such an appropriate change to the subject, for that post. But let's change it back now. On Nov 25, 10:58 pm, forextradingevo forextradingev...@gmail.com wrote: u should google it and may be u can find some from there or u can visit here to get some help -http://www.forextradingevo.comforex trading -- View this message in context:http://old.nabble.com/Please-help-to-check-the-form...-tp26511455s272... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] form always goes to index.php
Hi,
a form that has an action to an index.php?id=value is submitted
through jquery with $('form').submit() .
Somehow it always goes to the plain index.php adding the values behind
it like: index.php?myFormValue=value .
I don't get any errors in the debug console (FF) or the Error Console.
How can I get this to work properly?
When I mod_rewrite in index.php?id=value to - for example - 'results/'
it does work.
Thanks in advance.
Henjo
Re: [jQuery] form always goes to index.php
you dont need to you a form.
set up the following html
input type=text class=name /
a href=# class='submitformSubmit/a
have the follwoing jQUery
$(function() {
var btn_submit = $(.submitform);
var txt_name = $(.name);
btn_submit.click(function(e) {
e.preventDefault();
top.location = index.php?name=+txt_name.val();
});
});
it kinda works just like a form :)
you can access the values via phph $_GET[] as well.
On Thu, Nov 26, 2009 at 3:35 PM, Henjo henjohoek...@gmail.com wrote:
Hi,
a form that has an action to an index.php?id=value is submitted
through jquery with $('form').submit() .
Somehow it always goes to the plain index.php adding the values behind
it like: index.php?myFormValue=value .
I don't get any errors in the debug console (FF) or the Error Console.
How can I get this to work properly?
When I mod_rewrite in index.php?id=value to - for example - 'results/'
it does work.
Thanks in advance.
Henjo
Re: [jQuery] Re: superfish navbar issue in Afterburner or JA-Purity Templates
what you are discovering is the root of most problems installing one menu in any template with an existing menu will run into css conflicts. The majority of the issues that pop up in this group regarding superfish stem from Joomla installs and the exact situation you are running into Without using DOM inspectors like Firebug it is almost completely trial and error trying to figure out which rules take precedence for each element or pseudo class ( like hover). if you haven't already done so install Firebug and you will be able to quickly see the inherited rules for each part of the menu xantof wrote: This is a progress report on finding a solution : If all CSS pertaining to the NAV position in the Template's style sheet are commented out, then it works. This is a dirty solution and I would like to find the root of the problem. I think it has to do, at least in part with the WIDTH parameter. I am progressing with learning CSS, understanding JQuery and overall trying to figure out how all those files interact to give out the web page I want. I still find it hard to follow CSS priorities across the different stylesheet and identifying the proper Class to modify. This is where I was hoping to get help. Keep you all posted.
Re: [jQuery] Re: Cancel Selected An Item of Selectable
This is not currently supported. You can track progress here: http://dev.jqueryui.com/ticket/4205 - Richard On Wed, Nov 25, 2009 at 9:59 PM, He Jun-Jie junjie...@hp.com wrote: Thank you for replying my question. My situation is very easy I just want to ask whether the jQuery ui selectable provides a way to unselected one item by doing ctrl+click. Here is the sample: http://jsbin.com/ujile On 11月25日, 上午11时59分, Richard D. Worth rdwo...@gmail.com wrote: We'd be happy to help you over here: http://groups.google.com/group/jquery-ui http://groups.google.com/group/jquery-uiPlease post a live sample page showing the problem. If you don't have a way to host one, please create one on jsbin.com: http://jsbin.com/ - Richard On Tue, Nov 24, 2009 at 12:56 AM, I'm Jack junjie...@hp.com wrote: I used jQuery ui selectable function on my web page. So long it works fine, but I find a problem that if we’ve already selected some items, and I want to cancel selected one item of them, how could we do? I try to bind a click function to the elements to remove the style of ui- selected, but it doesn’t work at all. It’s so strange. Guys, could you help me in some way?- 隐藏被引用文字 - - 显示引用的文字 -
[jQuery] Re: form always goes to index.php
That would be like a workable trick. Is this something common?
On Nov 26, 2:40 pm, waseem sabjee waseemsab...@gmail.com wrote:
you dont need to you a form.
set up the following html
input type=text class=name /
a href=# class='submitformSubmit/a
have the follwoing jQUery
$(function() {
var btn_submit = $(.submitform);
var txt_name = $(.name);
btn_submit.click(function(e) {
e.preventDefault();
top.location = index.php?name=+txt_name.val();
});
});
it kinda works just like a form :)
you can access the values via phph $_GET[] as well.
On Thu, Nov 26, 2009 at 3:35 PM, Henjo henjohoek...@gmail.com wrote:
Hi,
a form that has an action to an index.php?id=value is submitted
through jquery with $('form').submit() .
Somehow it always goes to the plain index.php adding the values behind
it like: index.php?myFormValue=value .
I don't get any errors in the debug console (FF) or the Error Console.
How can I get this to work properly?
When I mod_rewrite in index.php?id=value to - for example - 'results/'
it does work.
Thanks in advance.
Henjo
[jQuery] Re: Issue with simplemodal plugin and absolute positioned content
Eric,
I don't have IE6 installed (just got a new laptop with windows 7), but
I wasn't able to reproduce the issue in IE8 compatibility mode.
SimpleModal only styles the dialog element, so I'm not sure why that
would be affecting other divs on your page...
-Eric
On Nov 26, 4:50 am, Eric Getchell eric.getch...@gmail.com wrote:
Hello,
I am having an issue with the simplemodal plugin that I’m hoping
someone will have a solution for – or at least tell me what is
happening. I have a layout which uses absolute divs to provide a
three-column liquid layout.
In IE 6 and 7, when simplemodal fires, any div that has both a left
and right style defined (providing the liquid portion of the layout)
collapses to a width of 1 pixel. Any div that only has a left/right
element and a width defined behaves correctly.
Adding a conditional width to the liquid portion of the layout makes
IE behave correctly, but the content is no longer liquid.
Below is the simplest piece of sample code I could produce that shows
the behavior.
Any help would be appreciated – I’ve spent several days trying to
solve this issue with no luck so far.
Eric Getchell
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
title/title
script type=text/javascript src=jquery-1.3.2.min.js/script
script type=text/javascript src=jquery.simplemodal-1.3.3.js/
script
style type=text/css
* {
padding: 0;
margin: 0;
}
body {
overflow: auto;
height: 100%;
width: 100%;
}
#header-left
{
border: 1px solid blue;
position: absolute;
top: 0px;
left: 0px;
width: 300px;
height: 83px;
overflow: hidden;
}
#header-right
{
border: 1px solid red;
position: absolute;
top: 0px;
/* Defining oth left and right in IE will collapse content when
simplemodal fires.*/
left: 302px;
right: 0px;
height: 83px;
overflow: hidden;}
#main
{
position: absolute;
top: 205px;
left: 151px;
right: 15px;
bottom: 35px;
overflow: auto;
/style
script type=text/javascript
function showModal()
{
$(#dialogContent).modal({
overlay:80,
overlayCss: {backgroundColor:#000},
containerCss: {'background-color':'#fff', 'padding':'5px',
'border':'2px solid black'}
});}
/script
/head
body
div
div id=header-leftThis is a fixed region/div
div id=header-rightThis is a liquid region. This collapses in IE/
div
/div
div id=maina href=# onclick=javascript:showModal();Launch/
a/div
div id=dialogContent style=display:noneThis is the modal
content/div
/body
/html
[jQuery] csv2table
I am new to jquery Its nice
in csv2table i need to get values dynamically from a particular url
everyminute ...
i dont know how to get from particular url ( www.websitename.com?asdfasdf.csv
) and generate table for that value.
$(function(){
$('#view1').csv2table('book12.csv');
});
any help will be appreciated ..
[jQuery] Accordion, fieldset and selectors question
Hello folks,
I have an operational accordion based on a series of fieldset tags
(the content) and h6 tags (the triggers).
It is initiated by:
$('.accord h6').click(function() {
$(this).next('fieldset').slideToggle('fast').siblings
('fieldset:visible').slideUp('fast');
});
The trigger tags are set up as
h6 - span - Trigger title - /span - /h6
I want to add a class to the current h6 tag that will result in an
open folder image to appear next to tag when its associated fieldset
is open, and have that class removed when it or another h6 tag is
clicked.
I can add the class easily enough - but I can't work out the code/
selectors to remove the class when the clicked current trigger title
is re-clicked (to close the fieldset) or another trigger title is
clicked (to open its associated fieldset.
$('.accord h6').click(function() {
$(this).addClass('expand_group');
$(this).next('fieldset').slideToggle('fast').siblings
('fieldset:visible').slideUp('fast');
});
I'd really appreciate some direction to a solution if possible.
Thanks, Bruce
[jQuery] PHP jQuery on different port
Hello,
This user.php on port 80
$callback = $_GET[callback];
$user = $_GET[username];
if($user == lazy) {
$response = array(message = SUCESS);
} else {
$response = array(message = FAIL);
}
echo $callback . (. json_encode($response) . );;
This is index.html on port 8080
$.getJSON(user.php?callback=?, { username: lazy}, function(json){
alert(JSON Data: + json.message); // SUCCESS
});
This is working if both files on same port, however, it doesn't when
its not on same port
Any workaround for this to work?
[jQuery] Best JQuery plugin for gantt and other charts/graphs?
Just wondering which jquery plugin you prefer for generating gantt charts and other graphs. I'm busy scanning through the plugins, checking out the demos but I was hoping for a few pointers so I could hone in on the best ones. Thanks
[jQuery] [Superfish 1.4.8] changing position of folded out menus
Hi,
I got it to work, following is the solution:
Simply put
.sf-menu {
line-height:2.5em;
}
to change the line-height of the menubar and additionally to control
the
distance of the submenus to the menu bar just add the top:
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0;
top:2.5em;
z-index:99;
}
Michael
[jQuery] [Superfish 1.4.8] changing position of folded out menus
Hi!
First of all I'm very sorry to ask, but I couldn't get it working
whilst spending hours on this.
I changed the ling-height of the .sf-menu from 1.0em to 2.5em.
Now the folded out submenus appear in the middle of the menu bar.
=
.sf-menu {
line-height: 2.5em;
}
=
Simple question: How can I change the position of the folded out menus
so that they appear directly under the menu bar, not in the middle of
it?
Like in the standard example of the superfish menu?
Michael
[jQuery] Re: simple jquery form plugin question
Hi David,
I was able to recreate the same problem and fixed it. Try this:
html
head
titlejQuery Form Plugin/title
style type=text/css
form { background: #DFEFFC; border: 5px solid #c5dbec; margin: 10px 0;
padding: 20px }
/style
script type=text/javascript src=../jquery-latest.js/script
script type=text/javascript src=../jquery.form.js/script
script type=text/javascript
// wait for the DOM to be loaded
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
$('#myForm').ajaxForm(function() {
alert(Thank you for your comment!);
});
});
/script
/head
body
form method=post action=dummy.php id=myForm
Name:input type=text value=MyName1 name=Name/
input type=submit value=Submit1 name=submitButton/
/form
/body
/html
- replace action=http://jquery.malsup.com/form/dummy.php; with:
action=dummy.php [just create a text file with dummy text in it,
name it 'dummy.php' and put in same directory as your test HTML file]
- remove the extra pair of script tags script type=text/
javascript /script - you nested your script inside two pairs of
tags - just remove one pair.
Other than that, just make sure the path to your .js files is correct,
as Brian suggested.
[jQuery] function in ready not run in IE
Hello,
I have below code that run the function when document is ready. It
works fine in Firefox but not IE. What did I do wrong? Looks like the
code doesn't get run at all. I tried jQuery(function() ... but it
didn't work too
$(document).ready(
function() {
var $items = ['regular', 'outsource', 'total_headcount',
'internal',
'external', 'resigned', 'eligible', 'member', 'valoptec_percent'];
$($items).each(function() {
totalIt(this);
});
}
);
Thanks!
Re: Re[jQuery] ad CSV files with jQUery
csv2table('./data/Book12.csv');
can i use yahoo
http://download.finance.yahoo.com/d/quotes.csv?s=USDIRR=Xf=sl1d1t1ba to get
csv
instead of './data/Book12.csv'
i tried like this
$('#view0').csv2table('http://download.finance.yahoo.com/d/quotes.csv?s=%5EIXICf=sl1d1t1c1ohgve=.csv');
but no use
can u send me syntax for url
--
View this message in context:
http://old.nabble.com/Read-CSV-files-with-jQUery-tp18659264s27240p26525832.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Validate / Remote
Hi.. Sory the really bad english
I have one problem with remote in Jquery.validate
I do this
cusuario:{
required: true, minlength: 5,
remote: verifica_user.php
},
Now i whant know how the script verifica_user.php will recive the
information..
I still trying make one script when any user go create on account,,
first will verify if this account exist. If exist will appear on
message.. This accound still in use. Please choice another..
But i don't know how get the user still typing and pass from php
script, where will do this comparation..
Thanks
[jQuery] Superfish jQuery menu plugin RTL support
Ahoy! I'm trying to adjust Superfish nav-bar style menu for RTL'ed Hebrew website, Example: http://users.tpg.com.au/j_birch/plugins/superfish/#sample4 but no success so far, maybe someone already have this solved? Any help will be most appreciated! Best regards, Vlad.
[jQuery] jQuery Slider - disable keyboard control
Can slider keyboard control be disabled for good without disabling the slider? Thanks. -- View this message in context: http://old.nabble.com/jQuery-Slider---disable-keyboard-control-tp26531343s27240p26531343.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
Re: [jQuery] Re: form always goes to index.php
its kinda common,
but yeah it is a quick work around through jquery if you don't wanna use
forms..
a little less html. and a few lines of js :)
On Thu, Nov 26, 2009 at 4:30 PM, Henjo henjohoek...@gmail.com wrote:
That would be like a workable trick. Is this something common?
On Nov 26, 2:40 pm, waseem sabjee waseemsab...@gmail.com wrote:
you dont need to you a form.
set up the following html
input type=text class=name /
a href=# class='submitformSubmit/a
have the follwoing jQUery
$(function() {
var btn_submit = $(.submitform);
var txt_name = $(.name);
btn_submit.click(function(e) {
e.preventDefault();
top.location = index.php?name=+txt_name.val();
});
});
it kinda works just like a form :)
you can access the values via phph $_GET[] as well.
On Thu, Nov 26, 2009 at 3:35 PM, Henjo henjohoek...@gmail.com wrote:
Hi,
a form that has an action to an index.php?id=value is submitted
through jquery with $('form').submit() .
Somehow it always goes to the plain index.php adding the values behind
it like: index.php?myFormValue=value .
I don't get any errors in the debug console (FF) or the Error Console.
How can I get this to work properly?
When I mod_rewrite in index.php?id=value to - for example - 'results/'
it does work.
Thanks in advance.
Henjo
Re: [jQuery] Validate / Remote
That script will get a single GET paremter with the name of the field as the
key and the value of the field as the value, here you'd get
verifica_user.php?cusuario=username
Jörn
On Thu, Nov 26, 2009 at 1:30 PM, RCLumbriga ronanl...@gmail.com wrote:
Hi.. Sory the really bad english
I have one problem with remote in Jquery.validate
I do this
cusuario:{
required: true, minlength: 5,
remote: verifica_user.php
},
Now i whant know how the script verifica_user.php will recive the
information..
I still trying make one script when any user go create on account,,
first will verify if this account exist. If exist will appear on
message.. This accound still in use. Please choice another..
But i don't know how get the user still typing and pass from php
script, where will do this comparation..
Thanks
Re: [jQuery] Re: simple jquery form plugin question
Thank you very much Kelly!
You solved my problem.
On Thu, Nov 26, 2009 at 12:59 AM, Kelly k...@njit.edu wrote:
Hi David,
I was able to recreate the same problem and fixed it. Try this:
html
head
titlejQuery Form Plugin/title
style type=text/css
form { background: #DFEFFC; border: 5px solid #c5dbec; margin: 10px 0;
padding: 20px }
/style
script type=text/javascript src=../jquery-latest.js/script
script type=text/javascript src=../jquery.form.js/script
script type=text/javascript
// wait for the DOM to be loaded
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
$('#myForm').ajaxForm(function() {
alert(Thank you for your comment!);
});
});
/script
/head
body
form method=post action=dummy.php id=myForm
Name:input type=text value=MyName1 name=Name/
input type=submit value=Submit1 name=submitButton/
/form
/body
/html
- replace action=http://jquery.malsup.com/form/dummy.php; with:
action=dummy.php [just create a text file with dummy text in it,
name it 'dummy.php' and put in same directory as your test HTML file]
- remove the extra pair of script tags script type=text/
javascript /script - you nested your script inside two pairs of
tags - just remove one pair.
Other than that, just make sure the path to your .js files is correct,
as Brian suggested.
[jQuery] disable links in a class set dynamically
Hi!
I have a problem.
I want to disable links in a specified class. Like this:
$(.disabled).click( function() {
return false;
});
It works fine if the class exists before, but if I add the class to an
element, not works!!
$(document).ready(function() {
$(.disabled).click( function() {
return false;
});
$(.noClick).click( function() {
$(this).addClass(disabled);
});
});
The HTML:
a href=# class=noClickClick!/a
(This is an example, I know that isn't logic)
Re: [jQuery] jQuery Slider - disable keyboard control
I don't recommend it, as it's there for accessibility. However, if you must, add your own handle manually with no href: div id=slider a class=ui-slider-handle/a /div If you have any more questions about it, please ask on the jQuery UI list: http://groups.google.com/group/jquery-ui - Richard On Thu, Nov 26, 2009 at 10:51 AM, akitainu27 akita_inu_...@yahoo.comwrote: Can slider keyboard control be disabled for good without disabling the slider? Thanks. -- View this message in context: http://old.nabble.com/jQuery-Slider---disable-keyboard-control-tp26531343s27240p26531343.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Issue with simplemodal plugin and absolute positioned content
Hey Eric,
Thanks for checking into this. I've done some more digging and I've
narrowed the issue down to the container/wrapping div that is injected
into the DOM. If I remove the following from the container
(s.d.container) when it is created:
display: 'none',
position: 'fixed',
..the divs on the page do not collapse (of course the modal does not
correctly render, but that is to be expected).
If I remove the following three items from the wrapping div (s.d.wrap)
when it is created:
.attr('tabIndex', -1)
.addClass('simplemodal-wrap')
.css({height: '100%', outline: 0, width: '100%'})
... it renders correctly in IE 6,7 and Firefox. The odd thing is that
I have to remove all three, any combination of the three items will
cause the divs to collapse. If found the fact that all three needed
to be removed surprising as I would have expected the tab index
modification to have no impact to the page layout.
I'm still looking, but if anything above seems to point to the cause,
let me know!
Eric
Re: [jQuery] Superfish jQuery menu plugin RTL support
change the LI's to float right instead of left Vlad Shapiro wrote: Ahoy! I'm trying to adjust Superfish nav-bar style menu for RTL'ed Hebrew website, Example: http://users.tpg.com.au/j_birch/plugins/superfish/#sample4 but no success so far, maybe someone already have this solved? Any help will be most appreciated! Best regards, Vlad.
[jQuery] Re: Debuging AJAX
Here's a link to a screenshot of my console. When I click the form
this displays for a moment before the page reloads and the console is
refreshed. To view this I have to hit the stop bottom before it
reloads the page. It reloads because there isn't a value in the action
attribute of the form.
http://picasaweb.google.com/lh/photo/soYaBaQlN-u-kyhLpQHToA?feat=directlink
As you can see from the console, there isn't a response from the page
I'm trying to send the POST. I have verified the path and i know it's
correct. Clicking on the response tab shows a button labeled 'Load
Response'. When clicked nothing happens. How do I interpret this. Here
is the java script and below the form.
$(document).ready(function() {
$('#193').live('submit',function(){
var formData = $(this).serialize();
console.log(formData);
$.post('setTechGoal.php', formData, function(data){ console.log
(data)});
});
});
form id=193 accept-charset=utf-8
input type=hidden name=tech value=193
input type=hidden name=location value=Redding
input type=hidden name=week value=48
input type=submit value=Set Goal rarr;
$input type=text name=techGoal value= size=10
/form
On Nov 25, 2:36 pm, Peter Edwards p...@bjorsq.net wrote:
Hey,
don't use document.write() or alert() to debug - either use
console.log() or have a div in the document which can display debugging
information and append any data to it.
$('#testform').live('submit',function(){
var formData = $(this).serialize();
console.log(formData);
$.post('ajax/setvalue.php', formData, function(data){ console.log(data)
});
});
Firebug should log the POST as well as any response from it as well.
HTH
on 25/11/2009 21:10 Rockinelle said::
Any new eyes out there? Not sure why this got changed to accessibility
discussion.
On Nov 24, 4:46 pm, Rockinelle ericbles...@gmail.com wrote:
Hey everyone,
I've been trying to make a .post work for me and I'm using firebug to
attempt to debug my problems. I am trying to use ajax to process a
form and from what I can tell in Firebug, I am not getting a response.
Now I have removed the action in the form itself so it's just reloads
the page after the .post fails.
$('#testform').live('submit',function(){
var formData = $(this).serialize();
alert(formData); //to verify the data is formatted properly and it
is.
$.post('ajax/setvalue.php', formData, function(data)
{ document.write(data) });
});
The path to the remote script is correct. formData is formatted
properly. The php doc only echo the string 'pass' to let me know it
got the request. I'm using .live rather than .submit because the form
is loaded via an ajax call so it waits for the form to load before it
binds this ajax request to the form.
So if you have some tips on my code great, but I'd really like a good
tool to debug this myself. Maybe there is something in firebug I'm
missing.
[jQuery] Re: function in ready not run in IE
may want to try the correct syntax for each
$.each($items, function() {
totalit(this);
});
also, just to point out, usually best practice points out to use $
at the beginning of variable names for jQuery objects surely works
otherwise, but your style is slightly confusing
On Nov 26, 4:32 am, Neena ever...@gmail.com wrote:
Hello,
I have below code that run the function when document is ready. It
works fine in Firefox but not IE. What did I do wrong? Looks like the
code doesn't get run at all. I tried jQuery(function() ... but it
didn't work too
$(document).ready(
function() {
var $items = ['regular', 'outsource', 'total_headcount',
'internal',
'external', 'resigned', 'eligible', 'member', 'valoptec_percent'];
$($items).each(function() {
totalIt(this);
});
}
);
Thanks!
Re[jQuery] move appended element
Hi,
I'm trying to append an div element around the element that triggers the on
hover event, then remove the div on mouse out (blur). I normally would use
addClass / removeClass but this leaves class= when the class is removed
and not the original state of the html. Here's my code, I can't work out how
to remove the appended div correctly... :
jQuery(p,h1,h2,h3,span,li, dd, dt,b,em,strong).hover(function() {
jQuery('div
class=selected/div').append(jQuery(this).clone()).html();
active = true;
}, function() {
jQuery(.insense-selected).remove();
active = false;
});
This doesn't work as expected, can anyone help out? A solution to either
problem described would suffice!
Thanks,
Colin.
--
View this message in context:
http://old.nabble.com/Remove-appended-element-tp26534745s27240p26534745.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Is there a plugin similar to this Flash effect in Yahoo.com for media images?
Hi guys, I'm looking to develop this plugin in jQuery, or is there already an available version in jQuery for this effect? http://movies.yahoo.com/feature/hmg-weekend-roundup-11-25-09.html I really want the fading effect of the plugin. Please tell me. Thanks
[jQuery] Re: add element after page has loaded
Hi.
Thanks.
That was what I needed.
Kr.
Luke.
On Nov 26, 6:04 pm, Rick van Hoeij rickvho...@gmail.com wrote:
Hey,
Best way to make sure that the form has been loaded is to use the load
callback function:
$('#formGen1').load('formGen1.jsp', function(){
//Callback function: Form has been loaded
//Code implementation
});
I usualy hide the form that I'm editing until it is ready to be shown.
Simple hide() and show().
Hope this helps.
Greetz,
Rick
On 26 nov, 01:25, edencane edenc...@gmail.com wrote:
Hi.
I have the following document.ready:
$(document).ready(function(){
$('#formGen1').load('formGen1.jsp');
if(${membership eq 'propertyContractor'}) {
$('#formGen2').load('formGen2.jsp');
$('#formGen3a').load('formGen3a.jsp');
} else if (${membership eq 'cleaningContractor'}) {
$('#formGen2').load('formGen2.jsp');
$('#formGen3a').load('formGen3b.jsp');
$('#formGen3b').load('formGen4.jsp');
$('#formGen4').load('formGen3a.jsp');
} else if (${membership eq 'staff'}) {
$('#formGen2').load('formGen3a.jsp');
}
$(window).load(function () {
alert($('#dob').prev().html());
//run code
});
});
the html loaded in 'formGen1' is:
fieldset
legendPersonal details/legend
plabel for=nameName/label
input class=required type=text id=name name=name/
span/span/p
plabel for=dobDate of birth/label
input type=text class=expanddate id=dob name=dob value=
format=date
span/span/p
/fieldset
What I want to do is add an element after the #dob element.
In the 's$(window).load' statement I am showing the html of the
previous element as some feedback...
As I understand it, $(window).load should kick in after all the pages
have loaded, but clearly in my case something else is going on... i.e.
the pages havent loaded yet...
How can I do this?
Thanks.
Kind regards.
Luke.
[jQuery] Comparing or checking for a specific sub class?
I have a menu looking like this:
li class=page_item current_page_item.../li
li class=page_item.../li
li class=page_item.../li
and so on...
I then have a mouseenter function that highlights/de-highlights the
various menu items, but I would like to not having it affect the item
with the extra class current_page_item. How do I solve this?
my current code:
script type=text/javascript
$(document).ready(function() {
$('.page_item').mouseenter(function(e) {
$(this).children('a').children('div').fadeIn(0);
}).mouseleave(function(e) {
$(this).children('a').children('div').fadeOut(200);
});
});
/script
[jQuery] Re: Accordion, fieldset and selectors question
Hi Bruce,
Try this:
$('.accord h6').click(function() {
$(this).toggleClass('expand_group').siblings
('h6.expand_group').removeClass('expand_group');
$(this).next('fieldset').slideToggle('fast').siblings
('fieldset:visible').slideUp('fast');
return false;
});
Regards,
Adriana
On Nov 26, 11:41 am, Bruce MacKay thomasba...@gmail.com wrote:
Hello folks,
I have an operational accordion based on a series of fieldset tags
(the content) and h6 tags (the triggers).
It is initiated by:
$('.accord h6').click(function() {
$(this).next('fieldset').slideToggle('fast').siblings
('fieldset:visible').slideUp('fast');
});
The trigger tags are set up as
h6 - span - Trigger title - /span - /h6
I want to add a class to the current h6 tag that will result in an
open folder image to appear next to tag when its associated fieldset
is open, and have that class removed when it or another h6 tag is
clicked.
I can add the class easily enough - but I can't work out the code/
selectors to remove the class when the clicked current trigger title
is re-clicked (to close the fieldset) or another trigger title is
clicked (to open its associated fieldset.
$('.accord h6').click(function() {
$(this).addClass('expand_group');
$(this).next('fieldset').slideToggle('fast').siblings
('fieldset:visible').slideUp('fast');
});
I'd really appreciate some direction to a solution if possible.
Thanks, Bruce
Re: [jQuery] csv2table
Hi, Ram
Thank you for using my plugin.
On Thu, 26 Nov 2009 02:21:19 -0800 (PST)
Ram naviamarkets@gmail.com wrote:
I am new to jquery Its nice
in csv2table i need to get values dynamically from a particular url
everyminute ...
i dont know how to get from particular url (
www.websitename.com?asdfasdf.csv
) and generate table for that value.
Is the 'particular url' another Domain from yuor html?
You cannot read the csv when that is it.
If you can process the text file of the other domain, there is a method
you make it json not csv, and to access.
However, json does not implement it in csv2table.
If get time; I may make json2table if you are necessary.
$(function(){
$('#view1').csv2table('book12.csv');
});
any help will be appreciated ..
--
Toshiro Takahashi
http://plugins.jquery.com/project/csv2table
http://plugins.jquery.com/project/jQchart
http://allabout.co.jp/internet/javascript/profile/mbiopage.htm
http://jsgt.org/mt/01/
Re: [jQuery] jquery uploadify question
See:
http://docs.jquery.com/Frequently_Asked_Questions#Why_do_my_events_stop_working_after_an_AJAX_request.3F
In a nutshell, you're declaring a click handler for all elements with
class 'img_del' *when the page loads*. But your element is being added
during the onComplete callback of uploadify() so it has no click
handler assigned to it. To get around that, you would place the
$(.img_del).click(function () { etc. code in a function and call the
function both when the page first loads as well as after adding a new
element.
Or, you can deal with it the simpler way and use the new live() function:
http://docs.jquery.com/Events/live
Using this, you can assign an event handler to any elements on the
page *and* tell jQuery to do the same for any new elements added that
match the selector criteria.
eg.
$(.img_del).live('click', function() {
var image_name = this.id;
$.ajax({
type: get,
url: inc/ajax_del_pic.php?img=+image_name,
success: function(msg){
alert(msg);
}
});
});
On Thu, Nov 26, 2009 at 12:57 PM, heohni
heidi.anselstet...@consultingteam.de wrote:
Hi,
This function:
var c_folder = $('input[name=client_folder]').val();
$(#uploadify).uploadify({
'uploader' : 'inc/fileupload/uploadify.swf',
'script' : 'inc/fileupload/uploadify.php',
'scriptData' : {'c_folder': c_folder},
'cancelImg' : 'inc/fileupload/cancel.png',
'folder' : 'images/uploads',
'queueID' : 'fileQueue',
'auto' : true,
'multi' : true,
'queueSizeLimit' : 3,
'buttonText' : 'Auswahl',
'sizeLimit' : 1000,
'fileDesc' : '*.jpg;*.jpeg;*.png',
'fileExt' : '*.jpg;*.jpeg;*.png',
'onComplete': function(event, queueID, fileObj, reposnse,
data) {
$('#filesUploaded').append('img src=inc/fileupload/
cancel.png alt= id='+c_folder+'/'+fileObj.name+' class=img_del
border=0 style=padding-right:5px; cursor: pointer;a
target=_blank href=images/uploads/'+c_folder+'/'+fileObj.name
+''+fileObj.name+'/abrbr');
$('#fileQueue').css({'display' : 'none'});
$('#cancel').css({'display' : 'none'});
}
});
$(.img_del).click(function () {
var image_name = this.id;
$.ajax({
type: get,
url: inc/ajax_del_pic.php?img=+image_name,
success: function(msg){
alert(msg);
}
});
});
The Script is uploading the pics great and shows me the delete image.
But on click, the function to delete the picture is not getting called
and I don't get why?
Any ideas why it seams that the element img_del seem not available?
Re: Re[jQuery] move appended element
You have 2 separate classnames there--'selected' and 'insense-selected'.
Anyway, why don't you just add the class to the hovered element and
save yourself some trouble? Because wrapping a strong or dd element
with a div is certainly asking for a lot of trouble.
On Thu, Nov 26, 2009 at 3:50 PM, coldwired co...@coolwired.net wrote:
Hi,
I'm trying to append an div element around the element that triggers the on
hover event, then remove the div on mouse out (blur). I normally would use
addClass / removeClass but this leaves class= when the class is removed
and not the original state of the html. Here's my code, I can't work out how
to remove the appended div correctly... :
jQuery(p,h1,h2,h3,span,li, dd, dt,b,em,strong).hover(function() {
jQuery('div
class=selected/div').append(jQuery(this).clone()).html();
active = true;
}, function() {
jQuery(.insense-selected).remove();
active = false;
});
This doesn't work as expected, can anyone help out? A solution to either
problem described would suffice!
Thanks,
Colin.
--
View this message in context:
http://old.nabble.com/Remove-appended-element-tp26534745s27240p26534745.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
Re: [jQuery] disable links in a class set dynamically
http://docs.jquery.com/Frequently_Asked_Questions#Why_do_my_events_stop_working_after_an_AJAX_request.3F
http://docs.jquery.com/Events/live
Please see my response to the recent jquery uploadify question msg.
On Thu, Nov 26, 2009 at 12:09 PM, Keysher keys...@gmail.com wrote:
Hi!
I have a problem.
I want to disable links in a specified class. Like this:
$(.disabled).click( function() {
return false;
});
It works fine if the class exists before, but if I add the class to an
element, not works!!
$(document).ready(function() {
$(.disabled).click( function() {
return false;
});
$(.noClick).click( function() {
$(this).addClass(disabled);
});
});
The HTML:
a href=# class=noClickClick!/a
(This is an example, I know that isn't logic)
[jQuery] Re: csv2table
By the way, the reason why csv2table cannot read the text file of the
other domain is because it uses $.get method of jQuery.
But I do not get along well even if I change $.get in $.getScript.
When capture a TCP packet, the data body arrives,; but csv data as for
the JavaScript is because is not it.
The method to obtain it thought, but a person distributing json in the
other domain is that it is easy first of all :p
--
Toshiro Takahashi
http://plugins.jquery.com/project/csv2table
http://plugins.jquery.com/project/jQchart
http://allabout.co.jp/internet/javascript/profile/mbiopage.htm
http://jsgt.org/mt/01/
On 11月27日, 午前10:49, Toshiro Takahashi t...@game.gr.jp wrote:
Hi, Ram
Thank you for using my plugin.
On Thu, 26 Nov 2009 02:21:19 -0800 (PST)
Ram naviamarkets@gmail.com wrote:
I am new to jquery Its nice
in csv2table i need to get values dynamically from a particular url
everyminute ...
i dont know how to get from particular url (
www.websitename.com?asdfasdf.csv
) and generate table for that value.
Is the 'particular url' another Domain from yuor html?
You cannot read the csv when that is it.
If you can process the text file of the other domain, there is a method
you make it json not csv, and to access.
However, json does not implement it in csv2table.
If get time; I may make json2table if you are necessary.
$(function(){
$('#view1').csv2table('book12.csv');
});
any help will be appreciated ..
--
Toshiro
Takahashihttp://plugins.jquery.com/project/csv2tablehttp://plugins.jquery.com/project/jQcharthttp://allabout.co.jp/internet/javascript/profile/mbiopage.htmhttp://jsgt.org/mt/01/
[jQuery] Returning Value Of aa .POST
function ajax_post_var(url, event_id)
{
var info = $.post(url).responseText;
alert(info);
if (event_id == '1')
{
do something with info...
}
...more if's here...
}
Why does info show undefined... I'd like to be able to use the
returned value for something else.
[jQuery] validation plugin: how to use EqualTo
Dear all,
I'm trying to use the jquery validation plug in to verify that two
fields (email addresses) are the same. If read through the tutorials
etc but it does not work. I wondering whether I am using it in the
right way. I want to validate each field individually so I use onblur
to execute the validation.
This is my first field and this validation works.
dd id=ext_email-element
input id=ext_email class=required email valid type=text
onblur=$(forms[0]).validate().element( #ext_email ); value=
name=ext_email/
label class=error for=ext_email generated=truePlease enter a
valid email address./label
/dd
This is my second field. I want this field to be identical to
ext_email. The following validation does not work.
dd id=check_ext_email-element
input id=check_ext_email class= {equalTo:#ext_email} valid
type=text onblur=$(forms[0]).validate().element
( #check_ext_email ); value= name=check_ext_email/
/dd
Firebug says that the onblur statement is true.
Am I using the plug in in the correcty way? Can someone point me in
the right direction?
Thanks,
/S
[jQuery] IE balking at .siblings() - says 'Object does not support this property or method'
BH
I created a slider of thumbnail images. I write the image filepaths
directly into the HTML using PHP, so instead of using expandos I
placed a hidden div after each image containing the file name of the
large version to be shown onclick. Works fine in FF and Chrome. IE
stops at the first line in the function, at .siblings(). It throws an
error saying 'Object does not support this property or method.'
$('.pic_listing img').click(function(){
// Set the a variable with large image associated with
the thumb
lg_pic = $(this).siblings('.lg_pic_name').html();
// If it is not currently displayed
if($('#lg_pic_src').attr('src') != path+lg_pic){
//Hide Old Image
$('#lg_pic_src').css('display','none');
//Replace it
$('#lg_pic_src').attr('src',path+lg_pic);
// Display Loader img
$('#loader').css('z-index',1);
// Once its loaded, Hide Loader and FadeIn the
new image
$('#lg_pic_src').load(function () {
$('#loader').css('z-index',-1);
$('#lg_pic_src').fadeIn();
});
}
});
Anyone have any thoughts as to why IE would throw an error?
Other functions defined in the same file work fine.
Thanks,
Getzel
[jQuery] Lightbox = 1 thumbnail to several images
Hello, all! Brand new to JQuery, and I'm looking for a solution to my problem. I have a page with, say, 30 thumbnail images. Currently, when one is clicked, a larger version displays, and then you can back/next through all 30. I have been tasked with making a change that doesn't seem difficult, but I can't figure out a solution. I need to display the 30 thumbnails, but instead of lightbox-ing a larger version of each thumbnail, I need the thumbnail to display anywhere from 1-to-several larger versions for that thumbnail. So, instead of scrolling through all 30, it will simply scroll the through the few tied to that thumbnail. Example: Thumbnail #1 - Image #1a - Image #2a - Image #3a - Image #4a Thumbnail #2 - Image #1b - Image #2b - Image #3b Thumbnail #3 - Image #1c - Image #2c etc. So, when a user clicks on Thumbnail #1, it will display Image's #1a - #4a and stop. Thumbnail #2 loads Image's #1b - #3b, etc. I'm assuming I would have a hidden div that contains the children images. I apologize if this has been discussed before. I could not, for the life of me, find the answer. TIA! J
RE: [jQuery] Re: Debuging AJAX
I'm not sure whether this would be an issue with jQuery, but I'm sure you agree that setting the ID attribute of a DOM element to a value that starts with a digit is not correct, at least it does not produce valid XHTML. Best regards, Andreas
[jQuery] Cluetip Version 1.0.4 From Version 0.9.8
Hi all, Using ASP.NET 3.5 I recently upgraded my ClueTip js file. I created a few new cluetip instances around my site, and all seemed well, however, when I went to test one of the first pages I ever wrote (which used a cluetip from V0.9.8), I found that it had broken. This is the normal behaviour: I have dropdown list, with a small img next to it. On first load, the Title attribute of the img is set from the DB, as is the Rel Attribute. The Rel attribute is pointing towards an HTTP Handler at the server, where it finds some text and an image from the DB. It has a class of 'tip'. Cluetip is bound on document.ready. If I change the drop down list an ajax call will go back to the server, work out some pricing, and come back to my js script, whereupon it changes the html markup of the image attributes 'rel' and 'title'. The same script re-binds cluetip by calling a seprate function that simply binds all elements with a class of 'tip' to cluetip. Following this, the user can hover over the image and hey presto the cluetip is relevant to the drop list content. Now then, after updating to the new version of cluetip, I do not get this behaviour. Instead, when I canhge the dropdown list, the code makes its ajax call to the server, comes back with the price, changes the rel/title attributes and re-binds cluetip; but it seems this rebinding is breaking the code, and so the scripts stop working altogether. If I swap the js file for the old one, it works perfectly (although another part of the site that I wrote using the new js file doesn;t work with the old version!) I haven't a clue as to what's gone wrong, but I suspect it's to do with the rebind. I have checked the setting parameters to make sure that I am not calling anything old with the new code etc. I have checked my ajax calls, they are fine. It's definately a cluetip problem, caused by this upgrade but what could be so different?
[jQuery] jquery-1.3.2.min.js causing 400 bad request
Hi there, hoping someone can help a strange intermittent problem. Occasionally, I am experiencing 400 bad request errors when trying to load jquery-1.3.2.min.js. I have taken the request and response headers from firebug during a failure and a success. Does anyone have more experience than myself to analyse these for me please? I can see the differences but don't know how significant they are (such as the failure one saying Content-Type: text/html). ***LOAD FAILURE*** Date: Thu, 26 Nov 2009 19:04:51 GMT Content-Type: text/html Content-Length: 20 Cache-Control: no-store, no-cache Via: 1.1 ourwebsite.com (Access Gateway 3.1.0-420) Host: ourwebsite.com User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv: 1.9.1.5) Gecko/20091102 Firefox/3.5.5 (.NET CLR 3.5.30729) Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/ *;q=0.8 Accept-Language: en-us,en;q=0.5 Accept-Encoding: gzip,deflate Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7 Keep-Alive: 300 Connection: keep-alive Cookie: __utma=188525673.792568405.1258744191.1258744191.1258911751.2; __utmz=188525673.1258744191.1.1.utmcsr=(direct)|utmccn=(direct)|utmcmd= (none) If-Modified-Since: Fri, 06 Mar 2009 03:23:42 GMT If-None-Match: 073f8f2a9ec91:6f0 Cache-Control: max-age=0 SUCCESSFUL LOAD: Last-Modified: Fri, 06 Mar 2009 03:23:42 GMT Accept-Ranges: bytes Etag: 073f8f2a9ec91:6f0 Server: Microsoft-IIS/6.0 X-Powered-By: ASP.NET Date: Thu, 26 Nov 2009 19:06:49 GMT Content-Type: application/x-javascript Content-Length: 57254 Via: 1.1 ourwebsite.com (Access Gateway 3.1.0-420) Host: ourwebsite.com User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv: 1.9.1.5) Gecko/20091102 Firefox/3.5.5 (.NET CLR 3.5.30729) Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/ *;q=0.8 Accept-Language: en-us,en;q=0.5 Accept-Encoding: gzip,deflate Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7 Keep-Alive: 300 Connection: keep-alive Cookie: __utma=188525673.792568405.1258744191.1258744191.1258911751.2; __utmz=188525673.1258744191.1.1.utmcsr=(direct)|utmccn=(direct)|utmcmd= (none) Cache-Control: max-age=0
Re: [jQuery] IE balking at .siblings() - says 'Object does not support this property or method'
The first thing that caught my eye looking at your code is the missing var
on this line:
lg_pic = $(this).siblings('.lg_pic_name').html();
Surely you don't want to be creating a global variable here? It should be:
var lg_pic = $(this).siblings('.lg_pic_name').html();
It's even possible that this will fix your problem. Do you have an element
in your page with id=lg_pic? If so, this will fix it.
For every element ID in your page, IE creates a *read-only* property on the
window object with that name. So if you have an element with id=lg_pic,
then there is a window.lg_pic property that is read-only. When you try to
store a value into that property it will fail.
If that doesn't turn out to be it, can you please post a link to a test
page? It's awfully hard to troubleshoot a code snippet without seeing the
actual error in a live running page.
-Mike
On Thu, Nov 26, 2009 at 12:47 PM, Getzel far...@gmail.com wrote:
BH
I created a slider of thumbnail images. I write the image filepaths
directly into the HTML using PHP, so instead of using expandos I
placed a hidden div after each image containing the file name of the
large version to be shown onclick. Works fine in FF and Chrome. IE
stops at the first line in the function, at .siblings(). It throws an
error saying 'Object does not support this property or method.'
$('.pic_listing img').click(function(){
// Set the a variable with large image associated with
the thumb
lg_pic = $(this).siblings('.lg_pic_name').html();
// If it is not currently displayed
if($('#lg_pic_src').attr('src') != path+lg_pic){
//Hide Old Image
$('#lg_pic_src').css('display','none');
//Replace it
$('#lg_pic_src').attr('src',path+lg_pic);
// Display Loader img
$('#loader').css('z-index',1);
// Once its loaded, Hide Loader and FadeIn the
new image
$('#lg_pic_src').load(function () {
$('#loader').css('z-index',-1);
$('#lg_pic_src').fadeIn();
});
}
});
Anyone have any thoughts as to why IE would throw an error?
Other functions defined in the same file work fine.
Thanks,
Getzel
[jQuery] Re: csv2table
Hi Toshiro Takahashi
First i should say thanks to you for replying
Actually i need to read data from yahoo stock quotes and show it in my
website so can you guide me to get data.
http://download.finance.yahoo.com/d/quotes.csv?s=%5EIXICf=sl1d1t1c1ohgve=.csv
Pls in detail.
On Nov 27, 7:10 am, tato t...@game.gr.jp wrote:
By the way, the reason why csv2table cannot read the text file of the
other domain is because it uses $.get method of jQuery.
But I do not get along well even if I change $.get in $.getScript.
When capture a TCP packet, the data body arrives,; but csv data as for
the JavaScript is because is not it.
The method to obtain it thought, but a person distributing json in the
other domain is that it is easy first of all :p
--
Toshiro
Takahashihttp://plugins.jquery.com/project/csv2tablehttp://plugins.jquery.com/project/jQcharthttp://allabout.co.jp/internet/javascript/profile/mbiopage.htmhttp://jsgt.org/mt/01/
On 11月27日, 午前10:49, Toshiro Takahashi t...@game.gr.jp wrote:
Hi, Ram
Thank you for using my plugin.
On Thu, 26 Nov 2009 02:21:19 -0800 (PST)
Ram naviamarkets@gmail.com wrote:
I am new to jquery Its nice
in csv2table i need to get values dynamically from a particular url
everyminute ...
i dont know how to get from particular url (
www.websitename.com?asdfasdf.csv
) and generate table for that value.
Is the 'particular url' another Domain from yuor html?
You cannot read the csv when that is it.
If you can process the text file of the other domain, there is a method
you make it json not csv, and to access.
However, json does not implement it in csv2table.
If get time; I may make json2table if you are necessary.
$(function(){
$('#view1').csv2table('book12.csv');
});
any help will be appreciated ..
--
Toshiro
Takahashihttp://plugins.jquery.com/project/csv2tablehttp://plugins.jquery.com/...
Re: [jQuery] Comparing or checking for a specific sub class?
I think the method you're looking for is .not():
http://docs.jquery.com/Traversing/not
Also, there is a shortcut for your mouseenter/mouseleave pattern called
.hover():
http://docs.jquery.com/Events/hover
If you look at the source code for .hover(), you can see that it is
literally a wrapper for the two mouse events:
hover: function(fnOver, fnOut) {
return this.mouseenter(fnOver).mouseleave(fnOut);
},
One other concern: It is invalid HTML to have a DIV element inside an A
element. DIV is a block-level element and A is an inline element. You cannot
have a block-level element inside an inline element. It will probably work
in most browsers, but it's possible that some browser may decide to
rearrange your elements to create a valid result.
Setting that aside, your code might end up looking like:
script type=text/javascript
$(document).ready(function() {
$('.page_item').not('.current_page_item').hover(
function() { $(this).children('a').children('div').fadeIn(0); },
function() { $(this).children('a').children('div').fadeOut(200);
}
);
});
/script
You could also (again ignoring the invalid HTML problem) simplify the
.children bit like this:
$(this).find('adiv').fadeIn (or fadeOut)
There's no advantage to that other than brevity, so if you prefer the
.children().children() approach that's fine too.
-Mike
On Thu, Nov 26, 2009 at 2:39 PM, Janmansilver jan.poul...@gmail.com wrote:
I have a menu looking like this:
li class=page_item current_page_item.../li
li class=page_item.../li
li class=page_item.../li
and so on...
I then have a mouseenter function that highlights/de-highlights the
various menu items, but I would like to not having it affect the item
with the extra class current_page_item. How do I solve this?
my current code:
script type=text/javascript
$(document).ready(function() {
$('.page_item').mouseenter(function(e) {
$(this).children('a').children('div').fadeIn(0);
}).mouseleave(function(e) {
$(this).children('a').children('div').fadeOut(200);
});
});
/script
