pwinfrey

jQuery's show function doesn't work with the visibility attribute. It works with the display attribute. Change your JS code to say $("#lightbox").css("visibility", "visible") instead of $("#lightbox").show().

You can't define a function within a conditional statement. You would do this: [CODE] function empty_fields() { $('#ubi').empty(); $('#address').empty(); $('#city').empty(); $('#region').empty() } if ($('#title .general').length == 0) { empty_fields(); }[/CODE]

What do you get when you echo $row['teamA']?

You cannot put an "href" on a div. Put the anchor around the div like so: [CODE] <a href="http://google.com"> <div></div> </a> [/CODE]

Try adding "display:inline;" to "#header ul" and removing "float:right;".

jQuery's "click" event only accepts one event handler. In the following code snippet I'm using the "click" event to check and uncheck every checkbox not identified as "cball". [CODE] $(document).ready(function() { $('#cball').click(function(){ if ($(this).is(':checked')) { $('input:checkbox:not(#cball)').attr('checked', true); } else { $('input:checkbox:not(#cball)').attr('checked', false); } }); }); [/CODE] The "toggle" event accepts …

You need to place anchors where you want the page to navigate to. If you wanted to navigate to the top of your page, you would define an anchor at the top with a name. [CODE]<a name="top"></a>[/CODE] The link to navigate to the top of the page where your anchor …

You cannot upload files via JavaScript and that is inclusive of AJAX. You could submit the form to a hidden iframe on the current page that will process the request. If you don't want to do that, I would recommend using Uploadify. It is a jQuery plug-in that incorporates Adobe …

Remove "float:right" from ".hovertarget a" and add it to ".hovermenu". Omit "display:inline" from ".hovermenu ul li" and replace it with "float:left". [CODE].hovermenu{ float:right; } .hovertarget a{ font:13px verdana; color:#000000; padding:10px 0.5em; text-decoration:none; background-color:#CC3300; } .hovertarget a:hover { background-color:#CC6600; } .hovermenu ul li { list-style:none; float:left; }[/CODE]

Why not use one table and colspan the columns as needed? This method also gives you cleaner and more professional alignment. [CODE]<table width="100%"> <tr align="left"> <td>Name:</td> <td colspan="3">Alex Miller</td> </tr> <tr align="left"> <td>Office Phone:</td> <td>5</td> <td>Cell Phone:</td> <td>6</td> </tr> <tr align="left"> <td>Office ID:</td> <td>15547</td> <td>Job Title:</td> <td>Manager</td> </tr> <tr align="left"> …

If you're using jQuery you can simply do this: [CODE] $.ajax({ /*url = page you're requesting*/ url: 'ajax/test.html', /*success = function called when request is successful*/ success: function(data) { /*set HTML of element with class .result to that which is in requested file*/ $('.result').html(data); } }); [/CODE]

Check out Uploadify @ [URL="http://www.uploadify.com/"]http://www.uploadify.com/[/URL].