[jQuery] Am i missing something? tis not working in IE
Hi
Everything is working as it should in Firefox, i've checked the
firebug and its not spitting out any errors.
Except in IE its not working...
Can someone please have a look at my code and tell me if i'm missing
somethin gplease.
Thank-you in advance.
Jess.
Here is the scripts.. in order.
script type=text/javascript src=http://ajax.googleapis.com/ajax/
libs/jquery/1.3.2/jquery.min.js/script
script type=text/javascript src=skins/{VAL_SKIN}/jquery.easing.
1.3.js/script
script type=text/javascript src=skins/{VAL_SKIN}/
jquery.fancybox-1.2.1.pack.js/script
script type=text/javascript src=skins/{VAL_SKIN}/effects.js/
script
Here is all my code
jQuery(function($) {
function getLeaf(url) {
var splited=url.split('?');// remove all the parameter from url
url=splited[0];
url=splited[0];
return url.substring(url.lastIndexOf(/)+1);// return file name
}
jQuery.fn.extend({
enter: function() {//plugins creation
return this.each(function() {
var pth = $(this).find(img)[0];
//alert($(this).children().attr(href));
if($(this).children().attr(href)==getLeaf
(document.location.href)){// check that the link url and document url
$(pth).attr(src,pth.src.replace(/.gif/g, '_active.gif'));
} else{
$(this).hover(function(){
$(pth).attr(src,pth.src.replace(/.gif/
g,'_active.gif'));// mouse over Image
},function(){
$(pth).attr(src,pth.src.replace(/_active.gif/
g,'.gif'));
});
}
});
}
});
$(function(){ // Document is ready
$(.LPButton,.CatMoreBtn).enter();// call the function
});
$('input[type=image]').hover(
function () { $(this).attr(src, $(this).attr(src).split('-
off').join('-on')); },
function () { $(this).attr(src, $(this).attr(src).split('-
on').join('-off')); }
);
});
$(function(){ // Document is ready
$(a.group).fancybox({
'overlayShow' : true,
'zoomSpeedIn' : 600,
'zoomSpeedOut' : 500,
});
});
It works fine if i delete this part
$(function(){ // Document is ready
$(a.group).fancybox({
'overlayShow' : true,
'zoomSpeedIn' : 600,
'zoomSpeedOut' : 500,
});
});
So i must be missing something here.
Thanks
[jQuery] Re: easing 1.3 plugin how to implement pls?
Thanx Richard,
Well its all now working apart from IE!
Everything seems to flow fine in Firefox but none of it works in IE
after i implemented this to my effects.js
$(function(){ // Document is ready
$(a.group).fancybox({
'overlayShow' : true,
'zoomSpeedIn' : 600,
'zoomSpeedOut' : 500,
});
});
Jess :)
On Oct 20, 7:15 pm, Richard D. Worth rdwo...@gmail.com wrote:
Looking at the 'Available Options' onhttp://fancybox.net/howto, my guess
would be one of these settings:
easingIn, easingOut, easingChange Easing used for animations
- Richard
On Mon, Oct 19, 2009 at 8:10 AM, jessie mi...@optusnet.com.au wrote:
Ok after reading a bit i know realise that i have to animate and add
the motion
Does anyone know how i would do this please?
This is what i have for my fancybox to which i'd like to animate
differently to the standard swing.
jQuery(function($) {
$(a.group).fancybox({ overlayShow : true });});
Thanx
Jess
On Oct 19, 9:23 am, jessie mi...@optusnet.com.au wrote:
Hi
I have fancybox lightbox installed and i wanted a different transition
effect. So i've installed theeasing1.3 plugin
I have read and re-read the instructions but i don't really understand
where i need to make the change for it to take effect.
Its all loading fine so there are no problems there.
Here is the instructions.http://gsgd.co.uk/sandbox/jquery/easing/
Usage
Default
Choose a defaulteasingmethod to overwrite the standard 'swing'
animation. Theeasingdefault is 'easeOutQuad', specify your own using
the following:
jQuery.easing.def = string;
Where string is one of the equation names. The old swing function is
renamed to jswing.
U yes, and where do I make this change? And not sure I know what a
string is but I thought it would be any othereasingfunction such as
‘easeInSine’ etc. no? but where exactly do I put it? am i suppose to
edit the plugin or have another js file with those commands?
Thanks
Jess- Hide quoted text -
- Show quoted text -
[jQuery] Re: Am i missing something? tis not working in IE
Thank-you.
It was the trailing comma after 500
Simple but nasty to find! LOL
Thanx
Jess
On Oct 20, 11:12 pm, MorningZ morni...@gmail.com wrote:
Can you be more specific than dumping a bunch of lines of code and
saying doesn't work... like can you pin down a general location of
where it might be failing?
one thing that stands out is the use of enter as a function name,
and IE and reserved words like that don't play nice, try Enter or
something that has no chance to conflict. again, that's just a
wild guess though
On Oct 20, 5:40 am, jessie mi...@optusnet.com.au wrote:
Hi
Everything is working as it should in Firefox, i've checked the
firebug and its not spitting out any errors.
Except in IE its not working...
Can someone please have a look at my code and tell me if i'm missing
somethin gplease.
Thank-you in advance.
Jess.
Here is the scripts.. in order.
script type=text/javascript src=http://ajax.googleapis.com/ajax/
libs/jquery/1.3.2/jquery.min.js/script
script type=text/javascript src=skins/{VAL_SKIN}/jquery.easing.
1.3.js/script
script type=text/javascript src=skins/{VAL_SKIN}/
jquery.fancybox-1.2.1.pack.js/script
script type=text/javascript src=skins/{VAL_SKIN}/effects.js/
script
Here is all my code
jQuery(function($) {
function getLeaf(url) {
var splited=url.split('?');// remove all the parameter from url
url=splited[0];
url=splited[0];
return url.substring(url.lastIndexOf(/)+1);// return file name}
jQuery.fn.extend({
enter: function() {//plugins creation
return this.each(function() {
var pth = $(this).find(img)[0];
//alert($(this).children().attr(href));
if($(this).children().attr(href)==getLeaf
(document.location.href)){// check that the link url and document url
$(pth).attr(src,pth.src.replace(/.gif/g, '_active.gif'));
} else{
$(this).hover(function(){
$(pth).attr(src,pth.src.replace(/.gif/
g,'_active.gif'));// mouse over Image
},function(){
$(pth).attr(src,pth.src.replace(/_active.gif/
g,'.gif'));
});
}
});
}});
$(function(){ // Document is ready
$(.LPButton,.CatMoreBtn).enter();// call the function});
$('input[type=image]').hover(
function () { $(this).attr(src,
$(this).attr(src).split('-
off').join('-on')); },
function () { $(this).attr(src,
$(this).attr(src).split('-
on').join('-off')); }
);});
$(function(){ // Document is ready
$(a.group).fancybox({
'overlayShow' : true,
'zoomSpeedIn' : 600,
'zoomSpeedOut' : 500,
});
});
It works fine if i delete this part
$(function(){ // Document is ready
$(a.group).fancybox({
'overlayShow' : true,
'zoomSpeedIn' : 600,
'zoomSpeedOut' : 500,
});
});
So i must be missing something here.
Thanks- Hide quoted text -
- Show quoted text -
[jQuery] Re: easing 1.3 plugin how to implement pls?
yes i found the solution just 10 min ago on the fancybox groups !
It was a nasty, nasty thing i would of never figured it out! yet
so simple!
Thanx by the way.
Jess.
On Oct 20, 11:13 pm, Charlie charlie...@gmail.com wrote:
take out trailing comma after 500
IE will throw error every time on trailing commas
jessie wrote:Thanx Richard, Well its all now working apart from IE!
Everything seems to flow fine in Firefox but none of it works in IE after i
implemented this to my effects.js $(function(){ // Document is ready
$(a.group).fancybox({ 'overlayShow' : true, 'zoomSpeedIn' : 600,
'zoomSpeedOut' : 500, }); }); Jess :) On Oct 20, 7:15 pm, Richard D.
Worthrdwo...@gmail.comwrote:Looking at the 'Available Options'
onhttp://fancybox.net/howto, my guess would be one of these settings:
easingIn, easingOut, easingChange Easing used for animations - Richard On
Mon, Oct 19, 2009 at 8:10 AM, jessiemi...@optusnet.com.auwrote:Ok after
reading a bit i know realise that i have to animate and add the motionDoes
anyone know how i would do this please?This is what i have for my fancybox to
which i'd like to animate differently to the standard
swing.jQuery(function($) { $(a.group).fancybox({ overlayShow : true
});});Thanx JessOn Oct 19, 9:23 am, jessiemi...@optusnet.com.auwrote:HiI
have fancybox lightbox installed and i wanted a different transition effect.
So i've installed theeasing1.3 pluginI have read and re-read the instructions
but i don't really understand where i need to make the change for it to take
effect.Its all loading fine so there are no problems there.Here is the
instructions.http://gsgd.co.uk/sandbox/jquery/easing/Usage Default Choose a
defaulteasingmethod to overwrite the standard 'swing' animation.
Theeasingdefault is 'easeOutQuad', specify your own using the following:
jQuery.easing.def = string; Where string is one of the equation names. The
old swing function is renamed to jswing.U yes, and where do I make this
change? And not sure I know what a string is but I thought it would be any
othereasingfunction such as ‘easeInSine’ etc. no? but where exactly do I put
it? am i suppose to edit the plugin or have another js file with those
commands?Thanks Jess- Hide quoted text -- Show quoted text -
[jQuery] Re: easing 1.3 plugin how to implement pls?
Ok after reading a bit i know realise that i have to animate and add
the motion
Does anyone know how i would do this please?
This is what i have for my fancybox to which i'd like to animate
differently to the standard swing.
jQuery(function($) {
$(a.group).fancybox({ overlayShow : true });});
Thanx
Jess
On Oct 19, 9:23 am, jessie mi...@optusnet.com.au wrote:
Hi
I have fancybox lightbox installed and i wanted a different transition
effect. So i've installed theeasing1.3 plugin
I have read and re-read the instructions but i don't really understand
where i need to make the change for it to take effect.
Its all loading fine so there are no problems there.
Here is the instructions.http://gsgd.co.uk/sandbox/jquery/easing/
Usage
Default
Choose a defaulteasingmethod to overwrite the standard 'swing'
animation. Theeasingdefault is 'easeOutQuad', specify your own using
the following:
jQuery.easing.def = string;
Where string is one of the equation names. The old swing function is
renamed to jswing.
U yes, and where do I make this change? And not sure I know what a
string is but I thought it would be any othereasingfunction such as
‘easeInSine’ etc. no? but where exactly do I put it? am i suppose to
edit the plugin or have another js file with those commands?
Thanks
Jess
[jQuery] Re: easing 1.3 plugin how to implement pls?
Bump * anyone please? On Oct 19, 9:23 am, jessie mi...@optusnet.com.au wrote: Hi I have fancybox lightbox installed and i wanted a different transition effect. So i've installed the easing 1.3 plugin I have read and re-read the instructions but i don't really understand where i need to make the change for it to take effect. Its all loading fine so there are no problems there. Here is the instructions.http://gsgd.co.uk/sandbox/jquery/easing/ Usage Default Choose a default easing method to overwrite the standard 'swing' animation. The easing default is 'easeOutQuad', specify your own using the following: jQuery.easing.def = string; Where string is one of the equation names. The old swing function is renamed to jswing. U yes, and where do I make this change? And not sure I know what a string is but I thought it would be any other easing function such as ‘easeInSine’ etc. no? but where exactly do I put it? am i suppose to edit the plugin or have another js file with those commands? Thanks Jess
[jQuery] easing 1.3 plugin how to implement pls?
Hi I have fancybox lightbox installed and i wanted a different transition effect. So i've installed the easing 1.3 plugin I have read and re-read the instructions but i don't really understand where i need to make the change for it to take effect. Its all loading fine so there are no problems there. Here is the instructions. http://gsgd.co.uk/sandbox/jquery/easing/ Usage Default Choose a default easing method to overwrite the standard 'swing' animation. The easing default is 'easeOutQuad', specify your own using the following: jQuery.easing.def = string; Where string is one of the equation names. The old swing function is renamed to jswing. U yes, and where do I make this change? And not sure I know what a string is but I thought it would be any other easing function such as ‘easeInSine’ etc. no? but where exactly do I put it? am i suppose to edit the plugin or have another js file with those commands? Thanks Jess
[jQuery] Re: My code is not working getting an error missing )
Ok so this is what i want to do and can't achieve.
I have images that i'd like to rollover here is the markup for both
of those instances, 1 is a button and the other is just a hyperlink
div class=LPButtona href=index.php?act=viewProdamp;productId=
{VAL_PRODUCT_ID} target=_selfimg src=skins/{VAL_SKIN}/
styleImages/buttons/LPmore.png alt=More border=0 //a/div
form action={FORM_METHOD} method=post
input name=email type=text size=14 maxlength=255
class=textboxMail value={LANG_EMAIL_ADDRESS}
onclick=this.value=''; /
input type=hidden name=act value=mailList /
br /
input type=image src=skins/{VAL_SKIN}/styleImages/buttons/joinnow-
off.gif alt=Join Now /
/form
it was all working fine until i applied the png fix. which is
jquery.pngFix which i downloaded from here
http://jquery.andreaseberhard.de/pngFix/
Now i don't know how to fix this i have tried and tried and can't
understand what i would need to do to make this all work.
I need to use jquery because i want to keep my alt and title tags
behind my images.
Here is the code i have. which is not working in IE
jQuery(function($) {
function getLeaf(url) {
var splited=url.split('?');// remove all the parameter from url
url=splited[0];
return url.substring(url.lastIndexOf(/)+1);// return file name
}
jQuery.fn.extend({
enter: function() {//plugins creation
return this.each(function() {
var pth = $(this).find(img)[0];
//alert($(this).children().attr(href));
if($(this).children().attr(href)==getLeaf
(document.location.href)){// check that the link url and document url
$(pth).attr(src,pth.src.replace(/.png/g, '_active.png'));
} else{
$(this).hover(function(){
$(pth).attr(src,pth.src.replace(/.png/
g,'_active.png'));// mouse over Image
},function(){
$(pth).attr(src,pth.src.replace(/_active.png/
g,'.png'));
});
}
});
}
});
$(function(){ // Document is ready
$(.LPButton,.CatMoreBtn).enter();// call the function
});
$('input[type=image]').hover(
function () { $(this).attr(src, $(this).attr(src).split('-
off').join('-on')); },
function () { $(this).attr(src, $(this).attr(src).split('-
on').join('-off')); }
);
});
jQuery(document).ready(function($){
$('div.LPButton, div.CatMoreBtn, div.CatBuyBtn').pngFix( );
});
Jess
On Oct 11, 2:18 pm, jessie mi...@optusnet.com.au wrote:
Hi Rick
Thank-you very much yes it did get rid of the error. I'm also
checking it in firebug and i can't see the other error your getting
ie.
$(div.LPButton, div.CatMoreBtn, div.CatBuyBtn).pngFix() is not a
function
Nevertheless the error is gone but now my hovering images don't work!
Any reason why this is happening?
Thank-you!
Jess
On Oct 11, 1:15 pm, Rick Faircloth r...@whitestonemedia.com wrote:
Well, let's check the bracketing... (I need to format this
so I can read it more easily...)
jQuery(function($) {
function getLeaf(url) {
var splited=url.split('?');
url=splited[0]; return url.substring(url.lastIndexOf(/)+1);
} jQuery.fn.extend({
enter: function() {
return this.each(function() {
var pth = $(this).find(img)[0];
if ( $(this).children().attr(href) ==
getLeaf(document.location.href) )
{ $(pth).attr(src,pth.src.replace(/.png/g,
'_active.png')); }
else { $(this).hover(function() {
$(pth).attr(src,pth.src.replace(/.png/g,'_active.png'));
},function() {
$(pth).attr(src,pth.src.replace(/_active.png/g,'.png'));
});
}
});
}
});
});
jQuery(document).ready(function($){
$('div.LPButton, div.CatMoreBtn, div.CatBuyBtn').pngFix();
});
jQuery(document).ready(function($) {
$(.button).hover(function() {
$(.button).addClass(imgbuttonhover);
$(.button).removeClass(imgbutton);
}, function() {
$(.button).addClass(imgbutton);
$(.button).removeClass(imgbuttonhover);
}
)
});
After working with this in my editor, this is the bracketing that I used
to eliminate the error you were getting.
Now, however, I get this error in Firebug:
$(div.LPButton, div.CatMoreBtn, div.CatBuyBtn).pngFix() is not a function
If you copy the code above and put it in your editor, does the bracketing
error go away?
Rick
-Original Message-
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
Behalf Of jessie
Sent: Saturday, October 10, 2009 10:12 PM
To: jQuery (English)
Subject: [jQuery] Re: My code is not working getting an error missing )
yes the only error now i'm getting
[jQuery] Re: My code is not working getting an error missing )
bump* anyone? ;)
On Oct 11, 4:43 pm, jessie mi...@optusnet.com.au wrote:
Ok so this is what i want to do and can't achieve.
I have images that i'd like to rollover here is the markup for both
of those instances, 1 is a button and the other is just a hyperlink
div class=LPButtona href=index.php?act=viewProdamp;productId=
{VAL_PRODUCT_ID} target=_selfimg src=skins/{VAL_SKIN}/
styleImages/buttons/LPmore.png alt=More border=0 //a/div
form action={FORM_METHOD} method=post
input name=email type=text size=14 maxlength=255
class=textboxMail value={LANG_EMAIL_ADDRESS}
onclick=this.value=''; /
input type=hidden name=act value=mailList /
br /
input type=image src=skins/{VAL_SKIN}/styleImages/buttons/joinnow-
off.gif alt=Join Now /
/form
it was all working fine until i applied the png fix. which is
jquery.pngFix which i downloaded from
herehttp://jquery.andreaseberhard.de/pngFix/
Now i don't know how to fix this i have tried and tried and can't
understand what i would need to do to make this all work.
I need to use jquery because i want to keep my alt and title tags
behind my images.
Here is the code i have. which is not working in IE
jQuery(function($) {
function getLeaf(url) {
var splited=url.split('?');// remove all the parameter from url
url=splited[0];
return url.substring(url.lastIndexOf(/)+1);// return file name}
jQuery.fn.extend({
enter: function() {//plugins creation
return this.each(function() {
var pth = $(this).find(img)[0];
//alert($(this).children().attr(href));
if($(this).children().attr(href)==getLeaf
(document.location.href)){// check that the link url and document url
$(pth).attr(src,pth.src.replace(/.png/g, '_active.png'));
} else{
$(this).hover(function(){
$(pth).attr(src,pth.src.replace(/.png/
g,'_active.png'));// mouse over Image
},function(){
$(pth).attr(src,pth.src.replace(/_active.png/
g,'.png'));
});
}
});
}});
$(function(){ // Document is ready
$(.LPButton,.CatMoreBtn).enter();// call the function});
$('input[type=image]').hover(
function () { $(this).attr(src, $(this).attr(src).split('-
off').join('-on')); },
function () { $(this).attr(src, $(this).attr(src).split('-
on').join('-off')); }
);});
jQuery(document).ready(function($){
$('div.LPButton, div.CatMoreBtn, div.CatBuyBtn').pngFix( );
});
Jess
On Oct 11, 2:18 pm, jessie mi...@optusnet.com.au wrote:
Hi Rick
Thank-you very much yes it did get rid of the error. I'm also
checking it in firebug and i can't see the other error your getting
ie.
$(div.LPButton, div.CatMoreBtn, div.CatBuyBtn).pngFix() is not a
function
Nevertheless the error is gone but now my hovering images don't work!
Any reason why this is happening?
Thank-you!
Jess
On Oct 11, 1:15 pm, Rick Faircloth r...@whitestonemedia.com wrote:
Well, let's check the bracketing... (I need to format this
so I can read it more easily...)
jQuery(function($) {
function getLeaf(url) {
var splited=url.split('?');
url=splited[0]; return url.substring(url.lastIndexOf(/)+1);
} jQuery.fn.extend({
enter: function() {
return this.each(function() {
var pth = $(this).find(img)[0];
if ( $(this).children().attr(href) ==
getLeaf(document.location.href) )
{ $(pth).attr(src,pth.src.replace(/.png/g,
'_active.png')); }
else { $(this).hover(function() {
$(pth).attr(src,pth.src.replace(/.png/g,'_active.png'));
},function() {
$(pth).attr(src,pth.src.replace(/_active.png/g,'.png'));
});
}
});
}
});
});
jQuery(document).ready(function($){
$('div.LPButton, div.CatMoreBtn, div.CatBuyBtn').pngFix();
});
jQuery(document).ready(function($) {
$(.button).hover(function() {
$(.button).addClass(imgbuttonhover);
$(.button).removeClass(imgbutton);
}, function() {
$(.button).addClass(imgbutton);
$(.button).removeClass(imgbuttonhover);
}
)
});
After working with this in my editor, this is the bracketing that I used
to eliminate the error you were getting.
Now, however, I get this error in Firebug:
$(div.LPButton, div.CatMoreBtn, div.CatBuyBtn).pngFix() is not a
function
If you copy the code above and put it in your editor, does the bracketing
error go away?
Rick
-Original Message-
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com
[jQuery] My code is not working getting an error missing )
Hi Everyone
I have been given this code to add to my effects.js
$(.button).hover(function() {
$(.button).addClass(imgbuttonhover);
$(.button).removeClass(imgbutton);
}, function() {
$(.button).addClass(imgbutton);
$(.button).removeClass(imgbuttonhover);
}
But when i add it to my file i get this error via firefox.
missing ) after argument list
[Break on this error] }\n
Can someone please tell me what i'm missing?
Thank-you.
Jess
[jQuery] Re: My code is not working getting an error missing )
ok thanx guys, except that didn't resolve the problem.
I've posted about this before, and still can't get a way around it
all.
For starters this is what i currently have.
jQuery(function($) {
function getLeaf(url) {
var splited=url.split('?');// remove all the parameter from url
url=splited[0];
return url.substring(url.lastIndexOf(/)+1);// return file name
}
jQuery.fn.extend({
enter: function() {//plugins creation
return this.each(function() {
var pth = $(this).find(img)[0];
//alert($(this).children().attr(href));
if($(this).children().attr(href)==getLeaf
(document.location.href)){// check that the link url and document url
$(pth).attr(src,pth.src.replace(/.png/g, '_active.png'));
} else{
$(this).hover(function(){
$(pth).attr(src,pth.src.replace(/.png/
g,'_active.png'));// mouse over Image
},function(){
$(pth).attr(src,pth.src.replace(/_active.png/
g,'.png'));
});
}
});
}
});
jQuery(document).ready(function($){
$('div.LPButton, div.CatMoreBtn, div.CatBuyBtn').pngFix( );
});
jQuery(document).ready(function($) {
$(.button).hover(function() {
$(.button).addClass(imgbuttonhover);
$(.button).removeClass(imgbutton);
}, function() {
$(.button).addClass(imgbutton);
$(.button).removeClass(imgbuttonhover);
}
)
and its still spitting out an error.
Second of all this is what i want to do.
I want any image that is not associated with a form and is only a
hyperlink to rollover using a png fix for ie6.
I also have forms on my ecommerce site and i need to style these the
same way. So my *buttons within a form* need to also rollover using a
png fix.
I have been at this for the past week and a half and still can't get
it to work for all.
The code i have above i've put together from other ppl who have helped
me with my problem of rolling images and buttons.
Hope someone can help me figure this one out once and for all.
I'm very very new to jquery and the reason i'd like to use it is
because i want to keep my alt and title text behind my image rollovers
such as buttons ;-)
Jess :)
On Oct 11, 11:45 am, Rick Faircloth r...@whitestonemedia.com
wrote:
Now, Matt! I just knew by the time I typed up a long-winded reply,
someone would come along and give the short, to-the-point, answer. :op
:o)
Rick
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
Behalf Of Matt Quackenbush
Sent: Saturday, October 10, 2009 9:32 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: My code is not working getting an error missing )
Add a ) to the end. You have to close the opening hover() function call.
[jQuery] Re: My code is not working getting an error missing )
yes the only error now i'm getting is
missing } after function body
[Break on this error] )
Jess
On Oct 11, 12:08 pm, Rick Faircloth r...@whitestonemedia.com
wrote:
and the only error you're getting is that a ) is missing?
-Original Message-
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
Behalf Of jessie
Sent: Saturday, October 10, 2009 9:57 PM
To: jQuery (English)
Subject: [jQuery] Re: My code is not working getting an error missing )
ok thanx guys, except that didn't resolve the problem.
I've posted about this before, and still can't get a way around it
all.
For starters this is what i currently have.
jQuery(function($) {
function getLeaf(url) {
var splited=url.split('?');// remove all the parameter from url
url=splited[0];
return url.substring(url.lastIndexOf(/)+1);// return file name
}
jQuery.fn.extend({
enter: function() {//plugins creation
return this.each(function() {
var pth = $(this).find(img)[0];
//alert($(this).children().attr(href));
if($(this).children().attr(href)==getLeaf
(document.location.href)){// check that the link url and document url
$(pth).attr(src,pth.src.replace(/.png/g, '_active.png'));
} else{
$(this).hover(function(){
$(pth).attr(src,pth.src.replace(/.png/
g,'_active.png'));// mouse over Image
},function(){
$(pth).attr(src,pth.src.replace(/_active.png/
g,'.png'));
});
}
});
}
});
jQuery(document).ready(function($){
$('div.LPButton, div.CatMoreBtn, div.CatBuyBtn').pngFix( );
});
jQuery(document).ready(function($) {
$(.button).hover(function() {
$(.button).addClass(imgbuttonhover);
$(.button).removeClass(imgbutton);
}, function() {
$(.button).addClass(imgbutton);
$(.button).removeClass(imgbuttonhover);
}
)
and its still spitting out an error.
Second of all this is what i want to do.
I want any image that is not associated with a form and is only a
hyperlink to rollover using a png fix for ie6.
I also have forms on my ecommerce site and i need to style these the
same way. So my *buttons within a form* need to also rollover using a
png fix.
I have been at this for the past week and a half and still can't get
it to work for all.
The code i have above i've put together from other ppl who have helped
me with my problem of rolling images and buttons.
Hope someone can help me figure this one out once and for all.
I'm very very new to jquery and the reason i'd like to use it is
because i want to keep my alt and title text behind my image rollovers
such as buttons ;-)
Jess :)
On Oct 11, 11:45 am, Rick Faircloth r...@whitestonemedia.com
wrote:
Now, Matt! I just knew by the time I typed up a long-winded reply,
someone would come along and give the short, to-the-point, answer. :op
:o)
Rick
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
Behalf Of Matt Quackenbush
Sent: Saturday, October 10, 2009 9:32 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: My code is not working getting an error missing )
Add a ) to the end. You have to close the opening hover() function call.
[jQuery] Re: My code is not working getting an error missing )
Hi Rick
Thank-you very much yes it did get rid of the error. I'm also
checking it in firebug and i can't see the other error your getting
ie.
$(div.LPButton, div.CatMoreBtn, div.CatBuyBtn).pngFix() is not a
function
Nevertheless the error is gone but now my hovering images don't work!
Any reason why this is happening?
Thank-you!
Jess
On Oct 11, 1:15 pm, Rick Faircloth r...@whitestonemedia.com wrote:
Well, let's check the bracketing... (I need to format this
so I can read it more easily...)
jQuery(function($) {
function getLeaf(url) {
var splited=url.split('?');
url=splited[0]; return url.substring(url.lastIndexOf(/)+1);
} jQuery.fn.extend({
enter: function() {
return this.each(function() {
var pth = $(this).find(img)[0];
if ( $(this).children().attr(href) ==
getLeaf(document.location.href) )
{ $(pth).attr(src,pth.src.replace(/.png/g,
'_active.png')); }
else { $(this).hover(function() {
$(pth).attr(src,pth.src.replace(/.png/g,'_active.png'));
},function() {
$(pth).attr(src,pth.src.replace(/_active.png/g,'.png'));
});
}
});
}
});
});
jQuery(document).ready(function($){
$('div.LPButton, div.CatMoreBtn, div.CatBuyBtn').pngFix();
});
jQuery(document).ready(function($) {
$(.button).hover(function() {
$(.button).addClass(imgbuttonhover);
$(.button).removeClass(imgbutton);
}, function() {
$(.button).addClass(imgbutton);
$(.button).removeClass(imgbuttonhover);
}
)
});
After working with this in my editor, this is the bracketing that I used
to eliminate the error you were getting.
Now, however, I get this error in Firebug:
$(div.LPButton, div.CatMoreBtn, div.CatBuyBtn).pngFix() is not a function
If you copy the code above and put it in your editor, does the bracketing
error go away?
Rick
-Original Message-
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
Behalf Of jessie
Sent: Saturday, October 10, 2009 10:12 PM
To: jQuery (English)
Subject: [jQuery] Re: My code is not working getting an error missing )
yes the only error now i'm getting is
missing } after function body
[Break on this error] )
Jess
On Oct 11, 12:08 pm, Rick Faircloth r...@whitestonemedia.com
wrote:
and the only error you're getting is that a ) is missing?
-Original Message-
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
Behalf Of jessie
Sent: Saturday, October 10, 2009 9:57 PM
To: jQuery (English)
Subject: [jQuery] Re: My code is not working getting an error missing )
ok thanx guys, except that didn't resolve the problem.
I've posted about this before, and still can't get a way around it
all.
For starters this is what i currently have.
jQuery(function($) {
function getLeaf(url) {
var splited=url.split('?');// remove all the parameter from url
url=splited[0];
return url.substring(url.lastIndexOf(/)+1);// return file name
}
jQuery.fn.extend({
enter: function() {//plugins creation
return this.each(function() {
var pth = $(this).find(img)[0];
//alert($(this).children().attr(href));
if($(this).children().attr(href)==getLeaf
(document.location.href)){// check that the link url and document url
$(pth).attr(src,pth.src.replace(/.png/g, '_active.png'));
} else{
$(this).hover(function(){
$(pth).attr(src,pth.src.replace(/.png/
g,'_active.png'));// mouse over Image
},function(){
$(pth).attr(src,pth.src.replace(/_active.png/
g,'.png'));
});
}
});
}
});
jQuery(document).ready(function($){
$('div.LPButton, div.CatMoreBtn, div.CatBuyBtn').pngFix(
);
});
jQuery(document).ready(function($) {
$(.button).hover(function() {
$(.button).addClass(imgbuttonhover);
$(.button).removeClass(imgbutton);
}, function() {
$(.button).addClass(imgbutton);
$(.button).removeClass(imgbuttonhover);
}
)
and its still spitting out an error.
Second of all this is what i want to do.
I want any image that is not associated with a form and is only a
hyperlink to rollover using a png fix for ie6.
I also have forms on my ecommerce site and i need to style these the
same way. So my *buttons within a form* need to also rollover using a
png fix.
I have been at this for the past week and a half and still can't get
it to work for all.
The code i have above i've put together from other ppl who have helped
me with my problem of rolling images and buttons.
Hope someone can
[jQuery] Re: My code is not working for rollover
I would if there were ways to keep my alt text so users can browse
with iimages off.
But there is no work around so i have opted to use jquery.
So is there a way to make this work using jquery?
Thanks
Jess
On Oct 9, 5:15 pm, Jonathan Vanherpe (T T NV) jonat...@tnt.be
wrote:
use css rollovers instead
jessie wrote:
Hi
I had it all working and now its not :(
My problem now lies with the hovering over my 2 classes
ie. .LPButton,.CatMoreBtn its just not hovering! and i'd like to
make this work for me so i can have not only png's rollover but, gifs
and jpgs but i have no clue where to put the additional code.
Any help would be much much appreciated.
This is what i have for jquery so far.
jQuery(function($) {
function getLeaf(url) {
var splited=url.split('?');// remove all the parameter from url
url=splited[0];
return url.substring(url.lastIndexOf(/)+1);// return file name
without domain and path
}
jQuery.fn.extend({
enter: function() {//plugins creation
return this.each(function() {
var pth = $(this).find(img)[0];
//alert($(this).children().attr(href));
if($(this).children().attr(href)==getLeaf
(document.location.href)){// check that the link url and document url
is same
$(pth).attr(src,pth.src.replace(/.png/g, '_active.png'));
} else{
$(this).hover(function(){
$(pth).attr(src,pth.src.replace(/.png/g,
'_active.png'));// mouse over Image
},function(){
$(pth).attr(src,pth.src.replace(/_active.png/
g, '.png'));// mouse out image
});
}
});
}
});
$(function(){ // Document is ready
$(.LPButton,.CatMoreBtn).enter();// call the function
});
$('input[type=image]').hover(
function () { $(this).attr(src, $(this).attr(src).split('-
off').join('-on')); },
function () { $(this).attr(src, $(this).attr(src).split('-
on').join('-off')); }
);
});
jQuery(function($) {
$(document).pngFix();
});
Jess
--
Jonathan Vanherpe - Tallieu Tallieu NV - jonat...@tnt.be
[jQuery] Re: My code is not working for rollover
Thanks Guys, but yes i do want to keep my alt and title tags.
I've tried everything today... but i'm very new to jquery and don't
fully comprehend how to put things together.
I have used supersleight before for IE6 and it worked a charm except
now it doesn't work because i'm using jquery.
Anyways, i have tried implementing this script also but it just
doesn't work in IE6.
http://allinthehead.com/retro/338/supersleight-jquery-plugin
I think its conflicting with my other code for input type= image
Or it could be that i have set it up incorrectly this is what i
have in my markup to call the doc's.
script type=text/javascript src=http://ajax.googleapis.com/ajax/
libs/jquery/1.3.2/jquery.min.js/script
script type=text/javascript src=skins/{VAL_SKIN}/
supersleight.plugin.js/script
script type=text/javascript src=skins/{VAL_SKIN}/effects.js/
script
script type=text/javascript src=js/prototype.js/script
script type=text/javascript src=js/jslibrary.js/script
script type=text/javascript src=js/scriptaculous.js?
load=effects,builder/script
script type=text/javascript src=js/lightbox.js/script
I'm s lost and need to get these rollovers to work on all my
links. but also have png transparencies for ie6.
Any help would be so appreciated :)
Thansk
Jess
On Oct 9, 7:03 pm, jessie mi...@optusnet.com.au wrote:
I would if there were ways to keep my alt text so users can browse
with iimages off.
But there is no work around so i have opted to use jquery.
So is there a way to make this work using jquery?
Thanks
Jess
On Oct 9, 5:15 pm, Jonathan Vanherpe (T T NV) jonat...@tnt.be
wrote:
use css rollovers instead
jessie wrote:
Hi
I had it all working and now its not :(
My problem now lies with the hovering over my 2 classes
ie. .LPButton,.CatMoreBtn its just not hovering! and i'd like to
make this work for me so i can have not only png's rollover but, gifs
and jpgs but i have no clue where to put the additional code.
Any help would be much much appreciated.
This is what i have for jquery so far.
jQuery(function($) {
function getLeaf(url) {
var splited=url.split('?');// remove all the parameter from url
url=splited[0];
return url.substring(url.lastIndexOf(/)+1);// return file name
without domain and path
}
jQuery.fn.extend({
enter: function() {//plugins creation
return this.each(function() {
var pth = $(this).find(img)[0];
//alert($(this).children().attr(href));
if($(this).children().attr(href)==getLeaf
(document.location.href)){// check that the link url and document url
is same
$(pth).attr(src,pth.src.replace(/.png/g, '_active.png'));
} else{
$(this).hover(function(){
$(pth).attr(src,pth.src.replace(/.png/g,
'_active.png'));// mouse over Image
},function(){
$(pth).attr(src,pth.src.replace(/_active.png/
g, '.png'));// mouse out image
});
}
});
}
});
$(function(){ // Document is ready
$(.LPButton,.CatMoreBtn).enter();// call the function
});
$('input[type=image]').hover(
function () { $(this).attr(src, $(this).attr(src).split('-
off').join('-on')); },
function () { $(this).attr(src, $(this).attr(src).split('-
on').join('-off')); }
);
});
jQuery(function($) {
$(document).pngFix();
});
Jess
--
Jonathan Vanherpe - Tallieu Tallieu NV - jonat...@tnt.be
[jQuery] Re: My code is not working for rollover
Thanx Waseem
My original code is working fine now. Except i'm having issues with
my pngs'
Thank-you for taking your time to explain that to me.
Jess
On Oct 9, 7:25 pm, waseem sabjee waseemsab...@gmail.com wrote:
lets start of simple - and make sure everything works on the simplest
example before adding the complicated code.1. i suggest keeping all your
classes lowerscase ( just my opinion )
$(.lpbutton).hover(function() {
alert(onMouseOver);}, function() {
alert(onMouseOut);
});
this should be working.
now lets looking at our image path\i suggest you ensure your path is always
going from your site root.
example
/images/myimg.jpg
notice the / at the start
so lets look at something with more code
var images = [];
images.push(/images/1.jpg);
images.push(/images/2.jpg);
var buttons = [];
buttons.push($(.lpbutton));
buttons[0].hover(function() {
buttons[0].attr({
src:images[0]});
}, function() {
buttons[0].attr({
src:images[1]
});
});
also sometimes when i use attr() it doesnt work
so i use
attr({
});
instead :)
did this achieve what you requested ?
On Fri, Oct 9, 2009 at 11:03 AM, jessie mi...@optusnet.com.au wrote:
I would if there were ways to keep my alt text so users can browse
with iimages off.
But there is no work around so i have opted to use jquery.
So is there a way to make this work using jquery?
Thanks
Jess
On Oct 9, 5:15 pm, Jonathan Vanherpe (T T NV) jonat...@tnt.be
wrote:
use css rollovers instead
jessie wrote:
Hi
I had it all working and now its not :(
My problem now lies with the hovering over my 2 classes
ie. .LPButton,.CatMoreBtn its just not hovering! and i'd like to
make this work for me so i can have not only png's rollover but, gifs
and jpgs but i have no clue where to put the additional code.
Any help would be much much appreciated.
This is what i have for jquery so far.
jQuery(function($) {
function getLeaf(url) {
var splited=url.split('?');// remove all the parameter from url
url=splited[0];
return url.substring(url.lastIndexOf(/)+1);// return file name
without domain and path
}
jQuery.fn.extend({
enter: function() {//plugins creation
return this.each(function() {
var pth = $(this).find(img)[0];
//alert($(this).children().attr(href));
if($(this).children().attr(href)==getLeaf
(document.location.href)){// check that the link url and document url
is same
$(pth).attr(src,pth.src.replace(/.png/g, '_active.png'));
} else{
$(this).hover(function(){
$(pth).attr(src,pth.src.replace(/.png/g,
'_active.png'));// mouse over Image
},function(){
$(pth).attr(src,pth.src.replace(/_active.png/
g, '.png'));// mouse out image
});
}
});
}
});
$(function(){ // Document is ready
$(.LPButton,.CatMoreBtn).enter();// call the function
});
$('input[type=image]').hover(
function () { $(this).attr(src,
$(this).attr(src).split('-
off').join('-on')); },
function () { $(this).attr(src,
$(this).attr(src).split('-
on').join('-off')); }
);
});
jQuery(function($) {
$(document).pngFix();
});
Jess
--
Jonathan Vanherpe - Tallieu Tallieu NV - jonat...@tnt.be
[jQuery] Re: My code is not working for rollover
Waseem
Yes i've downloaded it and now working locally.
It all works fine, i have no idea why it wasn't working before.
Now the only problem is that i would like to have all my input buttons
and all other images within links that have png's to be transparent in
IE6.
I'm yet to find a workaround!
Also i noticed that in my rollovers for images, it says png is it
possible to also add jpg, and gif? or the code will only work for png
and that's it?
Thanks for your time once again.
Jess
On Oct 9, 8:27 pm, waseem sabjee waseemsab...@gmail.com wrote:
ok try this
1. i suggest you download this script and run it
locallyhttp://ajax.googleapis.com/ajaxlibs/jquery/1.3.2/jquery.min.jshttp://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js
2. if you try a simple alert through jquery does it work
put the following code in an external file and link it to your page
$(function() {
alert(it works);});
if the alert does not work somethings wrong.
On Fri, Oct 9, 2009 at 12:09 PM, jessie mi...@optusnet.com.au wrote:
Thanks Guys, but yes i do want to keep my alt and title tags.
I've tried everything today... but i'm very new to jquery and don't
fully comprehend how to put things together.
I have used supersleight before for IE6 and it worked a charm except
now it doesn't work because i'm using jquery.
Anyways, i have tried implementing this script also but it just
doesn't work in IE6.
http://allinthehead.com/retro/338/supersleight-jquery-plugin
I think its conflicting with my other code for input type= image
Or it could be that i have set it up incorrectly this is what i
have in my markup to call the doc's.
script type=text/javascript src=http://ajax.googleapis.com/ajax/
libs/jquery/1.3.2/jquery.min.js/script
script type=text/javascript src=skins/{VAL_SKIN}/
supersleight.plugin.js/script
script type=text/javascript src=skins/{VAL_SKIN}/effects.js/
script
script type=text/javascript src=js/prototype.js/script
script type=text/javascript src=js/jslibrary.js/script
script type=text/javascript src=js/scriptaculous.js?
load=effects,builder/script
script type=text/javascript src=js/lightbox.js/script
I'm s lost and need to get these rollovers to work on all my
links. but also have png transparencies for ie6.
Any help would be so appreciated :)
Thansk
Jess
On Oct 9, 7:03 pm, jessie mi...@optusnet.com.au wrote:
I would if there were ways to keep my alt text so users can browse
with iimages off.
But there is no work around so i have opted to use jquery.
So is there a way to make this work using jquery?
Thanks
Jess
On Oct 9, 5:15 pm, Jonathan Vanherpe (T T NV) jonat...@tnt.be
wrote:
use css rollovers instead
jessie wrote:
Hi
I had it all working and now its not :(
My problem now lies with the hovering over my 2 classes
ie. .LPButton,.CatMoreBtn its just not hovering! and i'd like to
make this work for me so i can have not only png's rollover but, gifs
and jpgs but i have no clue where to put the additional code.
Any help would be much much appreciated.
This is what i have for jquery so far.
jQuery(function($) {
function getLeaf(url) {
var splited=url.split('?');// remove all the parameter from url
url=splited[0];
return url.substring(url.lastIndexOf(/)+1);// return file name
without domain and path
}
jQuery.fn.extend({
enter: function() {//plugins creation
return this.each(function() {
var pth = $(this).find(img)[0];
//alert($(this).children().attr(href));
if($(this).children().attr(href)==getLeaf
(document.location.href)){// check that the link url and document url
is same
$(pth).attr(src,pth.src.replace(/.png/g,
'_active.png'));
} else{
$(this).hover(function(){
$(pth).attr(src,pth.src.replace(/.png/g,
'_active.png'));// mouse over Image
},function(){
$(pth).attr(src,pth.src.replace(/_active.png/
g, '.png'));// mouse out image
});
}
});
}
});
$(function(){ // Document is ready
$(.LPButton,.CatMoreBtn).enter();// call the function
});
$('input[type=image]').hover(
function () { $(this).attr(src,
$(this).attr(src).split('-
off').join('-on')); },
function () { $(this).attr(src,
$(this).attr(src).split('-
on').join('-off')); }
);
});
jQuery(function($) {
$(document).pngFix();
});
Jess
--
Jonathan Vanherpe - Tallieu Tallieu NV - jonat...@tnt.be
[jQuery] Re: png fix with jquery ui?
Thank-you :) I'm doing it now :) Jess On Oct 8, 5:42 pm, HS8KIC hs8...@gmail.com wrote: jessie wrote:Is there such a thing as a jquery ui plugin for png? JessI found one but has never test it you can try.http://jquery.andreaseberhard.de/pngFix/ Aom.
[jQuery] My code is not working for rollover
Hi
I had it all working and now its not :(
My problem now lies with the hovering over my 2 classes
ie. .LPButton,.CatMoreBtn its just not hovering! and i'd like to
make this work for me so i can have not only png's rollover but, gifs
and jpgs but i have no clue where to put the additional code.
Any help would be much much appreciated.
This is what i have for jquery so far.
jQuery(function($) {
function getLeaf(url) {
var splited=url.split('?');// remove all the parameter from url
url=splited[0];
return url.substring(url.lastIndexOf(/)+1);// return file name
without domain and path
}
jQuery.fn.extend({
enter: function() {//plugins creation
return this.each(function() {
var pth = $(this).find(img)[0];
//alert($(this).children().attr(href));
if($(this).children().attr(href)==getLeaf
(document.location.href)){// check that the link url and document url
is same
$(pth).attr(src,pth.src.replace(/.png/g, '_active.png'));
} else{
$(this).hover(function(){
$(pth).attr(src,pth.src.replace(/.png/g,
'_active.png'));// mouse over Image
},function(){
$(pth).attr(src,pth.src.replace(/_active.png/
g, '.png'));// mouse out image
});
}
});
}
});
$(function(){ // Document is ready
$(.LPButton,.CatMoreBtn).enter();// call the function
});
$('input[type=image]').hover(
function () { $(this).attr(src, $(this).attr(src).split('-
off').join('-on')); },
function () { $(this).attr(src, $(this).attr(src).split('-
on').join('-off')); }
);
});
jQuery(function($) {
$(document).pngFix();
});
Jess
[jQuery] pngfix conflicts with input type=image
Hi
I've applied a png fix to my jsquery.
The problem i have now that its conflicting with my code for
rollover. Can someone please guide me and tell me how i can make it
work for both instances ie. my input buttons and rollover classes
using png, gif and jpg.
So this is my markup.
input type=image class=CatBuyBtn src=skins/{VAL_SKIN}/
styleImages/buttons/buy-off.png alt=Buy /
and this is my jquery
jQuery(function($) {
function getLeaf(url) {
var splited=url.split('?');// remove all the parameter from url
url=splited[0];
return url.substring(url.lastIndexOf(/)+1);// return file name
}
jQuery.fn.extend({
enter: function() {//plugins creation
return this.each(function() {
var pth = $(this).find(img)[0];
//alert($(this).children().attr(href));
if($(this).children().attr(href)==getLeaf
(document.location.href)){// check that the link url and document url
$(pth).attr(src,pth.src.replace(/.png/g, '_active.png'));
} else{
$(this).hover(function(){
$(pth).attr(src,pth.src.replace(/.png/
g,'_active.png'));// mouse over Image
},function(){
$(pth).attr(src,pth.src.replace(/_active.png/
g,'.png'));
});
}
});
}
});
$(function(){ // Document is ready
$(.LPButton,.CatMoreBtn).enter();// call the function
});
$('input[type=image]').hover(
function () { $(this).attr(src, $(this).attr(src).split('-
off').join('-on')); },
function () { $(this).attr(src, $(this).attr(src).split('-
on').join('-off')); }
);
});
jQuery(function($) {
$(document).pngFix();
});
Thank-you
Jess :)
[jQuery] applying jquery to my input submit buttons
Hi
Hoping someone can help me.
I have a class for my submit buttons.
.submit {
font-size:11px;
font-weight:bold;
color:#fff;
border:1px solid #878787;
background-color:#878787;
cursor:pointer;
}
.submitHover {
font-size:11px;
font-weight:bold;
color:#fff;
cursor:pointer;
border:1px solid #878787;
background-color:#b9b7b7;
cursor:pointer; }
I also have in my markup the mouseover event
input name=submit type=submit value={LANG_SUBMIT_REVIEW}
class=submit style=margin-top:6px;
onmouseover=this.className='submitHover'
onmouseout=this.className='submit' /
Can i simply this and take out the mouseover event in my markup by
having it in the jquery?
If so how would i go about doing this in my jquery file?
Thanks for your time.
Jess. :)
[jQuery] Re: applying jquery to my input submit buttons
Sorry forgot to add
i also have this in my jquery which i don't think it would affect the
input as they are images.
$('input[type=image]').hover(
function () { $(this).attr(src, $(this).attr(src).split('-
off').join('-on')); },
function () { $(this).attr(src, $(this).attr(src).split('-
on').join('-off')); }
);
On Oct 8, 1:35 pm, jessie mi...@optusnet.com.au wrote:
Hi
Hoping someone can help me.
I have a class for my submit buttons.
.submit {
font-size:11px;
font-weight:bold;
color:#fff;
border:1px solid #878787;
background-color:#878787;
cursor:pointer;}
.submitHover {
font-size:11px;
font-weight:bold;
color:#fff;
cursor:pointer;
border:1px solid #878787;
background-color:#b9b7b7;
cursor:pointer; }
I also have in my markup the mouseover event
input name=submit type=submit value={LANG_SUBMIT_REVIEW}
class=submit style=margin-top:6px;
onmouseover=this.className='submitHover'
onmouseout=this.className='submit' /
Can i simply this and take out the mouseover event in my markup by
having it in the jquery?
If so how would i go about doing this in my jquery file?
Thanks for your time.
Jess. :)
[jQuery] Easy but nice lightbox i can add?
Hi Does anyone know of an easy lightbox i can add to my ecommerce site? i'd liek to get rid of the prototype one and replace it with jquery. Thanks Jess
[jQuery] png fix with jquery ui?
Is there such a thing as a jquery ui plugin for png? Jess
[jQuery] Re: image rollover
Hi
You posted a reply but there was nothing there! LOL i can't see what
you wrote.
Thanks
Jess :)
On Oct 5, 3:57 pm, Piyush Moradiya moradiya.piy...@gmail.com wrote:
On Sun, Oct 4, 2009 at 6:34 PM, jessie mi...@optusnet.com.au wrote:
Hi
I have implemented this jQuery for image rollover on href
The only problem is, is there a way to call more than one class for
this particular function?
$(function(){ // Document is ready
$(#nav td).enter();// call the function
});
So i have more than one class i'd like to this function but i have no
idea on how to add to it
here is the jQuery
function getLeaf(url) {
var splited=url.split('?');// remove all the parameter from url
url=splited[0];
return url.substring(url.lastIndexOf(/)+1);// return file name
without domain and path
}
jQuery.fn.extend({
enter: function() {//plugins creation
return this.each(function() {
var pth = $(this).find(img)[0];
//alert($(this).children().attr(href));
if($(this).children().attr(href)==getLeaf
(document.location.href)){// check that the link url and document url
is same
$(pth).attr(src,pth.src.replace(/.gif/g, '_active.gif'));
} else{
$(this).hover(function(){
$(pth).attr(src,pth.src.replace(/.gif/g,
'_active.gif'));// mouse over Image
},function(){
$(pth).attr(src,pth.src.replace(/_active.gif/
g, '.gif'));// mouse out image
});
}
});
}
});
$(function(){ // Document is ready
$(#nav td).enter();// call the function
});
Hope you can help.
Thanks
Jess
[jQuery] Re: image rollover
Thanks so much now that works :)
Also... whatabout if i want to select gif and jpg files using the code
below? how do i add to it, the same? comma separated?
function getLeaf(url) {
var splited=url.split('?');// remove all the parameter from url
url=splited[0];
return url.substring(url.lastIndexOf(/)+1);// return file name
without domain and path
}
jQuery.fn.extend({
enter: function() {//plugins creation
return this.each(function() {
var pth = $(this).find(img)[0];
//alert($(this).children().attr(href));
if($(this).children().attr(href)==getLeaf
(document.location.href)){// check that the link url and document url
is same
$(pth).attr(src,pth.src.replace(/.png/g, '_active.png'));
} else{
$(this).hover(function(){
$(pth).attr(src,pth.src.replace(/.png/g,
'_active.png'));// mouse over Image
},function(){
$(pth).attr(src,pth.src.replace(/_active.png/
g, '.png'));// mouse out image
});
}
});
}
});
$(function(){ // Document is ready
$(.LPButton,.CatMoreBtn).enter();// call the function
});
Andrea :)
On Oct 5, 10:36 pm, Leonardo K leo...@gmail.com wrote:
You can just do:
$(#nav td, .otherclass).enter();
On Mon, Oct 5, 2009 at 07:50, jessie mi...@optusnet.com.au wrote:
Hi
You posted a reply but there was nothing there! LOL i can't see what
you wrote.
Thanks
Jess :)
On Oct 5, 3:57 pm, Piyush Moradiya moradiya.piy...@gmail.com wrote:
On Sun, Oct 4, 2009 at 6:34 PM, jessie mi...@optusnet.com.au wrote:
Hi
I have implemented this jQuery for image rollover on href
The only problem is, is there a way to call more than one class for
this particular function?
$(function(){ // Document is ready
$(#nav td).enter();// call the function
});
So i have more than one class i'd like to this function but i have no
idea on how to add to it
here is the jQuery
function getLeaf(url) {
var splited=url.split('?');// remove all the parameter from url
url=splited[0];
return url.substring(url.lastIndexOf(/)+1);// return file name
without domain and path
}
jQuery.fn.extend({
enter: function() {//plugins creation
return this.each(function() {
var pth = $(this).find(img)[0];
//alert($(this).children().attr(href));
if($(this).children().attr(href)==getLeaf
(document.location.href)){// check that the link url and document url
is same
$(pth).attr(src,pth.src.replace(/.gif/g, '_active.gif'));
} else{
$(this).hover(function(){
$(pth).attr(src,pth.src.replace(/.gif/g,
'_active.gif'));// mouse over Image
},function(){
$(pth).attr(src,pth.src.replace(/_active.gif/
g, '.gif'));// mouse out image
});
}
});
}
});
$(function(){ // Document is ready
$(#nav td).enter();// call the function
});
Hope you can help.
Thanks
Jess
[jQuery] image rollover
Hi
I have implemented this jQuery for image rollover on href
The only problem is, is there a way to call more than one class for
this particular function?
$(function(){ // Document is ready
$(#nav td).enter();// call the function
});
So i have more than one class i'd like to this function but i have no
idea on how to add to it
here is the jQuery
function getLeaf(url) {
var splited=url.split('?');// remove all the parameter from url
url=splited[0];
return url.substring(url.lastIndexOf(/)+1);// return file name
without domain and path
}
jQuery.fn.extend({
enter: function() {//plugins creation
return this.each(function() {
var pth = $(this).find(img)[0];
//alert($(this).children().attr(href));
if($(this).children().attr(href)==getLeaf
(document.location.href)){// check that the link url and document url
is same
$(pth).attr(src,pth.src.replace(/.gif/g, '_active.gif'));
} else{
$(this).hover(function(){
$(pth).attr(src,pth.src.replace(/.gif/g,
'_active.gif'));// mouse over Image
},function(){
$(pth).attr(src,pth.src.replace(/_active.gif/
g, '.gif'));// mouse out image
});
}
});
}
});
$(function(){ // Document is ready
$(#nav td).enter();// call the function
});
Hope you can help.
Thanks
Jess
[jQuery] Re: image rollover
can anyone help me please?
On Oct 4, 11:04 pm, jessie mi...@optusnet.com.au wrote:
Hi
I have implemented this jQuery for image rollover on href
The only problem is, is there a way to call more than one class for
this particular function?
$(function(){ // Document is ready
$(#nav td).enter();// call the function
});
So i have more than one class i'd like to this function but i have no
idea on how to add to it
here is the jQuery
function getLeaf(url) {
var splited=url.split('?');// remove all the parameter from url
url=splited[0];
return url.substring(url.lastIndexOf(/)+1);// return file name
without domain and path
}
jQuery.fn.extend({
enter: function() {//plugins creation
return this.each(function() {
var pth = $(this).find(img)[0];
//alert($(this).children().attr(href));
if($(this).children().attr(href)==getLeaf
(document.location.href)){// check that the link url and document url
is same
$(pth).attr(src,pth.src.replace(/.gif/g, '_active.gif'));
} else{
$(this).hover(function(){
$(pth).attr(src,pth.src.replace(/.gif/g,
'_active.gif'));// mouse over Image
},function(){
$(pth).attr(src,pth.src.replace(/_active.gif/
g, '.gif'));// mouse out image
});
}
});
}});
$(function(){ // Document is ready
$(#nav td).enter();// call the function
});
Hope you can help.
Thanks
Jess
[jQuery] Simple accordion sooo many which one?
Hi
I would love to implement the *accordion menu*
The menu is dynamic and its already there i'm using css to style.
So, i saw quite a few accordions but none that don't have panels... in
other words i'd like the same function without the coloured panels.
Which is the best *plugin to use for this*? the levels of the li's are
dynamic. So the code would need to be in here. Maybe if i could have
the same function as the panels but have icons next to the headings
instead of the background colour?
Hope i'm making sense!
Here is my html
!-- BEGIN: categories --
h3 id=SBCategoriesspan/spanBrowse by Category/h3
ul id=menu
li
a href=index.php{LANG_HOME}/a
/li
!-- BEGIN: a --
!-- BEGIN: ul_start --
ul!-- END: ul_start --
!-- BEGIN: li_start --
li
!-- END: li_start --
a href=index.php?_a=viewCatamp;catId={DATA.cat_id}{DATA.cat_name}
({DATA.noProducts})/a
!-- BEGIN: li_end --
/li
!-- END: li_end --
!-- BEGIN: ul_end --
/ul
/li
!-- END: ul_end --
!-- END: a --
/ul
/div
!-- END: categories --
Thank-you
Jess
[jQuery] Difference between Accordion Widget UI and Accordion Plugin?
Can someone please explain to me the difference between the two? I just finished an online tutorial on Accordian Widget UI and it looked quite simple. Thanks Jess
[jQuery] Re: Difference between Accordion Widget UI and Accordion Plugin?
Yes the 'jQuery UI Accordion...
here is the link
http://www.practicalecommerce.com/articles/1213-Web-Design-Tips-jQuery-UI-Accordion-Widget
The problem now is that even though i like the functionality i can't
seem to incorporate it to my template. :(
I have an ecommerce site driven by php and the html are tpl files
which i need to edit.
This is what i have in my tpl files so you can see what i mean
!-- BEGIN: categories --
h3 id=SBCategoriesspan/spanBrowse by Category/h3
ul id=mainmenu-nav style=overflow:hidden; background-color:red;
li class=li-nav style=background-color:blue;a href=index.php
{LANG_HOME}/a/li
!-- BEGIN: a --
!-- BEGIN: ul_start --
ul class=ul-nav
!-- END: ul_start --
!-- BEGIN: li_start --
li class=li-nav
!-- END: li_start --
a href=index.php?_a=viewCatamp;catId={DATA.cat_id}{DATA.cat_name}
({DATA.noProducts})/a
!-- BEGIN: li_end --
/li
!-- END: li_end --
!-- BEGIN: ul_end --
/ul
/li
!-- END: ul_end --
!-- END: a --
!-- BEGIN: gift_certificates --
li class=li-nav a href=index.php?_a=giftCert{LANG_GIFT_CERTS}/
a/li
!-- END: gift_certificates --
!-- BEGIN: sale --
li class=li-nav a href=index.php?_a=viewCatamp;catId=saleItems
{LANG_SALE_ITEMS}/a/li
!-- END: sale --
/ul
!-- END: categories --
Jess
On Oct 1, 9:54 pm, Richard D. Worth rdwo...@gmail.com wrote:
When you say 'Accordion Widget UI' do you mean jQuery UI Accordion? Also, a
link to the online tutorial might help us identify at least one that you're
trying to compare.
- Richard
On Thu, Oct 1, 2009 at 7:34 AM, jessie mi...@optusnet.com.au wrote:
Can someone please explain to me the difference between the two?
I just finished an online tutorial on Accordian Widget UI and it
looked quite simple.
Thanks
Jess
[jQuery] Re: Simple accordion sooo many which one?
Sorry i should add i'm using CubeCart as my platform for ecommerce
On Oct 1, 10:05 pm, Richard D. Worth rdwo...@gmail.com wrote:
You can use the jQuery UI Accordion (http://jqueryui.com/demos/accordion/)
Here's a sample of it without any styling:
http://jsbin.com/owose
The html and javascript is the same. It's just that I've only included the
base part of a jQuery UI theme, that includes functional/layout css, but no
look-and-feel/styling (read: color). If you want the icons, you could
include the whole theme, and then just override the header and content
section to not have a background and border:
http://jsbin.com/ijeci
- Richard
On Thu, Oct 1, 2009 at 6:02 AM, jessie mi...@optusnet.com.au wrote:
Hi
I would love to implement the *accordion menu*
The menu is dynamic and its already there i'm using css to style.
So, i saw quite a few accordions but none that don't have panels... in
other words i'd like the same function without the coloured panels.
Which is the best *plugin to use for this*? the levels of the li's are
dynamic. So the code would need to be in here. Maybe if i could have
the same function as the panels but have icons next to the headings
instead of the background colour?
Hope i'm making sense!
Here is my html
!-- BEGIN: categories --
h3 id=SBCategoriesspan/spanBrowse by Category/h3
ul id=menu
li
a href=index.php{LANG_HOME}/a
/li
!-- BEGIN: a --
!-- BEGIN: ul_start --
ul!-- END: ul_start --
!-- BEGIN: li_start --
li
!-- END: li_start --
a href=index.php?_a=viewCatamp;catId={DATA.cat_id}{DATA.cat_name}
({DATA.noProducts})/a
!-- BEGIN: li_end --
/li
!-- END: li_end --
!-- BEGIN: ul_end --
/ul
/li
!-- END: ul_end --
!-- END: a --
/ul
/div
!-- END: categories --
Thank-you
Jess
[jQuery] Re: Difference between Accordion Widget UI and Accordion Plugin?
Ok so i should post the whole thing there then? would they be able to
help me incorporate the accordian menu with my cubecart template?
Thank-you for your help :)
JessOn Oct 1, 10:18 pm, Richard D. Worth rdwo...@gmail.com wrote:
Ok, in that case there's a dedicated list for help with jQuery UI
plugins:http://groups.google.com/group/jquery-ui
http://groups.google.com/group/jquery-uiSorry to have you post twice, but
that way it'll reach the right people and the answer (once given) will be in
the right archive. Thanks.
- Richard
On Thu, Oct 1, 2009 at 8:13 AM, jessie mi...@optusnet.com.au wrote:
Yes the 'jQuery UI Accordion...
here is the link
http://www.practicalecommerce.com/articles/1213-Web-Design-Tips-jQuer...
The problem now is that even though i like the functionality i can't
seem to incorporate it to my template. :(
I have an ecommerce site driven by php and the html are tpl files
which i need to edit.
This is what i have in my tpl files so you can see what i mean
!-- BEGIN: categories --
h3 id=SBCategoriesspan/spanBrowse by Category/h3
ul id=mainmenu-nav style=overflow:hidden; background-color:red;
li class=li-nav style=background-color:blue;a href=index.php
{LANG_HOME}/a/li
!-- BEGIN: a --
!-- BEGIN: ul_start --
ul class=ul-nav
!-- END: ul_start --
!-- BEGIN: li_start --
li class=li-nav
!-- END: li_start --
a href=index.php?_a=viewCatamp;catId={DATA.cat_id}{DATA.cat_name}
({DATA.noProducts})/a
!-- BEGIN: li_end --
/li
!-- END: li_end --
!-- BEGIN: ul_end --
/ul
/li
!-- END: ul_end --
!-- END: a --
!-- BEGIN: gift_certificates --
li class=li-nav a href=index.php?_a=giftCert{LANG_GIFT_CERTS}/
a/li
!-- END: gift_certificates --
!-- BEGIN: sale --
li class=li-nav a href=index.php?_a=viewCatamp;catId=saleItems
{LANG_SALE_ITEMS}/a/li
!-- END: sale --
/ul
!-- END: categories --
Jess
On Oct 1, 9:54 pm, Richard D. Worth rdwo...@gmail.com wrote:
When you say 'Accordion Widget UI' do you mean jQuery UI Accordion? Also,
a
link to the online tutorial might help us identify at least one that
you're
trying to compare.
- Richard
On Thu, Oct 1, 2009 at 7:34 AM, jessie mi...@optusnet.com.au wrote:
Can someone please explain to me the difference between the two?
I just finished an online tutorial on Accordian Widget UI and it
looked quite simple.
Thanks
Jess
[jQuery] Re: Difference between Accordion Widget UI and Accordion Plugin?
If i use an Accordian Plugin can someone please help me implement it
into my cubecart template file?
Thanks
Jess
On Oct 1, 10:23 pm, jessie mi...@optusnet.com.au wrote:
Ok so i should post the whole thing there then? would they be able to
help me incorporate the accordian menu with my cubecart template?
Thank-you for your help :)
JessOn Oct 1, 10:18 pm, Richard D. Worth rdwo...@gmail.com wrote:
Ok, in that case there's a dedicated list for help with jQuery UI
plugins:http://groups.google.com/group/jquery-ui
http://groups.google.com/group/jquery-uiSorry to have you post twice, but
that way it'll reach the right people and the answer (once given) will be in
the right archive. Thanks.
- Richard
On Thu, Oct 1, 2009 at 8:13 AM, jessie mi...@optusnet.com.au wrote:
Yes the 'jQuery UI Accordion...
here is the link
http://www.practicalecommerce.com/articles/1213-Web-Design-Tips-jQuer...
The problem now is that even though i like the functionality i can't
seem to incorporate it to my template. :(
I have an ecommerce site driven by php and the html are tpl files
which i need to edit.
This is what i have in my tpl files so you can see what i mean
!-- BEGIN: categories --
h3 id=SBCategoriesspan/spanBrowse by Category/h3
ul id=mainmenu-nav style=overflow:hidden; background-color:red;
li class=li-nav style=background-color:blue;a href=index.php
{LANG_HOME}/a/li
!-- BEGIN: a --
!-- BEGIN: ul_start --
ul class=ul-nav
!-- END: ul_start --
!-- BEGIN: li_start --
li class=li-nav
!-- END: li_start --
a href=index.php?_a=viewCatamp;catId={DATA.cat_id}{DATA.cat_name}
({DATA.noProducts})/a
!-- BEGIN: li_end --
/li
!-- END: li_end --
!-- BEGIN: ul_end --
/ul
/li
!-- END: ul_end --
!-- END: a --
!-- BEGIN: gift_certificates --
li class=li-nav a href=index.php?_a=giftCert{LANG_GIFT_CERTS}/
a/li
!-- END: gift_certificates --
!-- BEGIN: sale --
li class=li-nav a href=index.php?_a=viewCatamp;catId=saleItems
{LANG_SALE_ITEMS}/a/li
!-- END: sale --
/ul
!-- END: categories --
Jess
On Oct 1, 9:54 pm, Richard D. Worth rdwo...@gmail.com wrote:
When you say 'Accordion Widget UI' do you mean jQuery UI Accordion?
Also,
a
link to the online tutorial might help us identify at least one that
you're
trying to compare.
- Richard
On Thu, Oct 1, 2009 at 7:34 AM, jessie mi...@optusnet.com.au wrote:
Can someone please explain to me the difference between the two?
I just finished an online tutorial on Accordian Widget UI and it
looked quite simple.
Thanks
Jess
[jQuery] Really struggling pls help
Hi All
Please be gentle with me!
Ok, its been 5 days that i'm trying to understand jQuery. I cannot
get my head around it for the life of me! i'm no programmer and have
had no experience with JS. I've started developing websites only 1 yr
ago and i came across jQuery when i wanted to do an accordian menu and
some image replacements for my buttons.
But, aghhh let me tell you i'm absolutely going mad! i have
Dreamweaver CS3, i've downloaded the plugin for jsQuery and i still
don't get what i'm looking at. Had a look at a *beginners tutorial on
utube* and it looked fairly simple what he did and how he explained
it. Except where to from there! I'm running an ecommerce store
which is based on php and is using prototype library for one of the
lightboxes. So i've figured out that i need to do this for it to work
with both libraries.
script type=text/javascript src=skins/{VAL_SKIN}/jquery.js/
script
script type=text/javascript src=skins/{VAL_SKIN}/effects.js/
script
script type=text/javascript src=js/prototype.js/script script
type=text/javascript src=js/jslibrary.js/script
Where *effects* is the file i'm putting all my jquery stuff in.
In my effects.js file i have this so far.
jQuery(function($) {
$('input[type=image]').hover(
function () { $(this).attr(src, $(this).attr(src).split('-
off').join('-on')); },
function () { $(this).attr(src, $(this).attr(src).split('-
on').join('-off')); }
);
});
It works a treat on my input button. [don't ask me how but it does! i
have 2 images that rollover nicely and can still keep the alt/title
tag in the background for users who wish to browse with images *off*]
My problem now is.. i'd like to add code that will allow me to do the
exact same thing on an a tag. Here is my code that i'd like to work
off.
a href=index.php?act=viewProdamp;productId={VAL_PRODUCT_ID}
class=LPButton target=_selfMore/a/div
Here is my css
.LPContent a.LPButton:hover {
width:78px;
height:32px;
color:#808080;
background:url(../styleImages/buttons/LPmore-off.gif) no-repeat; }
.LPContent a.LPButton span {
color:#808080;
font-size:18px;
font-style:italic;
text-decoration:none;
visibility:hidden; }
.LPContent a.LPButton:hover span {
color:#818181;
text-decoration:none; }
God, if my css looks bad its because i've been at it for days and
changing constantly to see what works.
Please if anyone here can help me understand and/or show me where i'm
going wrong and what i should be doing i'd truly appreciate it.
Regards,
Jessie
[jQuery] Re: Really struggling pls help
Hi James
Thanks so much for replying to my desperate request for help! LOL
Well somehow i managed to work
This is what i've done.
jQuery(function($) {
function getLeaf(url) {
var splited=url.split('?');// remove all the parameter from url
url=splited[0];
return url.substring(url.lastIndexOf(/)+1);// return file name
without domain and path
}
jQuery.fn.extend({
enter: function() {//plugins creation
return this.each(function() {
var pth = $(this).find(img)[0];
//alert($(this).children().attr(href));
if($(this).children().attr(href)==getLeaf
(document.location.href)){// check that the link url and document url
is same
$(pth).attr(src,pth.src.replace(/.gif/g, '_active.gif'));
} else{
$(this).hover(function(){
$(pth).attr(src,pth.src.replace(/.gif/g,
'_active.gif'));// mouse over Image
},function(){
$(pth).attr(src,pth.src.replace(/_active.gif/
g, '.gif'));// mouse out image
});
}
});
}
});
$(function(){ // Document is ready
$(.LPButton).enter();// call the function
});
$('input[type=image]').hover(
function () { $(this).attr(src, $(this).attr(src).split('-
off').join('-on')); },
function () { $(this).attr(src, $(this).attr(src).split('-
on').join('-off')); }
);
});
My problemo now is that i would like to get rid of the src=full url
to the image and just have src=folder/image/button/myimage for the
input buttons
This is what i have now.
input type=image src=myfullurl/theme/newtheme/styleImages/buttons/
joinnow-off.gif alt=Join Now /
instead i'd like to have it like this...
input type=image src=theme/newtheme/styleImages/buttons/joinnow-
off.gif alt=Join Now /
Is that possible?
I'm going through some online video tutorials to get me started
also :)
J.
On Oct 1, 11:06 am, James james.gp@gmail.com wrote:
I'm still unsure what you want to achieve.
To select the a tag, in place of:
$('input[type=image]')
you can use:
$(.LPButton)
assuming that all relevant tags to want to work on will have the
class=LPButton.
That's as far as I know. I'm not clear on what you want to do with it.
(There's no image src on a a tag, so it's not that..)
Or is it that you want to roll over a text link and have another image
do the hover effect?
On Sep 30, 2:07 pm, jessie mi...@optusnet.com.au wrote:
Hi All
Please be gentle with me!
Ok, its been 5 days that i'm trying to understand jQuery. I cannot
get my head around it for the life of me! i'm no programmer and have
had no experience with JS. I've started developing websites only 1 yr
ago and i came across jQuery when i wanted to do an accordian menu and
some image replacements for my buttons.
But, aghhh let me tell you i'm absolutely going mad! i have
Dreamweaver CS3, i've downloaded the plugin for jsQuery and i still
don't get what i'm looking at. Had a look at a *beginners tutorial on
utube* and it looked fairly simple what he did and how he explained
it. Except where to from there! I'm running an ecommerce store
which is based on php and is using prototype library for one of the
lightboxes. So i've figured out that i need to do this for it to work
with both libraries.
script type=text/javascript src=skins/{VAL_SKIN}/jquery.js/
script
script type=text/javascript src=skins/{VAL_SKIN}/effects.js/
script
script type=text/javascript src=js/prototype.js/script script
type=text/javascript src=js/jslibrary.js/script
Where *effects* is the file i'm putting all my jquery stuff in.
In my effects.js file i have this so far.
jQuery(function($) {
$('input[type=image]').hover(
function () { $(this).attr(src,
$(this).attr(src).split('-
off').join('-on')); },
function () { $(this).attr(src,
$(this).attr(src).split('-
on').join('-off')); }
);
});
It works a treat on my input button. [don't ask me how but it does! i
have 2 images that rollover nicely and can still keep the alt/title
tag in the background for users who wish to browse with images *off*]
My problem now is.. i'd like to add code that will allow me to do the
exact same thing on an a tag. Here is my code that i'd like to work
off.
a href=index.php?act=viewProdamp;productId={VAL_PRODUCT_ID}
class=LPButton target=_selfMore/a/div
Here is my css
.LPContent a.LPButton:hover {
width:78px;
height:32px;
color:#808080;
background:url(../styleImages/buttons/LPmore-off.gif) no-repeat; }
.LPContent a.LPButton span {
color:#808080;
font-size:18px;
font-style:italic;
text-decoration:none;
visibility:hidden; }
.LPContent a.LPButton:hover span {
color:#818181;
text-decoration:none; }
God, if my css looks bad its because i've been at it for days and
changing constantly to see what works.
Please
[jQuery] fadein is not a function?
Hi
I'm doing some online tutorials and simple tasks
I'm getting an error on the function .fadein
can someone please tell me what is wrong with this code.
$(function() { // document is ready for load
$('a').click(function() {
$('.box').fadein(5000);
});
});
Here is the inline style and markup
style type=text/css
.box { background-color:blue; width:200px; height:200px; }
/style
div id=box/div
a href=#Click my link/a
Thanks
Much appreciated.
Jess
[jQuery] Re: fadein is not a function?
Yes thank-you... after i posted i had a look.
I guess looking at this type of *new code* has boggled up my eyes ;-)
On Oct 1, 2:36 pm, Dhruva Sagar dhruva.sa...@gmail.com wrote:
Did you even look at jQuery's site ?the function is fadeIn with a capital
'I'
example : $(selector).fadeIn(slow);
Thanks Regards,
Dhruva Sagar.
Joan Crawfordhttp://www.brainyquote.com/quotes/authors/j/joan_crawford.html
- I, Joan Crawford, I believe in the dollar. Everything I earn, I
spend.
On Thu, Oct 1, 2009 at 10:02 AM, jessie mi...@optusnet.com.au wrote:
Hi
I'm doing some online tutorials and simple tasks
I'm getting an error on the function .fadein
can someone please tell me what is wrong with this code.
$(function() { // document is ready for load
$('a').click(function() {
$('.box').fadein(5000);
});
});
Here is the inline style and markup
style type=text/css
.box { background-color:blue; width:200px; height:200px; }
/style
div id=box/div
a href=#Click my link/a
Thanks
Much appreciated.
Jess
[jQuery] Callback Function had a look but don't get it
Ok i'm nearly there LOL
i have the link and a box which i want to foundOut as my function.
All works dandy now :)
But whatif i wanted after i clicked on the link to go to its normal
state?
Well i went to the jquery site but i don't think its designed for TRUE
beginners like myself
It talks about Callback function and its displayed like this
function callback() {
this; // dom element
}
So here is my code and where do i put this callBack? and do i need to
add a class to it?
$(function() { // document is ready for load
$('a').click(function() {
$('.box').fadeOut(slow);
});
});
Jessie
[jQuery] Re: fadein is not a function?
No its ok,,,
Please understand, this is my 3rd day at looking at jQuery... no
previous javascript knowledge / or programming,
Only a noob at css and html. have been self teaching myself for 1
year.
Jess :)
On Oct 1, 3:05 pm, Dhruva Sagar dhruva.sa...@gmail.com wrote:
Np, it happens to everyone, sorry for being a bit harsh :).
Thanks Regards,
Dhruva Sagar.
Ogden Nash http://www.brainyquote.com/quotes/authors/o/ogden_nash.html -
The trouble with a kitten is that when it grows up, it's always a cat.
On Thu, Oct 1, 2009 at 10:09 AM, jessie mi...@optusnet.com.au wrote:
Yes thank-you... after i posted i had a look.
I guess looking at this type of *new code* has boggled up my eyes ;-)
On Oct 1, 2:36 pm, Dhruva Sagar dhruva.sa...@gmail.com wrote:
Did you even look at jQuery's site ?the function is fadeIn with a capital
'I'
example : $(selector).fadeIn(slow);
Thanks Regards,
Dhruva Sagar.
Joan Crawford
http://www.brainyquote.com/quotes/authors/j/joan_crawford.html
- I, Joan Crawford, I believe in the dollar. Everything I earn, I
spend.
On Thu, Oct 1, 2009 at 10:02 AM, jessie mi...@optusnet.com.au wrote:
Hi
I'm doing some online tutorials and simple tasks
I'm getting an error on the function .fadein
can someone please tell me what is wrong with this code.
$(function() { // document is ready for load
$('a').click(function() {
$('.box').fadein(5000);
});
});
Here is the inline style and markup
style type=text/css
.box { background-color:blue; width:200px; height:200px; }
/style
div id=box/div
a href=#Click my link/a
Thanks
Much appreciated.
Jess
[jQuery] help with image titles jQuery Slideshow
Hi I am new to javascript and am having a lot of trouble with a photo slide show I am creating for a website- I used a jQuery based program called Galleria. Here is my problem- Galleria creates thumbnails for you from your images- you make an unordered list in which you put all the img tags. Whatever you title the image comes up as a caption under the image. I wanted ideally to be able to put links in this but since you cannot put more html into a title= attribute i dont know what else to do- Basically i need a link to pop up under each image that is specific to that image when the viewer is looking at it- a download this button that will allow them to download a larger pdf file of the image. Since jQuery makes it so there arent seperate html pages for each image, I dont know how to achieve this. Can someone help me?? Im lost. Thank you! -Jessie
