[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 483: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 483: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 483: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 483: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 483: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 483: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 483: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 483: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 483: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 483: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 483: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 483: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 483: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 483: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 483: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 483: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 483: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 483: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 483: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 483: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 483: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 483: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 483: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 483: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 483: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 483: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 112: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 112: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 112: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 112: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 112: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 112: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 112: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 112: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 112: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/bbcode.php on line 112: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead
[phpBB Debug] PHP Notice: in file /includes/functions.php on line 4284: Cannot modify header information - headers already sent by (output started at /includes/functions.php:3493)
[phpBB Debug] PHP Notice: in file /includes/functions.php on line 4286: Cannot modify header information - headers already sent by (output started at /includes/functions.php:3493)
[phpBB Debug] PHP Notice: in file /includes/functions.php on line 4287: Cannot modify header information - headers already sent by (output started at /includes/functions.php:3493)
[phpBB Debug] PHP Notice: in file /includes/functions.php on line 4288: Cannot modify header information - headers already sent by (output started at /includes/functions.php:3493)
www.dhtmlgoodies.com • View topic - z-Index / Nested DIV Issue with *Show/Hide Content w/...*
Advertisement

z-Index / Nested DIV Issue with *Show/Hide Content w/...*

Moderators: Calcifer, slothy

z-Index / Nested DIV Issue with *Show/Hide Content w/...*

Postby mbz » Wed Mar 15, 2006 7:15 pm

First off... Great script, and overall impressive site! :D

I just implemented the Show/Hide content with sliding effect script (Script Info: ), however am having a few minor issues with the z-Index of my nested DIV tags (below the Answer level).


ISSUE 01:

The text displays just fine in these nested DIV tags (below the Answer level), however my corresponding images do not. I believe it is due to some z-Index issue, where for some reason they are being displayed behind the Answer DIV (as apposed to above it).

I have uploaded the above script to my server for review:


Upon clicking on any of the blue buttons, the show/hide content goes into effect, showing green buttons that correspond to each blue button. The green buttons should be displaying a small graphical icon (IMG) next to each text element, however this is where the z-Index issue happens.

The graphic below illustrates what is going on:
Image


ISSUE 02:

The "sliding effect" that is applied to the DIV tags only functions on the way up, not on the way down. I believe that this is also linked to my nested DIV layers.

Simply click on a button to see it appear immediately (with no slide effect applied), and then click on another button (to see the open menu item slide closed, with the new menu item appearing instantly).


I think one simple solution would be to get rid of the nested DIV tags, however I am new to CSS and table-less design and do not know how to accomplish this without nesting them.

Any direction is greatly appreciated... Thanks much in advance!!

Best Regards,
MIKE
mbz
 
Posts: 59
Joined: Wed Mar 15, 2006 6:24 pm
Location: Chandler, Arizona (USA)

Postby Batalf » Thu Mar 16, 2006 12:02 am

Batalf
Site Admin
 
Posts: 2160
Joined: Sat Oct 22, 2005 9:38 pm

Postby Batalf » Thu Mar 16, 2006 12:10 am

Batalf
Site Admin
 
Posts: 2160
Joined: Sat Oct 22, 2005 9:38 pm

Many thanks!!

Postby mbz » Thu Mar 16, 2006 3:55 am

mbz
 
Posts: 59
Joined: Wed Mar 15, 2006 6:24 pm
Location: Chandler, Arizona (USA)

Automatically expand first item not functioning?

Postby mbz » Thu Mar 16, 2006 7:59 am

mbz
 
Posts: 59
Joined: Wed Mar 15, 2006 6:24 pm
Location: Chandler, Arizona (USA)

Postby Batalf » Fri Mar 17, 2006 3:03 am

Batalf
Site Admin
 
Posts: 2160
Joined: Sat Oct 22, 2005 9:38 pm

Postby mbz » Fri Mar 17, 2006 3:43 am

That did the trick... Thanks again!!

mbz
 
Posts: 59
Joined: Wed Mar 15, 2006 6:24 pm
Location: Chandler, Arizona (USA)

Postby mbz » Sun Mar 19, 2006 5:00 am

Batalf,

Any ideas regarding my Thu Mar 16, 2006 3:55 am post on this topic (about updating the css class name and also divs acting like spans)? :?:

Best Regards,
MIKE
mbz
 
Posts: 59
Joined: Wed Mar 15, 2006 6:24 pm
Location: Chandler, Arizona (USA)

Postby Batalf » Mon Mar 20, 2006 10:15 am

Batalf
Site Admin
 
Posts: 2160
Joined: Sat Oct 22, 2005 9:38 pm

Postby mbz » Mon Mar 20, 2006 9:33 pm

Batalf,

Thanks for the help!! I implemented both of your solutions, however am receiving an issue yet...



After putting in the height and width for the green button divs, the images displayed within that div now do a sort-of disappearing act (and then reappear after you put your mouse on one of the blue buttons).

Any ideas on this?

Also, regarding the new blue color function clickButton(), i am calling it via onmouseover and then using your other new code onmouseout. It works well, however it loses highlight even when the menu is folded out for a particular item upon mouseing over a new blue button (when both should be lit at that point - the button for the open menu and the onmouseover button). I tried to instead call this clickButton() function through onclick event handler, however it would not work (maybe I am doing something wrong?)... I will continue to play around with this item to see if I can get it working right.

Thanks again!!,
MIKE
mbz
 
Posts: 59
Joined: Wed Mar 15, 2006 6:24 pm
Location: Chandler, Arizona (USA)

Postby Batalf » Mon Mar 20, 2006 9:52 pm

Batalf
Site Admin
 
Posts: 2160
Joined: Sat Oct 22, 2005 9:38 pm

Postby mbz » Mon Mar 20, 2006 10:40 pm

Batalf,

Beautiful!! Works perfectly...



Thanks,
MIKE
mbz
 
Posts: 59
Joined: Wed Mar 15, 2006 6:24 pm
Location: Chandler, Arizona (USA)

Postby Batalf » Mon Mar 20, 2006 10:43 pm

Thank you!

I'm glad we figured it out :D
Batalf
Site Admin
 
Posts: 2160
Joined: Sat Oct 22, 2005 9:38 pm

Postby mbz » Mon Mar 20, 2006 11:10 pm

mbz
 
Posts: 59
Joined: Wed Mar 15, 2006 6:24 pm
Location: Chandler, Arizona (USA)

Postby Batalf » Mon Mar 20, 2006 11:20 pm

Batalf
Site Admin
 
Posts: 2160
Joined: Sat Oct 22, 2005 9:38 pm

Next

Return to Questions regarding other scripts at www.dhtmlgoodies.com

Who is online

Users browsing this forum: No registered users and 6 guests

cron