JavaScript - Strange Rendering Issue With A Simple Hover

Our site has quite a few 'features' to it. One is a drop down menu at the top of the site, another is an AJAX add to cart thing that loads the product to the cart without refreshing the page.

Here's the problem.

If someone adds a product to the cart and goes to view the cart, the space where the cart information usually is will be empty. The sidebar, top navigation, footer, all that, is still there. The cart info itself is gone.

What we have noticed is if you add say 2 different products to the cart, view the cart (empty page at this point), and then use the drop down cart summary in the header to remove a product from the cart summary, the cart info will all of a sudden appear as it should. Refresh the page and it goes away again.

It seems like removing the product from the cart summary in the header forces the AJAX add to cart feature to re-load the cart bringing it back. It just isn't loading initially. We have no idea why it quit working. It has been working for nearly two months with no problem.

Here is a link to the site, you can test it yourself. soundisolationstore dot com

The checkout works fine, just not the cart page. Please help if you can!

Hello all,

I have had a look around the forums, but cannot find the answer that I am after. basically, I have a text area to enter a search, and I have already written the JavaScript part of it (unsure if this is where the problem lies). The text that will go into the text area is a URL. the search button is disabled if there are spaces in the query, or if the field is blank, else the button is enabled. The problem I'm having may or may not be to do with my script. The HTML is set to 'onKeyUp' and 'onBlur' to run the function. now, it works fine, unless the user uses the mouse to copy and paste a URL into the text area. the button remains disabled until the user focuses out of the text area then back in. if ctrl+v is used, then the function works. If you would like to see the script I have written let me know, I hope you have some ideas

Thanks in advance!

Why won't this work?

Code:

if(creditsBanner<.1){
				document.convertform.creditsbanner.value = 0.1;
				creditsBanner = 0.1;
			}

This code checks to see if the number typed in the text field is less than .1
I tested this by saying If less than 1, and it works fine which means the problem is with the decimal. How am I supposed to format this to work correctly?

Hey guys, I'm new to javascript and I'm trying to get this code to work.

It's a pretty basic system to start with, just wanting to calculate the total pay for employees and using the array so that I can key multiple employees at a time.

Can anyone help me adjust my code so that this system works?

Thanks for your help in advance, it's greatly appreciated.

Code:

var NoEmps
var PayRate= new Array();
var HrsWorked= new Array();
var EmpName= new Array();
var GrossPay= new Array();
var i
var j

NoEmps=prompt("Enter Number of Employees to process","")

i = 0;
while (i<NoEmps)
{
  EmpName[i]= prompt("Enter employee name","")
  PayRate[i]=prompt("Enter employee pay rate","")
  HrsWorked[i]= prompt ("Enter hours worked","")
  if ((isNaN(PayRate[i]))||(isNaN(HrsWorked[i])))
     {
      alert("Please enter numbers")
	  flag = "false"
      break
     }
  if PayRate[i]>25
     {
      alert ("Pay rate can only b $25 or less per hour")
	  flag == "false"
	  break
     }
//i = i +1
}
if (flag = "true")
{
for (j in EmpName)
{
     GrossPay[j]=PayRate[j] * HrsWorked[j]

}
 for (counter; counter<EmpName.length; counter++)
 {
   document.write ("Gross Pay for " + EmpName[counter] + " is $" + GrossPay[counter] + "<br>")
 }
}

Hello,
On my client's site: www.twdcycling.com he wanted a place where people could make suggestions for his blog.
I accomplished the simple form using a textarea field and even put a little text that clears on clicks and reappears on blur.
When you go there--go to the bottom left.

It also actually works.
The problem is that (besides the fact that so far no one has cared to make a suggestion) somehow the form is (this is what I believe) being submitted automatically. I don't believe a human is clicking submit. When I click submit w/o clicking in the field the default text that I have in the field already gets submitted in the generated email.

So I now need to work on my validation in my php file that sends the email.
For background I obtained my php file from html-form-guide.com
here the file is in its entirety:
Code:

<?php
if(!isset($_POST['submit']))
{
	//This page should not be accessed directly. Need to submit the form.
	echo "error; you need to submit the form!";
}
$name = $_POST['name'];
$visitor_email = $_POST['email'];
$message = $_POST['message'];

//Validate first
if(empty($name)||empty($visitor_email)) 
{
    echo "Name and email are mandatory!";
    exit;
}

if(IsInjected($visitor_email))
{
    echo "Bad email value!";
    exit;
}

$email_from = 'tom@amazing-designs.com';//<== update the email address
$email_subject = "New Form submission";
$email_body = "You have received a new message from the user $name.\n".
    "Here is the message:\n $message".
    
$to = "tom@amazing-designs.com";//<== update the email address
$headers = "From: $email_from \r\n";
$headers .= "Reply-To: $visitor_email \r\n";
//Send the email!
mail($to,$email_subject,$email_body,$headers);
//done. redirect to thank-you page.
header('Location: thank-you.html');


// Function to validate against any email injection attempts
function IsInjected($str)
{
  $injections = array('(\n+)',
              '(\r+)',
              '(\t+)',
              '(%0A+)',
              '(%0D+)',
              '(%08+)',
              '(%09+)'
              );
  $inject = join('|', $injections);
  $inject = "/$inject/i";
  if(preg_match($inject,$str))
    {
    return true;
  }
  else
    {
    return false;
  }
}
   
?>

It does have some validation code, and it also is set up to handle more parameters than I needed. I tried to just pare it down to the one simple thing (I just need the user to type anything they want into my text area)

My reasoning is that I should be able to go get some simple validation snippet to make it so that if there is the possibility something is causing the form to just "fire off" w/o a human clicking, the validation shouldn't allow it to send, cause the text field is empty. But one would think if that is happening my default text would allow it to send, but oddly enough, no! when I get the email (last one at 5:49 am) it was a blank email! So its like some robot is doing two things: clicking in the field to empty it and THEN clicking submit! Weird, I know. But the validation code would fix this if only I knew how. (But on another note, if I try to send an empty box my default text pops back in when I click submit--proving that its happening automatically.

I tried all morning yesterday to implement a snippet from several sources.

Here's a couple of examples of what I added:

Code:

function emptyvalidation(entered, alertbox)
{
// Emptyfield Validation by Henrik Petersen / NetKontoret
// Explained at www.echoecho.com/jsforms.htm
// Please do not remove this line and the two lines above.
with (entered)
{
if (value==null || value=="")
{if (alertbox!="") {alert(alertbox);} return false;}
else {return true;}
}
}

I didn't modify this code at all....maybe where I went wrong here. Should "value" correspond to text area name "message"? (about the only thing I didn't try)
Here's another one --this one from W3 schools:
Code:

function validateForm()
{
var x=document.forms["myForm"]["fname"].value;
if (x==null || x=="")
  {
  alert("First name must be filled out");
  return false;
  }
}

this is how it was on the source site, all I changed was "myForm" and "fname" to "blog_suggestion"

But when testing both these snippets separately what happened is that on submit I just go to my php page (which is just blank) I'm assuming code I'm adding is crashing the script somehow. And then of course no thank you page and no email sent.

Finally here is my current php page in its entirety, followed by the form code on the home page...
Code:

<?php
if(!isset($_POST['submit']))
{
	//This page should not be accessed directly. Need to submit the form.
	echo "error; you need to submit the form!";
}

$message = $_POST['message'];

//Validate first
if(empty($message)) 
{
    echo "Please enter a suggestion before clicking submit.";
    exit;
}


$email_from = 'f7digitaldesign@gmail.com';//<== update the email address
$email_subject = "SOMEONE HAS SUBMITTED A SUGGESTION FOR THE BLOG!";
$email_body = "\n $message".

$to = "f7digitaldesign@gmail.com";//<== update the email address
$headers = 'From: '.$email_from."\r\n".
'Reply-To: '.$email_from."\r\n" .

//Send the email!
mail($to,$email_subject,$email_body,$headers);
//done. redirect to thank-you page.
header('Location: thank-you.html');


// Function to validate against any email injection attempts
function IsInjected($str)
{
  $injections = array('(\n+)',
              '(\r+)',
              '(\t+)',
              '(%0A+)',
              '(%0D+)',
              '(%08+)',
              '(%09+)'
              );
  $inject = join('|', $injections);
  $inject = "/$inject/i";
  if(preg_match($inject,$str))
    {
    return true;
  }
  else
    {
    return false;
  }
}
   
?>

I tried to modify the validation I got w/ this to produce the "echo" message "Please enter a suggestion before clicking submit." But let's be honest, by now you know I don't know what in the heck I'm doing (it doesn't seem to matter).

Form code:
Code:

<form name="blog_suggetion" method="post" action="send_form_blogidea.php">
                     <span class="bloginfotext" ><textarea name="message" rows="14" cols="12" onfocus="clearValue(this, 'Please submit ideas for our blog here&mdash;we&rsquo;d love to hear from you!')" onclick="this.value='';" onblur="if (this.value == '') {this.value = 'Please submit ideas for our blog here&mdash;we&rsquo;d love to hear from you!';}" ></textarea></span>
        <div style="font-size:6px; color:#FFF;">sdsadfds</div>
               &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" name='submit' value="submit">
             </form>

Any time spent and help offered for this is greatly appreciated!! Also if you need to/want to test the field, I don't care--send me a message. I'll know someone cares!
Brian

Hello!

I've been fighting with a jQuery slider all day, and it's going nowhere because admittedly I have extremely limited jQuery knowledge. I am really hoping that someone here is better at this than I am and can tell me why I see a list of the items that should be in the slider stacked up on top of each other rather than seeing the actual slider. Here is the functions.php code. All CSS is in place, but I can copy/paste the stylesheet if necessary as well.

If this isn't an appropriate forum for this, can you point me in the right direction? I don't even know which way is up anymore!!!


Code:

<?php	 	

/* HEADER SCRIPTS */
function headscript() {
global $post; 

if (function_exists('is_products_page')){
if ( get_post_type() == 'wpsc-product' || is_products_page() )
	return;

}
?>
<script type="text/javascript">

	var _gaq = _gaq || [];
	_gaq.push(['_setAccount', 'UA-3270175-9']);
	_gaq.push(['_trackPageview']);

	(function() {
		var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	})();
</script>
<script type="text/javascript" 

src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript"> 
$(document).ready(function() {

	//Default Action
	$(".tab_content").hide(); //Hide all content
	$("ul.tabs li:first").addClass("active").show(); //Activate first tab
	$(".tab_content:first").show(); //Show first tab content
	
	//On Click Event
	$("ul.tabs li").click(function() {
		$("ul.tabs li").removeClass("active"); //Remove any "active" class
		$(this).addClass("active"); //Add "active" class to selected tab
		$(".tab_content").hide(); //Hide all tab content
		var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
		$(activeTab).fadeIn(); //Fade in the active content
		return false;
	});
});
</script>

<script type="text/javascript" src="http://www.claritymind.com/js/easySlider1.7.js"></script>
<script type="text/javascript">
$(document).ready(function(){	
	$("#slider2").easySlider({
		auto: true,
		continuous: true,
		pause: 6000,
		speed: 800,
		nextId: "slider1next",
		prevId: "slider1prev"
	});
});
</script>

<script type="text/javascript">
$(function () {
	$('a#testbutton').hover(function() {
		$(this).fadeTo("fast", 1);
	}, function() {
		$(this).fadeTo("fast", .85);
	});
});
</script>

<script type="text/javascript">
$(document).ready(function(){
	$("#slider1").easySlider({
		numeric: true,
		auto: true,
		continuous: true,
		pause: 9000,
		speed: 700,
	});
});
</script>
<?php	 	 }

/* PAGE SPECIFIC CSS TWEAKS */

function home_head() {
if (is_home() || is_front_page())  { ?>
<style type="text/css">
	.custom .headline_area {display:none;}
</style>
<style type="text/css">
	.custom .servnav {display:none;}
</style>
<?php	 	 } }


function nonhomepagecss(){
if (!is_home() && !is_front_page())  { ?>

<style type="text/css">
	.custom #sidebars{margin-top:15px;background:none;}
	body.custom {background-color:#f5f6f7;}
	.custom #content_area {background-color: #F5F6F7;}
	.custom .post_box{padding-top:30px;}
	.custom #content_box{
		margin: 30px auto;
		width: 960px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		background-color: white;
		box-shadow: 3px 3px 3px #CCC;
		-moz-box-shadow: 3px 3px 3px #CCC;
		-webkit-box-shadow: 3px 3px 3px #CCC;
		border-top: 1px solid #E8E8E8;
		border-left: 1px solid #E8E8E8;
		font-family: 'Lucida Grande', 'Lucida Grande Unicode', Helvetica, Verdana, sans-serif;
		padding-bottom: 30px;
		border-top-left-radius: 5px 5px;
		border-top-right-radius: 5px 5px;
		border-bottom-right-radius: 5px 5px;
		border-bottom-left-radius: 5px 5px;
	}
</style>
<?php	 	 } }

function new_servicespage() {
if (is_page('services') || is_page('30')) { ?>
<style type="text/css">
	.custom .topnav {display:none;}
	.custom .servnav {display:block;}
</style>

<div id="content">
<div class="post_box">
<div class="headline_area">
</div>
Example text will go here.
</div>
</div>
<div id="sidebars"><span class="newcallout1h4">
  <table>
    <tr>
      <div style="vertical-align:top;">
        <td width="275"><img src="http://cm.deviantwebdesign.com/wp-content/uploads/2012/03/VideoPlace.jpg" height="180" width="260">  
      </div>
      <td width="330"><div style="margin-left: 30px;"> <font color="#000000" font size="4">HEADLINE TEXT</font>
        <ul>
          <font color="#000000" font size="3">
            <li>Bullet 1 - Example text goes here.</li>
            <li>Bullet 2. Ut enim ad minim veniam, quis nostrud exercitation.</li>
            <li>Bullet 3. Duis aute irure dolor in reprehenderit in voluptate velit esse.</li>
            </font>
        </ul>
      </div></td>
      <td width="275"><div style="margin-left: 30px;">
        <script type="text/javascript" src="//moon-ray.com/v2.4/include/formEditor/genjs.php?html=true&uid=p2c6497f5&version=1"></script>
      </div></td>
    </tr>
  </table>
</span>
<?php thesis_build_sidebars(); ?>
</div>		

<?php } }

add_action('thesis_hook_custom_template', 'new_servicespage');

/* NAVIGATION MENU */
function navmenuarea(){ ?>
<div class="topnav">
	<div style="width:960px;margin-left:auto;margin-right:auto;">
		<div style="float:left;">
			<a href="http://claritymind.com/"><img alt="clrity-logo" src="http://www.claritymind.com/wp-content/uploads/2011/03/logosmall2.jpg" style="position:relative;left:0px;" /></a>
		</div>
		<div style="float:right;padding-top:11px;">
			<ul id="navlist">
				<li><a href="http://claritymind.com/services">Services</a></li>
				<li><a href="http://claritymind.com/next-step">Next Steps</a></li>
				<li><a href="http://claritymind.com/about">About</a></li>
				<li><a href="http://claritymind.com/free-articles">Free Stuff</a></li>
				<li><a href="http://claritymind.com/clients">Clients</a></li>
				<li><a href="http://claritymind.com/events">Events</a></li>
				<li><a style="color:#BCFC3D;" href="http://claritymind.com/products">Store</a></li>
			</ul>
		</div>
	</div>
</div>


<?php	 	 }


/* FEATURED AREA */

function lowermenu(){
if (is_page())  { ?>
<div class="clear"></div>

<div style="width:100%;height:5px;"></div>

<div class="pagecentered">
	<div class="newcallout1">
	</div>
</div>
<div style="width:100%;height:15px;"></div>
<?php	 	 } }


/* REGISTER SIDEBARS FOR CUSTOM SIDEBARS */

if (function_exists('register_sidebar')) {
$sidebars = array(1,2, 3, 4, 5, 6, 7, 8, 9, 10);
foreach($sidebars as $number) {
register_sidebar(array(
'name' => 'Side ' . $number,
'id' => 'side-' . $number,
'before_widget' => '',
'after_widget' => '',
'before_title' => '<h3>',
'after_title' => '</h3>'
));
}
}

function sidebartabs(){ 
if (function_exists('is_products_page')){
if ( get_post_type() == 'wpsc-product' || is_products_page() )
	return;

}


?>
<div style="width:100%;height:25px;"></div>

<div class="tabcontainer"> 
    <ul class="tabs">
        <li><a href="#tab1">Popular</a></li> 
        <li><a href="#tab2">Latest</a></li> 
        <li><a href="#tab3">Topics</a></li> 
        <li><a href="#tab4">Links</a></li>
    </ul> 
    <div class="tab_container"> 
        <div id="tab1" class="tab_content" style="padding-right:0px;">

<a href="http://www.claritymind.com/next-step/" style="border:0;padding:0;margin:0;"><img 

src="http://www.claritymind.com/wp-content/uploads/2012/01/Master-Your-Mindset.png" alt="Change 

Your Mindset with Clarity Mind Coaching" style="border:0;padding:0;margin:0;" /></a>
	<div class="clear"></div>

        </div> 
        <div id="tab2" class="tab_content"> 

	<?php	 	 if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Side 6') ) : 

?>
	<?php	 	 endif; ?>

        </div> 
        <div id="tab3" class="tab_content">

	<?php	 	 if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Side 7') ) : 

?>
	<?php	 	 endif; ?>
	<div class="clear"></div>

        </div> 
        <div id="tab4" class="tab_content"> 

	<?php	 	 if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Side 8') ) : 

?>
	<?php	 	 endif; ?>
        </div> 
    </div> 
</div> 

<div class="clear"></div>

<?php	 	 }
add_action('thesis_hook_before_sidebars', 'sidebartabs');


function home_pagecustom() {
if (is_home() || is_page(4217))  { ?>


<div style="height:0px;width:0px;position:relative;left:294px;z-index:999;">
<div style="width:356px;height:1px;background:#efefef;"></div>
<div style="width:356px;padding-top:2px;"><span class="nqheading">Featured from the 

Blog</span></div>
</div>

<div id="slider1">
<ul>

 <?php	 	 query_posts($query_string . '&cat=-3,-8&posts_per_page=5'); ?>
 <?php	 	 if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

 <li>
 <div class="post">
 
 <div style="width:279px;margin-right:15px;float:left;">
 <?php	 	 $post_image = thesis_post_image_info('image');
echo $post_image['output']; ?>
 </div>
 
 <div style="width:356px;float:right;padding-top:20px;">

<div style=height:300px;overflow:hidden;">
 <!-- Display the Title as a link to the Post's permalink. -->
 <h2><a href="<?php	 	 the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php	

 	 the_title_attribute(); ?>"><?php	 	 the_title(); ?></a></h2>

  <div class="entry">
    <?php	 	 the_excerpt(); ?>
  </div>

</div>
<div style="width:356px;height:2px;"></div>
<span class="readstory"><a href="<?php	 	 the_permalink() ?>" rel="bookmark" title="Continue 

Reading <?php	 	 the_title_attribute(); ?>">Continue Reading Post &rarr;</a>

  </div>
  <div class="clear"></div>
  
 </div> <!-- closes the first div box -->

</li>

 <?php	 	 endwhile; else: ?>
 <p>Sorry, no posts matched your criteria.</p>
 <?php	 	 endif; ?>

 </ul>
 </div><!-- close slider1 -->



  <?php	 	 wp_reset_query(); ?>

<div style="width:650px;margin-top:10px;">
<div class="one_third">
<div style="width:100%;height:1px;background:#efefef;"></div>
<div style="width:100%;padding-top:2px;"><span class="nqheading">Lifestyle Design</span></div>

<div style="width:199px;height:10px;"></div>
<?php	 	 query_posts($query_string . '&cat=37&posts_per_page=3'); ?>

<?php	 	 if (have_posts()) : ?>
<?php	 	 $count = 0; ?>

<?php	 	 while (have_posts()) : the_post(); ?>
<?php	 	 $count++; ?>

<?php	 	 if ($count <= 1) : ?>

<?php	 	 $post_image = thesis_post_image_info('thumb');echo $post_image['output']; ?>
<h2 class="teasertitle"><a href="<?php	 	 the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php	 	 the_title_attribute(); ?>"><?php	 	 the_title(); ?></a></h2>
<span class="teaserexcerpt"><?php	 	 the_excerpt(); ?></span>

<?php	 	 else : ?>
<div style="width:199px;height:1px;border-top:1px dotted #cecece;margin-top:5px;"></div>
<h2 class="teasertitle"><a href="<?php	 	 the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php	 	 the_title_attribute(); ?>"><?php	 	 the_title(); ?></a></h2>

<?php	 	 endif; ?>

<?php	 	 endwhile; ?>

<?php	 	 else : ?>

<?php	 	 endif; ?>

<?php	 	 wp_reset_query(); ?>

</div>
<div class="one_third">
<div style="width:100%;height:1px;background:#efefef;"></div>
<div style="width:100%;padding-top:2px;"><span class="nqheading">Love & Relationships</span></div>

<div style="width:199px;height:10px;"></div>
<?php	 	 query_posts($query_string . '&cat=39&posts_per_page=3'); ?>

<?php	 	 if (have_posts()) : ?>
<?php	 	 $count = 0; ?>

<?php	 	 while (have_posts()) : the_post(); ?>
<?php	 	 $count++; ?>

<?php	 	 if ($count <= 1) : ?>

<?php	 	 $post_image = thesis_post_image_info('thumb');echo $post_image['output']; ?>
<h2 class="teasertitle"><a href="<?php	 	 the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php	 	 the_title_attribute(); ?>"><?php	 	 the_title(); ?></a></h2>
<span class="teaserexcerpt"><?php	 	 the_excerpt(); ?></span>

<?php	 	 else : ?>
<div style="width:199px;height:1px;border-top:1px dotted #cecece;margin-top:5px;"></div>
<h2 class="teasertitle"><a href="<?php	 	 the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php	 	 the_title_attribute(); ?>"><?php	 	 the_title(); ?></a></h2>

<?php	 	 endif; ?>

<?php	 	 endwhile; ?>

<?php	 	 else : ?>

<?php	 	 endif; ?>

<?php	 	 wp_reset_query(); ?>

</div>
<div class="one_third last">
<div style="width:100%;height:1px;background:#efefef;"></div>
<div style="width:100%;padding-top:2px;"><span class="nqheading">Personal Growth</span></div>
<div style="width:199px;height:10px;"></div>
<?php	 	 query_posts($query_string . '&cat=226&posts_per_page=3'); ?>

<?php	 	 if (have_posts()) : ?>
<?php	 	 $count = 0; ?>

<?php	 	 while (have_posts()) : the_post(); ?>
<?php	 	 $count++; ?>

<?php	 	 if ($count <= 1) : ?>

<?php	 	 $post_image = thesis_post_image_info('thumb');echo $post_image['output']; ?>
<h2 class="teasertitle"><a href="<?php	 	 the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php	 	 the_title_attribute(); ?>"><?php	 	 the_title(); ?></a></h2>
<span class="teaserexcerpt"><?php	 	 the_excerpt(); ?></span>

<?php	 	 else : ?>
<div style="width:199px;height:1px;border-top:1px dotted #cecece;margin-top:5px;"></div>
<h2 class="teasertitle"><a href="<?php	 	 the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php	 	 the_title_attribute(); ?>"><?php	 	 the_title(); ?></a></h2>

<?php	 	 endif; ?>

<?php	 	 endwhile; ?>

<?php	 	 else : ?>

<?php	 	 endif; ?>

<?php	 	 wp_reset_query(); ?>

</div>

<div class="clear"></div>

</div>

<div class="newcallout">
<h4 class="newcallouth4"><a href="http://www.claritymind.com/soul-affirmation-music-for-better-outcomes/">Browse Affirmation Music for Sale!</a></h4>
</div>


<div style="width:650px;margin-top:30px;">
<div class="one_third">
<div style="width:100%;height:1px;background:#efefef;"></div>
<div style="width:100%;padding-top:2px;"><span class="nqheading">Awareness</span></div>

<div style="width:199px;height:10px;"></div>
<?php	 	 query_posts($query_string . '&cat=15&posts_per_page=3'); ?>

<?php	 	 if (have_posts()) : ?>
<?php	 	 $count = 0; ?>

<?php	 	 while (have_posts()) : the_post(); ?>
<?php	 	 $count++; ?>

<?php	 	 if ($count <= 1) : ?>

<?php	 	 $post_image = thesis_post_image_info('thumb');echo $post_image['output']; ?>
<h2 class="teasertitle"><a href="<?php	 	 the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php	 	 the_title_attribute(); ?>"><?php	 	 the_title(); ?></a></h2>
<span class="teaserexcerpt"><?php	 	 the_excerpt(); ?></span>

<?php	 	 else : ?>
<div style="width:199px;height:1px;border-top:1px dotted #cecece;margin-top:5px;"></div>
<h2 class="teasertitle"><a href="<?php	 	 the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php	 	 the_title_attribute(); ?>"><?php	 	 the_title(); ?></a></h2>

<?php	 	 endif; ?>

<?php	 	 endwhile; ?>

<?php	 	 else : ?>

<?php	 	 endif; ?>

<?php	 	 wp_reset_query(); ?>


</div>
<div class="one_third">
<div style="width:100%;height:1px;background:#efefef;"></div>
<div style="width:100%;padding-top:2px;"><span class="nqheading">Meditation</span></div>

<div style="width:199px;height:10px;"></div>
<?php	 	 query_posts($query_string . '&cat=40&posts_per_page=3'); ?>

<?php	 	 if (have_posts()) : ?>
<?php	 	 $count = 0; ?>

<?php	 	 while (have_posts()) : the_post(); ?>
<?php	 	 $count++; ?>

<?php	 	 if ($count <= 1) : ?>

<?php	 	 $post_image = thesis_post_image_info('thumb');echo $post_image['output']; ?>
<h2 class="teasertitle"><a href="<?php	 	 the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php	 	 the_title_attribute(); ?>"><?php	 	 the_title(); ?></a></h2>
<span class="teaserexcerpt"><?php	 	 the_excerpt(); ?></span>

<?php	 	 else : ?>
<div style="width:199px;height:1px;border-top:1px dotted #cecece;margin-top:5px;"></div>
<h2 class="teasertitle"><a href="<?php	 	 the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php	 	 the_title_attribute(); ?>"><?php	 	 the_title(); ?></a></h2>

<?php	 	 endif; ?>

<?php	 	 endwhile; ?>

<?php	 	 else : ?>

<?php	 	 endif; ?>

<?php	 	 wp_reset_query(); ?>

</div>
<div class="one_third last">
<div style="width:100%;height:1px;background:#efefef;"></div>
<div style="width:100%;padding-top:2px;"><span class="nqheading">Spirituality</span></div>
<div style="width:199px;height:10px;"></div>
<?php	 	 query_posts($query_string . '&cat=61&posts_per_page=3'); ?>

<?php	 	 if (have_posts()) : ?>
<?php	 	 $count = 0; ?>

<?php	 	 while (have_posts()) : the_post(); ?>
<?php	 	 $count++; ?>

<?php	 	 if ($count <= 1) : ?>

<?php	 	 $post_image = thesis_post_image_info('thumb');echo $post_image['output']; ?>
<h2 class="teasertitle"><a href="<?php	 	 the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php	 	 the_title_attribute(); ?>"><?php	 	 the_title(); ?></a></h2>
<span class="teaserexcerpt"><?php	 	 the_excerpt(); ?></span>

<?php	 	 else : ?>
<div style="width:199px;height:1px;border-top:1px dotted #cecece;margin-top:5px;"></div>
<h2 class="teasertitle"><a href="<?php	 	 the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php	 	 the_title_attribute(); ?>"><?php	 	 the_title(); ?></a></h2>

<?php	 	 endif; ?>

<?php	 	 endwhile; ?>

<?php	 	 else : ?>

<?php	 	 endif; ?>

<?php	 	 wp_reset_query(); ?>

</div>


<div class="clear"></div>

<br /><br /><br /><br />
</div>

<?php	 	 } }
add_action('thesis_hook_before_content', 'home_pagecustom');


/* CUSTOM FOOTER */
function newfooter(){ ?>
<div style="width:100%;height:80px;"></div>
<div style="width:100%;background:#000000;" class="footernew1">
	<div style="width:100%;height:0px;position:relative;top:-132px;z-index:-1;">
		<div style="background:url(http://www.claritymind.com/wp-content/uploads/2011/03/mountainback2.jpg) bottom repeat-x;height:132px;width:100%;"></div>
	</div>
	<div class="pagecentered" style="padding-top:15px;">
		<div class="one_third">
			<img src="http://www.claritymind.com/wp-content/uploads/2011/03/certification1.jpg" alt="certification" />
			<div style="width:100%;height:3px;border-bottom:1px dotted #444;"></div>
			<br />
			<img src="http://www.claritymind.com/wp-content/uploads/2011/03/logosmall2.jpg" alt="Clarity Mind Logo" /><br />
			20 Ravenscroft Drive Asheville, NC 28801<br />
			404-NOW-MIND (404-669-6463)<br />
			Skype: KenLad1
		</div>
		<div class="one_third">
			<?php	 	 if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Side 9') ) : ?>
			<?php	 	 endif; ?>
		</div>
		<div class="one_third last">
			<?php	 	 if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Side 10') ) : ?>
			<?php	 	 endif; ?>
		</div>
		<div class="clear"></div>
		<div style="height:20px;width:100%;"></div>
		<span style="font-size:10px;color:#fff;">Copyright &copy; Clarity Mind, LLC.  All Rights Reserved.  Reproduction without permission prohibited.</span>
	</div>
</div>
<?php	 	 }

function format_gridview_desc($description){
if (strlen($description) > 175)
	$description = substr ( $description , 0 , 175 )."...";
echo $description;
}

/* create new side bar for music player - this will only be displayed on the product page */
register_sidebar(array(
		'name'=> 'Music Player',
		'id' => 'music_player',
		'before_widget' => '',
		'after_widget' => '',
		'before_title' => '<h3>',
		'after_title' => '</h3>',
	));

Hi All,

I'm building a featured content slider using AnythingSlider. It works fine in FF, Safari, Chrome, and IE8, but in IE7 it will not show the navigation buttons.

Take a look at the site here.

The navigation buttons are added by the script in a ul called thumbNav.
This ul either doesn't load or can't be seen in IE7.

Any help would be greatly appreciated as I've got to have this ready for the client by tonight. If any other info is necessary let me know and I'll provide it.

Thanks very much,
Mike

Hi everyone,

I've downloaded the curvy corners codes from the following address:

http://www.curvycorners.net/downloads/

The instructions in the curvycorners.src.js file say that all i need to do is add the following piece of code which I've inserted into the head section:

<script type="text/javaScript" src="js/curvycorners.src.js"></script>
<style type="text/css">
<!--

p.round {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
CCborderRadius: 25px;
}

-->
</style>

However, it's not rendering in opera and internet explorer. I wondered if someone could tell me where I'm going wrong?

The is the xhtml I'm targeting:

Code:

  <div id="content_wrapper">
  <div class="accomm">
    <h3 id="accomm"><a href="#" title="Quality accommodation"> Quality accommodation</a></h3>
    <p class="round">lam et deliciisqui cor resto il eos verciderit ee litate niam eaqui denihicae dolorio rpore, nisinim aut as eum alitior eriaesti atioreiunde erem is sin expelenet, verae dus, conseribus dit odit remqui volestias exceri ullam, con cullatiamet, ut ipite officil igenem non. <a href="about.php">Learn more...</a></p>
    <p id="fees"><a href="fees.php">Fee structure</a></p>
  </div>
    <div class="local">
      <h3 id="local_area"><a href="#" title="Our local area"> Our local area</a></h3>
      <p class="round">lam et deliciisqui cor resto il eos verciderit ee litate niam eaqui denihicae dolorio rpore, nisinim aut as eum alitior eriaesti atioreiunde erem is sin expelenet, verae dus, conseribus dit odit remqui volestias exceri ullam, con cullatiamet, ut ipite officil igenem non. <a href="local_area.php">Learn more...</a></p>
      <p id="directory"><a href="directory.php">Hospital directory</a></p>
    </div>
    <div class="welcome">
      <h3 id="packages"><a href="#" title="Welcome packages">Welcome packages</a></h3>
      <p class="round">lam et deliciisqui cor resto il eos verciderit ee litate niam eaqui denihicae dolorio rpore, nisinim aut as eum alitior eriaesti atioreiunde erem is sin expelenet, verae dus, conseribus dit odit remqui volestias exceri ullam, con cullatiamet, ut ipite officil igenem non. <a href="welcome_packs.php">Learn more...</a></p>
      <p id="map"><a href="location_map.php">Find us on the map</a></p>
    </div>
  </div>
</div>

Really appreciate any help.

Hi there,
I am presently banging my head against the wall, while working on an html5 game remake of a classic online game I have struck a problem, that should be a simple figure out and is crushing my brain.

I need to produce a 2000x2000 tile map and render it to screen, add objects, remove objects, pick objects, all fine no problem, code for said has been dealt with.

What I need to do is pre-render a 2000x2000 map as a base for my tile/object map to go on so to speak.

Although I should be able to figure this quickly my brain keeps freezing.

What I am after here is theory help really, although any code snippets are welcome.

I need to render a tree in freemarker.
I am not sure about what technology should be used.
I was thinking Jquerys jsTree plugin.
My requirements -
1. Tree control -Name and instead of Icon ,i want customized letters(A,B,C) that represents type of element.

2.I dont want dotted lines connecting root and children like folder tree.
3.collapsable.

Please suggest what and how can i do .?

I have a javascript-run rotating (as in rotating through a series of content, not rotating in a circle) div.

Each content div has an image and a bit of text.

The title text - bold arial - is really messy, as though it's a badly pixelated image - smudged, almost. the rest of the text - smaller and not bold - isn't bad, but still doesn't match text outwith these divs.

it's fine in firefox, chrome, and even IE6!!

Does anyone know what's happening in IE7?

Hi there,

I am having a problem with IE rendering the font of my website poorly, but only when the javascript code is allowed...

The website is he www.thelivingsacred.co.uk

And as you can see, there is a huge difference between IE8's rendering of the site once the scripts are allowed, and before, as well as a difference between IE8 and Firefox.

Please could someone explain what's going on?

My javascript quits working when I am rendering the html? (It works perfectly fine if the page is opened from http address directly). I did some research and concluded that "JavaScript is executed on page load", so when I render my html, my JavaScript functions are not automatically called.

My question is how should I call the javascript functions manually?

verify.html:
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<HTML>
<HEAD>
<Title>form</Title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<link rel="stylesheet" type="text/css" href="xupload.css">
</HEAD>
<BODY>

<form id="myform" enctype="multipart/form-data" action="/cgi-bin/upload.cgi" method="post" onSubmit="return StartUpload(this);">

<DIV id="div1">
<b><font id='x_max_files'>?</font> files <font id='x_max_size'>?</font> Mb total maximum</b>
<div id="upload_input"><input id="my_file_element" type="file" name="file_1" size=58></div>
<div id="files_list"></div>

<p align=center><input type="submit" value="Upload Files" class="myForm" id="submit_btn"></p>
</DIV>
</form>

<iframe src="javascript:false;" name="xupload" style="position:absolute;left:-9999px;"></iframe>
<script type="text/javascript">
//Specify your form ID
var x_form_id = 'myform';
var x_mode = 1;
var x_tmpl_name = '';
</script>
<script src="xupload.js" type="text/javascript"></script>

</BODY>
</HTML>

config file:
Code:

htmlverify = "../verify.html"

Perl:
Code:

if(my $verifypage = $g->{CV}{htmlverify}) {

# passing variables
 xxxxx
 .... 

# render the page:
  send_header();
  $p->pf($verifypage);
}

Sorry if the title is not so good! Im trying my best.

I got my new website in jquery and js, but it behaves very strange. It like bugging, and the fading feels not so smooth as it should. Maybe someone know what the problem is?

If you go to www.webblord.se/sv/index.php and then click on the first image at the left-panel menu, its a green button with a home image. You will see that the new content dosn't load raelly smooth, more bugging up. And the loading function dosn't disspear... Why :S?