jquery : corner peel (not working) conflicts with slide down pane (working), i think HREF # (as anchor for both)

pictureguy
pictureguy used Ask the Experts™
on
I have this jquery corner peel plugged in which is not moving at all. I also have a sliding panel
that is moving. When i first plugged in the peel, both items stopped working. I took out a src= jquery library that was not being used and the panel started working again, but the peel not.

I think it is the href #, as it is used in both instances.

I have no idea because i am a novice at jquery ( less than novice really - i guess alot).

www.simonramsey.com

I have a wordpress install. The header is bloated with everykind of jquery library....

i put in 'no conflict', still no action on the peel...

anyone able to slap this around abit and make it work, whilst teaching me a touch on what is wrong?

I include a portion of my header and body which shows both the #pageflip div being referenced by the peel and the "top panel" jquery slider code ( with some login stuff within it), then the jquery script above the header for the "pageflip" peel...

Many thanks.... heres a snippet of my code.:


<script type="text/javascript">
var jQuery = jQuery.noConflict();  

jQuery("#pageflip").hover(function() { //On hover...
	jQuery("#pageflip img , .msg_block").stop()
		.animate({ //Animate and expand the image and the msg_block (Width + height)
			width: '307px',
			height: '319px'
		}, 500);
	} , function() {
	jQuery("#pageflip img").stop() //On hover out, go back to original size 50x52
		.animate({
			width: '50px',
			height: '52px'
		}, 220);
	jQuery(".msg_block").stop() //On hover out, go back to original size 50x50
		.animate({
			width: '50px',
			height: '50px'
		}, 200); //Note this one retracts a bit faster (to prevent glitching in IE)
});</script>



</head>
<body>

<div id="toppanel" class="<?php if ($wpjs_toppanel_attitude == "push"){ echo "toppanel-push"; }elseif ($wpjs_toppanel_attitude == "overlap" || $wpjs_sidebar_position == ""){echo "toppanel-overlap";} ?>">
<?php
	global $user_identity, $user_ID;
	// If user is logged in or registered, show dashboard links in panel
if($wpjs_top_panel_content == "Widget Ready"){
	
	 ?>

	<div id="panel" >
		<div class="widgetpanel clearfix" >
			<?php 
			
			ob_start();

			dynamic_sidebar('Top Panel');
			$content_puffer = ob_get_contents();
			
			ob_end_clean();
			global $i;
			$i = 1;

			function ersetzen2($treffer){
				global $toppanel_i;
				$replace = $treffer[0] . "-" . $toppanel_i;
				$toppanel_i++;
				return $replace;
			}

			$content_puffer = preg_replace_callback('/widget-count/', 'ersetzen', $content_puffer);
			echo  $content_puffer;
			?>



			
		</div>
	</div>

	<div class="tab">
		<ul class="login">
			<!-- Logout -->
			<li id="toggle">
				<a id="open" class="open" href="#"></a>
				<a id="close" style="display: none;" class="close" href="#"></a>
			</li>
		</ul>
	</div> <!-- / top -->

<?php
}elseif ($wpjs_top_panel_content == "Login Panel" || $wpjs_top_panel_content == "Login Panel smaller") {
	
	if (is_user_logged_in()) {
?>
	<div id="panel">
		<div class="content clearfix">
			<div class="left border">
				<h1>Welcome back <?php echo $user_identity ?></h1>
				<p><?php 
					if ($wpjs_top_panel_text_login){
						echo nl2br($wpjs_top_panel_text_login);
					}else{
						echo "Hello User";
					}?>
						
				</p>
				<h2>Dashboard</h2>
				<ul>
					<li><a href="<?php bloginfo('url') ?>/wp-admin/index.php">Go to Dashboard</a></li>
				</ul>
			</div>
			<div class="left narrow">
				<h2>My Account</h2>
				<ul>
					<li><a href="<?php bloginfo('url') ?>/wp-admin/index.php">Global Dashboard</a></li>
					<li><a href="<?php bloginfo('url') ?>/wp-admin/profile.php">Edit My Profile</a></li>
					<?php if ( current_user_can('level_1') ) : ?>
						<li><a href="<?php bloginfo('url') ?>/wp-admin/edit-comments.php">Comments</a></li>
					<?php endif ?>
					<li><a href="<?php echo wp_logout_url(get_permalink()); ?>" rel="nofollow" title="<?php _e('Log out'); ?>"><?php _e('Log out'); ?></a></li>
				</ul>
				<?php if ( current_user_can('level_10') ) : ?>
				<h2>Appearance</h2>
				<ul>
					<li><a href="<?php bloginfo('url') ?>/wp-admin/themes.php">Themes</a></li>
					<li><a href="<?php bloginfo('url') ?>/wp-admin/widgets.php">Widgets</a></li>
					<li><a href="<?php bloginfo('url') ?>/wp-admin/theme-editor.php">Theme Editor</a></li>
				</ul>
				<?php endif ?>
			</div>
			<?php if ( current_user_can('level_2') ) : ?>
			<div class="left narrow">
				<h2>Posts</h2>
				<ul>
					<li><a href="<?php bloginfo('url') ?>/wp-admin/post-new.php">New Post</a></li>
					<li><a href="<?php bloginfo('url') ?>/wp-admin/edit.php">Edit Posts</a></li>
				<?php if ( current_user_can('level_3') ) : ?>
					<li><a href="<?php bloginfo('url') ?>/wp-admin/edit-tags.php">Tags</a></li>
					<li><a href="<?php bloginfo('url') ?>/wp-admin/categories.php">Categories</a></li>
				<?php endif ?>
				</ul>
				<?php if ( current_user_can('level_10') ) : ?>
				<h2>Plugins</h2>
				<ul>
					<li><a href="<?php bloginfo('url') ?>/wp-admin/plugins.php">Plugins</a></li>
					<li><a href="<?php bloginfo('url') ?>/wp-admin/plugin-install.php">Install a Plugin</a></li>
					<li><a href="<?php bloginfo('url') ?>/wp-admin/plugin-editor.php">Plugin Editor</a></li>
				</ul>
				<?php endif ?>
			</div>
			<?php endif ?>
			<?php if ( current_user_can('level_2') ) : ?>
			<div class="left narrow">
				<?php if ( current_user_can('level_3') ) : ?>
				<h2>Pages</h2>
				<ul>
					<li><a href="<?php bloginfo('url') ?>/wp-admin/post-new.php">New Page</a></li>
					<li><a href="<?php bloginfo('url') ?>/wp-admin/edit-pages.php">Edit Pages</a></li>
				</ul>
				<?php endif ?>
				<h2>Library</h2>
				<ul>
					<li><a href="<?php bloginfo('url') ?>/wp-admin/upload.php">Library</a></li>
					<li><a href="<?php bloginfo('url') ?>/wp-admin/media-new.php">Add New</a></li>
				</ul>
				<?php if ( current_user_can('level_3') ) : ?>
				<h2>Users</h2>
				<ul>
					<li><a href="<?php bloginfo('url') ?>/wp-admin/users.php">Author & Users</a></li>
					<li><a href="<?php bloginfo('url') ?>/wp-admin/user-new.php">Add New</a></li>
				</ul>
				<?php endif ?>
			</div>
			<?php endif ?>
			<?php if ( current_user_can('level_10') ) : ?>
			<div class="left narrow">
				<h2>Settings</h2>
				<ul>
					<li><a href="<?php bloginfo('url') ?>/wp-admin/options-general.php">General</a></li>
					<li><a href="<?php bloginfo('url') ?>/wp-admin/options-writing.php">Writing</a></li>
					<li><a href="<?php bloginfo('url') ?>/wp-admin/options-reading.php">Reading</a></li>
					<li><a href="<?php bloginfo('url') ?>/wp-admin/options-discussion.php">Discussion</a></li>
					<li><a href="<?php bloginfo('url') ?>/wp-admin/options-media.php">Media</a></li>
					<li><a href="<?php bloginfo('url') ?>/wp-admin/options-privacy.php">Privacy</a></li>
					<li><a href="<?php bloginfo('url') ?>/wp-admin/options-permalink.php">Permalinks</a></li>
					<li><a href="<?php bloginfo('url') ?>/wp-admin/options-misc.php">Miscellaneous</a></li>
				</ul>
			</div>
			<?php endif ?>
		</div>
	</div> <!-- /login -->
	<!-- The tab on top -->
	<div class="tab">
		<ul class="login">
			<!-- Logout -->
			<li id="toggle">
				<a id="open" class="open" href="#"></a>
				<a id="close" style="display: none;" class="close" href="#"></a>
			</li>
		</ul>
	</div> <!-- / top -->
<?php
	// Else if user is not logged in, show login and register forms
	} else {

		if ($wpjs_top_panel_content == "Login Panel"){
?>
		

	<div id="panel">
		<div class="content clearfix">
			<div class="left border">
				<h1><?php if($wpjs_top_panel_headline){
							echo $wpjs_top_panel_headline; 
						  }else {
							echo "Default Headline";
						  }

					?></h1>
				<p class="grey"><?php if($wpjs_top_panel_text){
										echo  nl2br($wpjs_top_panel_text);
									  }else {
										echo "Default Text";
									  }
								 ?></p>
			</div>
			<div class="left">
				<!-- Login Form -->
				<form class="clearfix" action="<?php bloginfo('url') ?>/wp-login.php" method="post">
					<h1>Member Login</h1>
					<label class="grey" for="log">Username:</label>
					<input class="field" type="text" name="log" id="log" value="<?php echo wp_specialchars(stripslashes($user_login), 1) ?>" size="23" />
					<label class="grey" for="pwd">Password:</label>
					<input class="field" type="password" name="pwd" id="pwd" size="23" />
					<label><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> Remember me</label>
					<div class="clear"></div>
					<input type="submit" name="submit" value="Login" class="bt_login" />
					<input type="hidden" name="redirect_to" value="<?php echo $_SERVER['REQUEST_URI']; ?>"/>
					<a class="lost-pwd" href="<?php bloginfo('url') ?>/wp-login.php?action=lostpassword">Lost your password?</a>
				</form>
			</div>
			<div class="left right">
			<?php if (get_option('users_can_register')) : ?>
				<!-- Register Form -->
				<form name="registerform" id="registerform" action="<?php echo site_url('wp-login.php?action=register', 'login_post') ?>" method="post">
					<h1>Not a member yet? Sign Up!</h1>
					<label class="grey" for="user_login"><?php _e('Username') ?></label>
					<input class="field" type="text" name="user_login" id="user_login" class="input" value="<?php echo attribute_escape(stripslashes($user_login)); ?>" size="20" tabindex="10" />
					<label class="grey" for="user_email"><?php _e('E-mail') ?></label>
					<input class="field" type="text" name="user_email" id="user_email" class="input" value="<?php echo attribute_escape(stripslashes($user_email)); ?>" size="25" tabindex="20" />
					<?php do_action('register_form'); ?>
					<label id="reg_passmail"><?php _e('A password will be e-mailed to you.') ?></label>
					<input type="submit" name="wp-submit" id="wp-submit" value="<?php _e('Register'); ?>" class="bt_register" />
				</form>
			<?php else : ?>
				<h1>Registration is closed</h1>
				<p>Sorry, you are not allowed to register by yourself on this site!</p>
				<p>You must either be invited by one of our team member or request an invitation by email at <b>info {at} yoursite {dot} com</b>.</p>
				<!-- Admin, delete text below later when you are done with configuring this panel -->
				<p style="border-top:1px solid #333;border-bottom:1px solid #333;padding:10px 0;margin-top:10px;color:white"><em>Note: If you are the admin and want to display the register form here, log in to your dashboard, and go to <b>Settings</b> > <b>General</b> and click "Anyone can register".</em></p>
			<?php endif ?>
			</div>
		</div>
	</div> <!-- /login -->
	<!-- The tab on top -->
	<div class="tab">
		<ul class="login">
			<!-- Login / Register -->
			<li id="toggle">
				<a id="open" class="open" href="#"></a>
				<a id="close" style="display: none;" class="close" href="#"></a>
			</li>
		</ul>
	</div> <!-- / top -->
<?php 
		}elseif($wpjs_top_panel_content == "Login Panel smaller"){?>



	<div id="panel">
	  <div class="content-login-smaller clearfix">
		<div class="left">
				<!-- Login Form -->
				<form class="clearfix" action="<?php bloginfo('url') ?>/wp-login.php" method="post">
					<div class="username">
					<label class="grey" for="log">Username:</label>
					<input class="field" type="text" name="log" id="log" value="<?php echo wp_specialchars(stripslashes($user_login), 1) ?>" size="23" /><br />
					<input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> Remember me
					</div>
					<div class="password">
					<label class="grey" for="pwd">Password:</label>
					<input class="field" type="password" name="pwd" id="pwd" size="23" />
					<a class="lost-pwd" href="<?php bloginfo('url') ?>/wp-login.php?action=lostpassword">Lost your password?</a>
					</div>
					
					<input type="submit" name="submit" value="Login" class="bt_login" />
					<input type="hidden" name="redirect_to" value="<?php echo $_SERVER['REQUEST_URI']; ?>"/>
					
				</form>
			</div>
		</div>
</div>

	<div class="tab">
		<ul class="login">
			<!-- Logout -->
			<li id="toggle">
				<a id="open" class="open" href="#"></a>
				<a id="close" style="display: none;" class="close" href="#"></a>
			</li>
		</ul>
	</div> <!-- / top -->

		
	<?php }else{
		echo "Configuration Error!!!";
	}
	}	
} else {
}?>
</div> <!--END panel -->


<div id="top-background" >
<div id="pageflip">
	<a href="#">
		<img src="http://www.simonramsey.com/home/wp-content/uploads/Globalimages/page_flip.png" alt="" />
		<span class="msg_block">Subscribe via RSS</span>
	</a>
</div>
	<div id="headerwrap" >

		<div id="head" >
			<h1>

Open in new window

Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
WOW. I can safely say I have never seen so many <script> tags in my whole life before.

Lets get to it. First one of the issues you have is you have linked just WAY too many versions of jQuery in all your <script> tags. You need to remove them. As just the ONE NEWEST VERSION of jQuery will be enough to run all the scripts on your page!

Okay lets get to it. First make a backup of the index page so as you can revert back to it if my method messes up the page even more.

Now lets first remove all the jQuery <scripts> you do not need. Instead of removing it you can put the whole <script src="something.js"></script> into a <!----   ---->  and that will fine too (ie: <!---- <script src="something.js"></script>  ----> )

Now get rid of these lines in the code. Find them and nerf them!!::

<script type='text/javascript' src='http://simonramsey.com/home/wp-includes/js/jquery/jquery.js?ver=1.3.2'></script>

<script src="http://simonramsey.com/home/wp-content/themes/flexolio/js/jquery-1.2.6.min.js" type="text/javascript"></script>

<script type="text/javascript" src="http://simonramsey.com/home/wp-content/themes/flexolio/js/jquery-1.3.2.min.js"></script>

Now after all those 3 are removed. You need to add just one instance of jQuery onto the page. I would goto this website : http://docs.jquery.com/Downloading_jQuery and get the newest version : http://code.jquery.com/jquery-1.4.1.js

Save this somewhere on your HTTP root folder maybe. And then back on the index page at the top BEFORE any other <script> tags enter this

<script type="text/javascript" src="jquery-1.4.1.js"></script>

(so put that before "<script type='text/javascript' src='http://simonramsey.com/home/wp-content/plugins/gigya-socialize-for-wordpress/resources/gs-for-wordpress.js?ver=1.1.5'></script>" that I see on your page already.)

Save the page and test it on the browser to see if doing this broke any of the existing working scripts. First do these steps and get back to me (I want to see the results of you removing all the extra jQuery links myself by refreshing the page on my side so I know you aren't cheating :P)

After this step we can look into why the peel thing makes the other scripts not work right, and how it doesn't work itself.

Author

Commented:
Well I am honored to be that guy that just chops code sooo badly that it was a first for you, and yet the thing still runs!

thanks for getting back so quick.

Why would theme developers use the differing jquery script calls , my theme came with about 5 of them or more... jquery-easing.js, call.inside.jquery.js etc.

do i comment those out too?
Lol hey you didn't do a bad job at integrating the differant codes and bits together, the issue here is that the developers of those codes didn't explain in abit more detail how to integrate their coding with other ones, so its not your fault that you attempted to put things which might not function together on the same page.

The way jQuery works is, first you load the base version of the jQuery which you get from www.jquery.com after this you can load on extra plugins/functions etc etc etc onto the base code by adding script in the way it has been in those other files you are talking about (the call.inside.jquery.js files, the jquery-easing.js, the jquery.plugin.js etc etc) its all abit complicated at first but once you use jQuery and jQuery plugins for awhile you will soon understand it well!

You should not comment out the other bits that I haven't mentioned just yet because I just went through them and they are all addons to jQuery NOT a new base instance of jQuery itself. My theorising at this point is that the issue is caused by loading too many differant base versions of jQuery together which breaks the script on the overall page somehow.
Success in ‘20 With a Profitable Pricing Strategy

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

Author

Commented:
So i took out all the base instances of jquery, downloaded and put in the latest pack of jquery, left the other plugin versions, but unfortunately the peel still doesnt work.

thanks for the explaination of the jquery base package etc, very helpful.

I got it working on my end (I ripped a copy of your website onto my PC to do this, sorry about copy right infringing and all that!! Ill delete the page and all images right after I am done with helping you out).

I attached the bit of code that needs changing to, Its simple... The mistake was very small... Sorry I didnt pick it up earlier and instead made you do alot more unneccassary things.

Just add a "$(document).ready(function(){" before all the code having to do with $("#pageflip")

and and the ending "});" after that chunk of code.

Also I found you still have 2 instances of jQuery running. It is not causing any issues on your page but you can safely comment out/remove this line of code from the page too:

"<script type="text/javascript" src="http://simonramsey.com/home/wp-content/themes/flexolio/js/jquery-1.4.1.min.js"></script>"

Besides doing that just change the code in the snippet and it should work!!!
<script type="text/javascript"> 
$(document).ready(function(){
 
	$("#pageflip").hover(function() { //On hover...
		$("#pageflip img , .msg_block").stop()
			.animate({ //Animate and expand the image and the msg_block (Width + height)
				width: '307px',
				height: '319px'
			}, 500);
		} , function() {
		$("#pageflip img").stop() //On hover out, go back to original size 50x52
			.animate({
				width: '50px',
				height: '52px'
			}, 220);
		$(".msg_block").stop() //On hover out, go back to original size 50x50
			.animate({
				width: '50px',
				height: '50px'
			}, 200); //Note this one retracts a bit faster (to prevent glitching in IE)
	});

});
</script>

Open in new window

Also I am getting a few script errors because of this section of code. You have repeating ' s inside a string which was declared by using '    ' in the first place, you need to escape them.

Change code from:
<script>
var gs_partner = '1080581'
var gs_apikey = '2_3wzvi5FWc6kzjTi9RHmB-L5e8z2MAI2DJ9_sFpQoplkham9x-aKP8y0Uw1A-4Qlz'
var gs_theme = 'blue'
var gs_facebookPageId = '23191208208'
var gs_twitterName = 'simonramseypic'
var gs_RSSUrl = 'http://simonramsey.com/?feed=rss2'
var gs_welcomeMessage = 'Use the toolbar below to stay updated and to share my photography site on Facebook, Twitter, Linkedin, Yahoo, Google and more.'
var gs_showWelcome = true
var gs_statusMessage = 'I liked 'Simon Ramsey Photography' and thought you would like his work: $URL$'
var gs_subject = 'I liked 'Simon Ramsey Photography' and thought you would like his work'
var gs_body = 'Hi, I liked 'Simon Ramsey Photography' and thought you would like his work.  Go to http://simonramsey.com and check him out!'
</script>

to:
<script>
var gs_partner = '1080581'
var gs_apikey = '2_3wzvi5FWc6kzjTi9RHmB-L5e8z2MAI2DJ9_sFpQoplkham9x-aKP8y0Uw1A-4Qlz'
var gs_theme = 'blue'
var gs_facebookPageId = '23191208208'
var gs_twitterName = 'simonramseypic'
var gs_RSSUrl = 'http://simonramsey.com/?feed=rss2'
var gs_welcomeMessage = 'Use the toolbar below to stay updated and to share my photography site on Facebook, Twitter, Linkedin, Yahoo, Google and more.'
var gs_showWelcome = true
var gs_statusMessage = 'I liked \'Simon Ramsey Photography\' and thought you would like his work: $URL$'
var gs_subject = 'I liked \'Simon Ramsey Photography\' and thought you would like his work'
var gs_body = 'Hi, I liked \'Simon Ramsey Photography\' and thought you would like his work.  Go to http://simonramsey.com and check him out!'
</script>

Open in new window

Author

Commented:
I think i did what you said re: pageflip, first set of code you told me to change...but my peel is not working on my end...

I am shocked at how great this EE is!!! the amount of hours I have wasted on everything before coming here! i am very impressed by your help! thank you...
Very weird!! Are you sure you changed the code I attached before :S :S that was literally the only thing I changed and it started to working great!

Here Ill attach it again. This is what it was before:

"<script type="text/javascript">  
$("#pageflip").hover(function() { //On hover...
      $("#pageflip img , .msg_block").stop()
            .animate({ //Animate and expand the image and the msg_block (Width + height)
                  width: '307px',
                  height: '319px'
            }, 500);
      } , function() {
      $("#pageflip img").stop() //On hover out, go back to original size 50x52
            .animate({
                  width: '50px',
                  height: '52px'
            }, 220);
      $(".msg_block").stop() //On hover out, go back to original size 50x50
            .animate({
                  width: '50px',
                  height: '50px'
            }, 200); //Note this one retracts a bit faster (to prevent glitching in IE)
});</script>"

And this is what I changed it to (attached code snippet):
**** The attached file is a screenshot of the page working on my computer. All the Javascript on the page works, in the screenshot I had my mouse hovering over the top right corner which had the flip effect and the link to that RSS feed
<script type="text/javascript"> 
$(document).ready(function(){
 
	$("#pageflip").hover(function() { //On hover...
		$("#pageflip img , .msg_block").stop()
			.animate({ //Animate and expand the image and the msg_block (Width + height)
				width: '307px',
				height: '319px'
			}, 500);
		} , function() {
		$("#pageflip img").stop() //On hover out, go back to original size 50x52
			.animate({
				width: '50px',
				height: '52px'
			}, 220);
		$(".msg_block").stop() //On hover out, go back to original size 50x50
			.animate({
				width: '50px',
				height: '50px'
			}, 200); //Note this one retracts a bit faster (to prevent glitching in IE)
	});

});
</script>

Open in new window

ScreenshotWithFlipPageMouseOver.jpg
Another screenshop with the top panel down and mouse over on the top right RSS feed thing again. When you get this working on your end it will look awesome!

Oh and yeah I've been on EE for only about a week now. I enjoy helping out people with their problems and inturn gaining more knowledge about these things myself! Its my pleasure to help you with this!
ScreenshotWithFlipPageMouseOverA.jpg

Author

Commented:
Oh thats so annoying to see it work in the picture and it not work on my end!!!!

I am jealous now!!!

So it still doesnt work in my safari or Ffox...
Alright open the page with the fixed code again in FireFox, open the "Error Console" by pressing CTRL+SHIFT+J or Tools>Error Console

Click the Clear button. Then press refresh on that webpage again and tell me if there are any "Error"s, you should get alot of Warnings but dont worry about those, they are mostly CSS errors and compatibility issues.

Author

Commented:
These are the errors i got: on the attached pic...
errors.jpg
The error saying $ is missing is because there is no longer any jQuery linked on your webpage. Hmmm can you uplaod the full code you are working with as a File attachment onto EE so I can go through your code and add jQuery to where it should be added.

But right now just to see if what I was thinking is correct can you add the attached code:

Before line 303, on my end it says "<script src="http://simonramsey.com/home/wp-content/themes/flexolio/js/jquery.scrollTo-1.4.2-min.js" type="text/javascript"></script>" can you add the attached code BEFORE this line.
<script src="http://code.jquery.com/jquery-1.4.1.js" type="text/javascript"></script>

Open in new window

Author

Commented:
It Works!!!!

You are a superstar!!

Thank you so much for your time and effort, I am very thankful...

I read your profile and am keeping your details. Really, thank you so much.

I am glad I was able to help! Good luck with the rest of the website!!

Author

Commented:
Very helpful, insightful and easy to understand instructions.

I am very grateful.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial