[jQuery] SimpleModal 1.3 height
Since upgrading to SimpleModal 1.3 from 1.2.3, I'm having real trouble with the height of the container. Something somewhere keeps inserting a height of 84px inline into the container div. Because it's inline I can't override it with my stylesheets -- the inline styles override the stylesheet. - I tried setting the minHeight and maxHeight params, but those don't help. - I tried setting the containerCSS with height of 'auto' or 'inherit', but that doesn't work. - If I set the containerCss with a height set to a pixel value, it does override the 84px inline style ... but I don't want a hardcoded pixel height. The content inside the container is of variable height, so I need the container to expand to accommodate the height of the content. I was using 1.2.3 for the last year or so with no problems, and nothing in my code changed. The issue began immediately after upgrading to 1.3, so that must be the source of the problem. Any thoughts?
[jQuery] Re: SimpleModal 1.3 height
Figured it out myself, so I'm posting for anyone else with this problem. Adding !important to the height specified in my stylesheet overrides the inline style. Not sure if that's the best solution, but it works.
[jQuery] Re: Overflow difficulties
Anyone?
On Jul 28, 8:02 pm, Warren warrenjthomp...@gmail.com wrote:
I have this website:
http://www.vampsworld.com/freelance_projects/aawc/
with this JQuery:
script type=text/javascript
$(document).ready(function() {
$('#homemenuoption')
.css( {backgroundPosition: -20px 35px} )
.mouseover(function(){
$(this).stop().animate({backgroundPosition:(-20px
94px),height:231px},{duration:200});
})
.mouseout(function(){
$(this).stop().animate({backgroundPosition:(40px
35px),height:34px}, {duration:600, complete:function(){
$(this).css({backgroundPosition:
-20px 35px})
}})
})
});
/script
and this html
div id=toplinks class=smallgraytext
a href=#Home/a | a
href=#Sitemap/a | a
href=#Contact Us/a
/div
/div
div id=menu
ul id=topmenu
li id=homemenuoption style=overflow:hidden;height:
34px;
a href=#Home/a
div id=homesubmenu
style=position:relative;z-index:
100;background-color:#089CAA
div class=smallgraytext
a href=#Submenu 1/a
a href=#Submenu 2/a
a href=#Submenu 3/a
a href=#Submenu 4/a
a href=#Submenu 5/a
a href=#Submenu 6/a
/div
/div
/li
For some reason the homesubmenu doesn't show when the box is
homemenuoption is stretched, and should no longer be hidden as
overflow.
Any help would be appreciated.
[jQuery] Overflow difficulties
I have this website:
http://www.vampsworld.com/freelance_projects/aawc/
with this JQuery:
script type=text/javascript
$(document).ready(function() {
$('#homemenuoption')
.css( {backgroundPosition: -20px 35px} )
.mouseover(function(){
$(this).stop().animate({backgroundPosition:(-20px
94px),height:231px},{duration:200});
})
.mouseout(function(){
$(this).stop().animate({backgroundPosition:(40px
35px),height:34px}, {duration:600, complete:function(){
$(this).css({backgroundPosition: -20px
35px})
}})
})
});
/script
and this html
div id=toplinks class=smallgraytext
a href=#Home/a | a
href=#Sitemap/a | a
href=#Contact Us/a
/div
/div
div id=menu
ul id=topmenu
li id=homemenuoption style=overflow:hidden;height:
34px;
a href=#Home/a
div id=homesubmenu
style=position:relative;z-index:
100;background-color:#089CAA
div class=smallgraytext
a href=#Submenu 1/a
a href=#Submenu 2/a
a href=#Submenu 3/a
a href=#Submenu 4/a
a href=#Submenu 5/a
a href=#Submenu 6/a
/div
/div
/li
For some reason the homesubmenu doesn't show when the box is
homemenuoption is stretched, and should no longer be hidden as
overflow.
Any help would be appreciated.
[jQuery] [validate] array name attribute
hi, i am having problem with validation if i would be using an array name attribute form method=post action= id=form1 Name: input type=text name=applicant[name] id=applicant_name*br Address: input type=text name=applicant[address] id=applicant_address*br Company Name: input type=text name=company[name] id=company_name*br Company Address: input type=text name=company[address] id=company_address*br /form with all fields required, jquery validate is not validating this one. how would i get this working? thanks..
[jQuery] [validate] array name attribute
hi, i am having problem with validation if i would be using an array name attribute form method=post action= id=form1 Name: input type=text name=applicant[name] id=applicant_name*br Address: input type=text name=applicant[address] id=applicant_address*br Company Name: input type=text name=company[name] id=company_name*br Company Address: input type=text name=company[address] id=company_address*br /form with all fields required, jquery validate is not validating this one. how would i get this working? thanks..
[jQuery] Re: Can't figure out why click function won't work for lifeimage
Neither works, The problem seems to be in that it is not recognizing the click event. I can replace the action inside the function with anything, including a simple alert, and it won't work, so the problem must be with trouble reading the click event.
[jQuery] Can't figure out why click function won't work for lifeimage
I've spent a good bit of time trying to figure this out, so I figure
now it's time to go to the forum. I've trying to make lifeimage
clickable so I can do other stuff with it, but I can't even seem to
get the click event to function. Code is below.
Code:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en
head
meta http-equiv=Content-Type content=text/html;
charset=iso-8859-1 /
titleVamp's World/title
link href=css_style/vamp_style.css rel=stylesheet type=text/
css /
script type=text/javascript src=./javascript/jquery.js/
script
script type=text/
javascript
$(document).ready(function() {
// JQUERY stuff goes here
$('div#menu').hide();
$('#lifeimage').click(function() {
$(this).hide();
});
});
/script
/head
body
div id=bodybox
div id=header
div id=logo/div
div id=advertise
img src=images/snowball.gif
style=width:468px;height:60px; alt=Example Ad /
/div!-- end advertise --
div id=top_link
img src=images/top_menu_01.png
id=lifeimage style=width:74px;height:34px;border:1px solid green;
alt=Life Menu /
a href=#img src=images/
top_menu_02.png id=Image11 style=width:103px;height:34px;border:
0px;margin-left:-5px; alt=Literature Menu //a
a href=#img src=images/
top_menu_03.png id=Image12 style=width:88px;height:34px;border:
0px;margin-left:-5px; alt=Poetry Menu //a
a href=#img src=images/
top_menu_04.png id=Image13 style=width:75px;height:34px;border:
0px;margin-left:-5px; alt=Media Menu //a
a href=#img src=images/
top_menu_05.png id=Image14 style=width:102px;height:34px;border:
0px;margin-left:-5px; alt=Option 1 Menu //a
a href=#img src=images/
top_menu_06.png id=Image15 style=width:103px;height:34px;border:
0px;margin-left:-5px; alt=Option 2 Menu //
a
/div!-- end top_link --
/div!-- end header --
div id=main_body_box
div id=bar
img src=images/menu_2.png alt=menu_2
(7K) style=border:0px;width:436px;height:25px; /
/div!-- end bar --
div id=content
div id=leftframe
!-- This is the left menu, which is a
stack of books --
? include(./left_menus/
social_menu.php); ?
div id=frame
div id=ad_content
div style=width:144px;text-
align:center
object type=application/x-
shockwave-flash
data=http://twitter.com/
flash/twitter_badge.swf
width=144
height=176
param name=movie
value=http://twitter.com/flash/twitter_badge.swf; /
param name=flashvars
value=color1=26112amp;type=useramp;id=wtvamp /
param name=wmode
value=transparent /
param
name=allowScriptAccess value=always /
param name=pluginspage
value=http://www.macromedia.com/go/getflashplayer; /
/object
a style=font-
size: 10px; color: #00; text-decoration: none href=http://
twitter.com/WTVampfollow WTVamp at http://twitter.com/a
/div
/div!-- end ad_content --
/div!-- end frame --
/div!-- end leftframe --
div id=body
div id=body_content
div id=content_heading
div
id=pg_heading
img src=./
images/comingsoon.png alt=Coming Soon...Vamp's World Returns... /
/div!-- end
pg_heading --
/div!-- end content_heading
--
div id=content_main
div
id=internal_content
h2THE
SURROUNDING WATERS/h2
p He walked alone on
[jQuery] Can't figure out why click function won't work for lifeimage
I've spent a good bit of time trying to figure this out, so I figure
now it's time to go to the forum. I've trying to make lifeimage
clickable so I can do other stuff with it, but I can't even seem to
get the click event to function. Code is below.
Code:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en
head
meta http-equiv=Content-Type content=text/html;
charset=iso-8859-1 /
titleVamp's World/title
link href=css_style/vamp_style.css rel=stylesheet type=text/
css /
script type=text/javascript src=./javascript/jquery.js/
script
script type=text/
javascript
$(document).ready(function() {
// JQUERY stuff goes here
$('div#menu').hide();
$('#lifeimage').click(function() {
$(this).hide();
});
});
/script
/head
body
div id=bodybox
div id=header
div id=logo/div
div id=advertise
img src=images/snowball.gif
style=width:468px;height:60px; alt=Example Ad /
/div!-- end advertise --
div id=top_link
img src=images/top_menu_01.png
id=lifeimage style=width:74px;height:34px;border:1px solid green;
alt=Life Menu /
a href=#img src=images/
top_menu_02.png id=Image11 style=width:103px;height:34px;border:
0px;margin-left:-5px; alt=Literature Menu //a
a href=#img src=images/
top_menu_03.png id=Image12 style=width:88px;height:34px;border:
0px;margin-left:-5px; alt=Poetry Menu //a
a href=#img src=images/
top_menu_04.png id=Image13 style=width:75px;height:34px;border:
0px;margin-left:-5px; alt=Media Menu //a
a href=#img src=images/
top_menu_05.png id=Image14 style=width:102px;height:34px;border:
0px;margin-left:-5px; alt=Option 1 Menu //a
a href=#img src=images/
top_menu_06.png id=Image15 style=width:103px;height:34px;border:
0px;margin-left:-5px; alt=Option 2 Menu //
a
/div!-- end top_link --
/div!-- end header --
div id=main_body_box
div id=bar
img src=images/menu_2.png alt=menu_2
(7K) style=border:0px;width:436px;height:25px; /
/div!-- end bar --
div id=content
div id=leftframe
!-- This is the left menu, which is a
stack of books --
? include(./left_menus/
social_menu.php); ?
div id=frame
div id=ad_content
div style=width:144px;text-
align:center
object type=application/x-
shockwave-flash
data=http://twitter.com/
flash/twitter_badge.swf
width=144
height=176
param name=movie
value=http://twitter.com/flash/twitter_badge.swf; /
param name=flashvars
value=color1=26112amp;type=useramp;id=wtvamp /
param name=wmode
value=transparent /
param
name=allowScriptAccess value=always /
param name=pluginspage
value=http://www.macromedia.com/go/getflashplayer; /
/object
a style=font-
size: 10px; color: #00; text-decoration: none href=http://
twitter.com/WTVampfollow WTVamp at http://twitter.com/a
/div
/div!-- end ad_content --
/div!-- end frame --
/div!-- end leftframe --
div id=body
div id=body_content
div id=content_heading
div
id=pg_heading
img src=./
images/comingsoon.png alt=Coming Soon...Vamp's World Returns... /
/div!-- end
pg_heading --
/div!-- end content_heading
--
div id=content_main
div
id=internal_content
h2THE
SURROUNDING WATERS/h2
p He walked alone on
[jQuery] Re: Can't figure out why click function won't work for lifeimage
If I use some images on the page it works, and then others do not. I know img tags can be clickable - and I'm using firefox to test at the moment. On Nov 6, 1:41 pm, ripple [EMAIL PROTECTED] wrote: An image can't be clickable in, if I remember IE? Change the click to the div advertise
[jQuery] Re: Can't figure out why click function won't work for lifeimage
It doesn't work when the image is inside an a tag and using the id
of the a tag to make it disappear, like so:
$(document).ready(function() {
// JQUERY stuff goes here
//$('div#menu').hide();
$('#testlink').click(function() {
$(lifeimage).hide();
});
});
And in the HTML:
div id=top_link
a
href=# id=testlinkimg src=images/top_menu_01.png
id=lifeimage style=width:74px;height:34px;border:1px solid green;
alt=Life Menu //a
/div
On Nov 6, 1:59 pm, ripple [EMAIL PROTECTED] wrote:
I just noticed that I mixed up the divs by suggesting advertise.
Save yourself the hassle and wrap the img tag in a link and us the link for
the click.
A browsers assigned nature is that an img is not clickable without another
element(ie, href).
--- On Thu, 11/6/08, Warren [EMAIL PROTECTED] wrote:
From: Warren [EMAIL PROTECTED]
Subject: [jQuery] Re: Can't figure out why click function won't work for
lifeimage
To: jQuery (English) jquery-en@googlegroups.com
Date: Thursday, November 6, 2008, 1:51 PM
If I use some images on the page it works, and then others do not. I
know img tags can be clickable - and I'm using firefox to test at the
moment.
On Nov 6, 1:41 pm, ripple [EMAIL PROTECTED] wrote:
An image can't be clickable in, if I remember IE?
Change the click to the div advertise
[jQuery] Re: Can't figure out why click function won't work for lifeimage
Anyone? I would think it's something rather easy that I'm missing.
On Nov 6, 2:07 pm, Warren [EMAIL PROTECTED] wrote:
It doesn't work when the image is inside an a tag and using the id
of the a tag to make it disappear, like so:
$(document).ready(function() {
// JQUERY stuff goes here
//$('div#menu').hide();
$('#testlink').click(function() {
$(lifeimage).hide();
});
});
And in the HTML:
div id=top_link
a
href=# id=testlinkimg src=images/top_menu_01.png
id=lifeimage style=width:74px;height:34px;border:1px solid green;
alt=Life Menu //a
/div
On Nov 6, 1:59 pm, ripple [EMAIL PROTECTED] wrote:
I just noticed that I mixed up the divs by suggesting advertise.
Save yourself the hassle and wrap the img tag in a link and us the link for
the click.
A browsers assigned nature is that an img is not clickable without another
element(ie, href).
--- On Thu, 11/6/08, Warren [EMAIL PROTECTED] wrote:
From: Warren [EMAIL PROTECTED]
Subject: [jQuery] Re: Can't figure out why click function won't work for
lifeimage
To: jQuery (English) jquery-en@googlegroups.com
Date: Thursday, November 6, 2008, 1:51 PM
If I use some images on the page it works, and then others do not. I
know img tags can be clickable - and I'm using firefox to test at the
moment.
On Nov 6, 1:41 pm, ripple [EMAIL PROTECTED] wrote:
An image can't be clickable in, if I remember IE?
Change the click to the div advertise
[jQuery] Re: superfish help
great, that will work. thanks.
[jQuery] Re: superfish help
Hi Joel-! ok - found another problem. http://lhc.lucidcrew.com/ministries the first and last menu items have no sub-nav, so on rollover, it highlights the active tab and pops its subnav open. how do I avoid this from happening?
[jQuery] Re: superfish help
hi Joel - thanks for the response. I couldn't get it to work, so I just hid the 3rd level for now :( the 3rd level still retains the display:block and mouseout
[jQuery] Re: superfish: javascript issue
I don't see any errors on the demos. What is the url you are getting errors one? Do you have the bgiframe plugin installed too? GET /css/bgIframe.js these errors look like they are from an incorrect call of the js doc from your html... ET /css/css/css/css/ do you have something like this? script type=text/javascript src=../css/jquery-1.2.3.min.js/ script if you're site is has multiple levels of pages, you need it to be something like this: script type=text/javascript src=/css/jquery-1.2.3.min.js/script
[jQuery] superfish help
I am trying to do something that is a combinations of examples... I want it to work like this example, but have normal vertical submenus on the 3rd level that hide on mouseout. http://users.tpg.com.au/j_birch/plugins/superfish/all-horizontal-example/ Also - if the 1st level menu item does not have a submenu, to show no menu (currently it leaves the previous moused-over menu) my dev url: http://lhc.lucidcrew.com/ministries
