JavaScript - Jquery With Php

Ok, I would post my entire data here but then yall would be reading insane amounts of script. I've got a div content jquery slider on my site I am making and it works beautifully in all browsers(took me a while). Then, I decided why not have it where when people click on a "read more" link that it pops up a box, instead of directing to the new page, and displays the contents of a div. It would not work at all. My question is there a possible way to do this?

i am a newbie to jquery and need help.

i want to alert anything when i click at any button that have the class .resetBtn using jquery.
I know doing it with javascript is much easier but i learning jquery so trying to create function by myself.

my code currently does not work when i click on my button.


Code:

$(".resetBtn").click(function() {
	alert ("asd");
});

i want get value form path :
ex..
xxx.com/index.php?cat

" cat " read cookie with jquery

who?

Hi,

I have this js script which is working on mouse click, what is my requirment is that it do the same function wiht on mouse over:

click: function(e) {
var el = this;
el.blur();
// if the image was not preloaded yet then wait
if (el.zoomimageCfg.loading === true) {
return false;
}
//zoom it in if not zoomed already
if (el.zoomimageCfg.zoomed == false) {
EYE.zoomimage.zoomIn(el);
//else zoom it out
} else {
EYE.zoomimage.zoomOut(el, false);
}
return false;
},

Thank you

Best Regards,
mnightwalker

I'm not sure if this is something jquery can do or what but here's what I want to do but I have this following code and when it shows either Public or Archived for the Event Status I want it to be a link so that if I click on Public then it turn it into Archived because it'll change its status_id in the DB from 4 to 5.

PHP Code:
case 1:
            echo $e;
            ?>
            <h1 class=backstage>Archiving Management</h1><br />
            <h2 class=backstage>Weekly Events</h2><br />
                
                <?php
                $query = "SELECT ecb.bookingdate, els.name, ele.statusname, ecb.label FROM `efed_content_booking` AS ecb LEFT JOIN `efed_list_shownames` AS els  ON ( ecb.event_id = els.id ) LEFT JOIN `efed_list_eventstatus`  AS ele ON ( ecb.status_id = ele.id ) WHERE els.type = 'singular' OR els.type = 'recurring'"; 
                
                $result = mysql_query ( $query ); 
                $rows = mysql_num_rows($result);
                if ($rows > 0)  {
                print'<table width="100%" class="table1">
                    <tr class="rowheading">
                        <td>Event</td>
                        <td align="center">Booking Date</td>
                        <td align="center">Event Status</td>
                    </tr>';
                $i = 0;
                while ( $row = mysql_fetch_array($result, MYSQL_ASSOC) ) {
                    $sClass = 'row2';
                    if ($i++ % 2) $sClass = 'row1';
                    printf ( "<tr class=\"%s\">", $sClass );
                    printf ( "<td valign=\"top\">%s%s</td>", $row['name'],$row['label'] );  
                    printf ( "<td valign=\"top\" align=\"center\">%s</td>", convertdate($row['bookingdate'] ));
                    printf ( "<td valign=\"top\" align=\"center\">%s</td>", $row['statusname'] );
                    echo '</tr>';
                 }
                echo '</table><br>';
            } else {
                echo '<span>There are no weekly events to archive.</span><br /><br />';
            }
            ?>
                <h2 class=backstage>Pay-Per-View Events</h2><br />
                
                <?php
                $query = "SELECT ecb.bookingdate, els.name, ele.statusname, ecb.label FROM `efed_content_booking` AS ecb LEFT JOIN `efed_list_shownames` AS els  ON ( ecb.event_id = els.id ) LEFT JOIN `efed_list_eventstatus`  AS ele ON ( ecb.status_id = ele.id ) WHERE els.type = 'ppv'"; 
                
                $result = mysql_query ( $query ); 
                $rows = mysql_num_rows($result);
                if ($rows > 0)  {
                print'<table width="100%" class="table1">
                    <tr class="rowheading">
                        <td>Event</td>
                        <td align="center">Booking Date</td>
                        <td align="center">Event Status</td>
                    </tr>';
                $i = 0;
                while ( $row = mysql_fetch_array($result, MYSQL_ASSOC) ) {
                    $sClass = 'row2';
                    if ($i++ % 2) $sClass = 'row1';
                    printf ( "<tr class=\"%s\">", $sClass );
                    printf ( "<td valign=\"top\">%s%s</td>", $row['name'],$row['label'] );
                    printf ( "<td valign=\"top\" align=\"center\">%s</td>", convertdate($row['bookingdate']) );
                    printf ( "<td valign=\"top\" align=\"center\">%s</td>", $row['statusname'] );
                    echo '</tr>';
                 }
                echo '</table><br>';
            } else {
                echo '<span>There are no ppv events to archive.</span><br /><br />';
            }
            returnmain();
            footercode();
        break;

Hi Guys,

Please check this link out. I'm curious if you can attain the same functionality with jquery. Which include the hover over effects and sliding. If this can be done can you point me in the right direction to find some documentation to start learning. Thanks.

http://www.gensler.com/#projects

Hi All,

i have an autosuggest feature on my site where the user searches for a product and as they type it lists matching products from my database.

here is the javascript/jquery code
Code:

$(document).ready(function(){$(document).click(function(){$("#ajax_response").fadeOut('slow');});$("#keyword").focus();var offset=$("#keyword").offset();var width=$("#keyword").width()-2;$("#ajax_response").css("left",offset.left);$("#ajax_response").css("width",width);$("#keyword").keyup(function(event){var keyword=$("#keyword").val();;if(keyword.length)
{if(event.keyCode!=40&&event.keyCode!=38&&event.keyCode!=13)
{$("#loading").css("visibility","visible");$.ajax({type:"POST",url:"/ajax_server.php",data:"data="+keyword,success:function(msg){if(msg!=0)
$("#ajax_response").fadeIn("slow").html(msg);else
{$("#ajax_response").fadeIn("slow");$("#ajax_response").html('<div style="text-align:left;">No Matches Found</div>');}
$("#loading").css("visibility","hidden");}});}
else
{switch(event.keyCode)
{case 40:{found=0;$("li").each(function(){if($(this).attr("class")=="selected")
found=1;});if(found==1)
{var sel=$("li[class='selected']");sel.next().addClass("selected");sel.removeClass("selected");}
else
$("li:first").addClass("selected");}
break;case 38:{found=0;$("li").each(function(){if($(this).attr("class")=="selected")
found=1;});if(found==1)
{var sel=$("li[class='selected']");sel.prev().addClass("selected");sel.removeClass("selected");}
else
$("li:last").addClass("selected");}
break;case 13:$("#ajax_response").fadeOut("slow");$("#keyword").val($("li[class='selected'] a").text());searchValue=document.getElementById('keyword').value; searchValue = searchValue.replace( /\([^\)]*\)/g, "" );searchValue = searchValue.replace(/^\s*|\s*$/g,'');searchValue=searchValue.replace(/(\s-)/gi,"");searchValue=searchValue.replace(/\s/gi, "_");searchValue=searchValue.replace(/[:',]/gi,"");window.location="/CDs/"+searchValue.toLowerCase();break;}}}
else
$("#ajax_response").fadeOut("slow");});$("#ajax_response").mouseover(function(){$(this).find("li a:first-child").mouseover(function(){$(this).addClass("selected");});$(this).find("li a:first-child").mouseout(function(){$(this).removeClass("selected");});$(this).find("li a:first-child").click(function(){$("#keyword").val($(this).text());$("#ajax_response").fadeOut("slow");});});});

this runs this php script to get the product names
PHP Code:
<?php
session_start();

    include("config.php");
    $keyword = $_POST['data'];
    $keyword = preg_replace("/s*\(.*\)/i", "", $keyword);
    $keyword = ucwords($keyword);

    $sql = "select DISTINCT prodName,prodShortName,prodCategory from ".$db_table." where (".$db_column." like '".$keyword."%' AND prodCategory = '".$_SESSION['subpage']."') limit 0,10";
    $result = mysql_query($sql) or die(mysql_error());
    
    if(mysql_num_rows($result))
    {
        echo '<ul class="list">';
        while($row = mysql_fetch_array($result))
        {
            $category = strtolower($row['prodCategory']);
            $str = ucwords($row['prodName']);
            $start = strpos($str,$keyword); 
            $end   = similar_text($str,$keyword); 
            $last = substr($str,$end,strlen($str));
            $first = substr($str,$start,$end);
            $link = "/".$category."/".$row['prodShortName'];
            
            $final = '<span class="bold">'.$first.'</span>'.$last;
        
            echo '<li><a href="'.$link.'">'.$final.'</a></li>';
        }
        echo "</ul>";
    }
    else {
        echo "0";
        }
?>

which works fine, what i am trying to acheive is to pull out the category of the products in the list and use it in the script.

so where it says this
Code:

window.location="/CDs/"+searchValue.toLowerCase();break;

i want the value of the php value $category to be. but i have no idea how to do this or if it is even possible? any help is appreciated

many thanks
Luke

I'm not sure if I'm in the right place or not, but I am in desparate need of some help. I have this code:

Code:

<script type="text/javascript">


$(document).ready(function(){
	$('#add').click(function() {
	alert('test');
	});
	$("form#exercise").submit(function() {
	// we want to store the values from the form input box, then send via ajax below
	var activity     = $('#activity').attr('value');
		$.ajax({
			type: "POST",
			url: "newActiveProc.php",
			data: "activity="+ activity +"&func=search",
			success: function(activity){
				$("span#results").html(activity);

			}
		});
	return false;
	});

});
</script>

As you can see by the highlighted portion, the user is alerted once they make a selection. It should go something like this:

[Add to table] Football
[Add to table] Basketball
[Add to table] Baseball

Once they click the 'add to table' button, their selection should be added to a table that is at the bottom of the page. So far, all I've been able to do is generate an alert box, but I know thats not right. Any information anyone has would be helpful. Thanks in advance.

Hi everyone..

I am using the script below to run a rating plugin... it works on all browsers except ie6 and 7.. any help would be greatly appreciated.. thanks in advance..



$.fn.rater = function(options) {
var opts = $.extend({}, $.fn.rater.defaults, options);
return this.each(function() {
var $this = $(this);
var $on = $this.find('.ui-rater-starsOn');
var $off = $this.find('.ui-rater-starsOff');
opts.size = $on.height();
if (opts.rating == undefined) opts.rating = $on.width() / opts.size;
if (opts.id == undefined) opts.id = $this.attr('id');

$off.mousemove(function(e) {
var left = e.clientX - $off.offset().left;
var width = $off.width() - ($off.width() - left);
width = Math.ceil(width / (opts.size / opts.step)) * opts.size / opts.step;
$on.width(width);
}).hover(function(e) { $on.addClass('ui-rater-starsHover'); }, function(e) {
$on.removeClass('ui-rater-starsHover'); $on.width(opts.rating * opts.size);
}).click(function(e) {
var r = Math.round($on.width() / $off.width() * (opts.units * opts.step)) / opts.step;
$off.unbind('click').unbind('mousemove').unbind('mouseenter').unbind('mouseleave');
$off.css('cursor', 'default'); $on.css('cursor', 'default');
$.fn.rater.rate($this, opts, r);
}).css('cursor', 'pointer'); $on.css('cursor', 'pointer');
});
};

$.fn.rater.defaults = {
postHref: location.href,
guid: 0,
units: 5,
step: 1,
};

$.fn.rater.rate = function($this, opts, rating) {
var $on = $this.find('.ui-rater-starsOn');
var $off = $this.find('.ui-rater-starsOff');
$off.fadeTo(600, 0.4, function() {
$.ajax({
url: opts.postHref,
type: "POST",
data: 'id=' + opts.id + '&guid=' + opts.guid + '&rating=' + rating,
complete: function(req) {
if (req.status == 200) { //success
opts.rating = parseFloat(req.responseText);
$off.fadeTo(600, 0.1, function() {
$on.removeClass('ui-rater-starsHover').width(opts.rating * opts.size);
var $count = $this.find('.ui-rater-rateCount');
$count.text(parseInt($count.text()) + 1);
$this.find('.ui-rater-rating').text(opts.rating.toFixed(1));
$off.fadeTo(600, 1);
$this.attr('title', 'Your rating: ' + rating.toFixed(1));
});
} else { //failure
alert(req.responseText);
$on.removeClass('ui-rater-starsHover').width(opts.rating * opts.size);
$this.rater(opts);
$off.fadeTo(2200, 1);
}
}
});
});
};



-Carlos

I have a code written in jquery which I have to transform to javascript.
is there any tool for this or I have to do this manually?
Please help..

Hello,

i am trying to put on my website two jquery scripts, but when i put both of them one works correctly and second one works but like without css. What should i do to make them both work?

Hello,

I'm working on a rotator and I'm needing to slow it down. I think I would use var speed right? How would I use it in this script?

<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade' });
});
</script>

I would like to use the jquery datepicker to populate 2 input fields with the same date. I need the 2 fields to display the date in different formats though.

So for example one would be displayed as 2009-11-26 and the other as Thu 26 Nov 2009

Here's the code I have so far (which does not work)...

Code:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>

<link type="text/css" href="css/smoothness/jquery-ui-1.7.1.custom.css" rel="Stylesheet" />	
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.1.custom.min.js"></script>

<script type="text/javascript">
	$(function() {
		$("#txtStartDate").datepicker({ dateFormat: 'D d M yy' });
		$("#txtStartDate2").datepicker({ dateFormat: 'yy-mm-dd' });
	});
</script>

</head>

<body>

<p><input name="startDate" id="txtStartDate" type="text" value="" />Dept. date:</p>
<input name="startDate" id="txtStartDate2" value="" type="text" />

</body>

Hello,
This is my first try with Jquery and for some reason one of my form totals is always off by $100. It is the gr_total_dollars that is off, all others are calculating properly. Here is the code
Code:

   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
  $(".TextBox").hover(function(){
    $(this).toggleClass('TextBoxSelected');
  },function(){
    $(this).toggleClass('TextBoxSelected');
  }).change(function(){
    calculate();
  });
});
function getFldValue(fldValue) {
  return isNaN(fldValue) ? 0 : parseFloat(fldValue);
}
function calculate() {
  var property_SPrice = getFldValue($('#property_SPrice').val());
  var price = getFldValue($('#price').val());
 
  var REO_sale_percentage    = getFldValue($('#REO_sale_percentage').val());
  var REO_sale_dollars       = getFldValue($('#REO_sale_dollars').val());
  var REO_sale_bonus_dollars = getFldValue($('#REO_sale_bonus_dollars').val());
  var REO_sale_fixed_dollars = getFldValue($('#REO_sale_fixed_dollars').val());
  var REO_sale_total_dollars = getFldValue($('#REO_sale_total_dollars').val());
  

  var REO_list_percentage    = getFldValue($('#REO_list_percentage').val());
  var REO_list_dollars       = getFldValue($('#REO_list_dollars').val());
  var REO_list_bonus_dollars = getFldValue($('#REO_list_bonus_dollars').val());
  var REO_list_fixed_dollars = getFldValue($('#REO_list_fixed_dollars').val());
  var REO_list_total_dollars = getFldValue($('#REO_list_total_dollars').val());
  
  var gr_comm_percentage     = getFldValue($('#gr_comm_percentage').val());
  var gr_comm_dollars        = getFldValue($('#gr_comm_dollars').val());
  var gr_bonus_dollars       = getFldValue($('#gr_bonus_dollars').val());
  var gr_fixed_dollars       = getFldValue($('#gr_fixed_dollars').val());
  var gr_total_dollars       = getFldValue($('#gr_total_dollars').val());   

  $('#price').val(property_SPrice);
  $('#gr_comm_percentage').val(REO_list_percentage + REO_sale_percentage);
  
  $('#gr_comm_dollars').val(getFldValue(gr_comm_percentage/100*price));
  $('#REO_list_dollars').val(getFldValue(REO_list_percentage/100*price));
  $('#REO_sale_dollars').val(getFldValue(REO_sale_percentage/100*price));
  $('#gr_fixed_dollars').val(getFldValue(REO_sale_fixed_dollars + REO_list_fixed_dollars));
  $('#gr_bonus_dollars').val(getFldValue(REO_sale_bonus_dollars + REO_list_bonus_dollars));
  $('#gr_total_dollars').val(getFldValue(gr_comm_dollars + gr_fixed_dollars + gr_bonus_dollars));
  $('#REO_sale_total_dollars').val(getFldValue(REO_sale_dollars + REO_sale_fixed_dollars + REO_sale_bonus_dollars));
  $('#REO_list_total_dollars').val(getFldValue(REO_list_dollars + REO_list_fixed_dollars + REO_list_bonus_dollars));



}  
</script>


td><cfoutput><cfif #form.list_type# IS 1 OR #form.list_type# IS 2><b>*</b></cfif></cfoutput><b>Sold Price</b> </td>
                            <td><input type="text" id="price" size="8" class="TextBox" onFocus="this.className='TextBoxSelected';select()" onBlur="this.className='TextBox'" onChange="calculate();" /></td>
                            </tr>    
                            <tr><td colspan="2"><b>Commission Information</b>
                            </td>
                            </tr>          
                        <!---Form headings--->
                        <tr><td>&nbsp;</td>
                        <td colspan="2" align="center"><b>Main Commission</b></td>
                        	<td align="center"><b>Fixed</b></td>
                            <td align="center"><b>Bonus/<br />Other</b></td>
                            <td align="center"><b>Total</b></td>
                         </tr>
                         <tr>
                         <td>&nbsp;</td>
                         <td><b>%</b></td>
                         <td><b>$</b></td>
                         <td><b>$</b></td>
                         <td><b>$</b></td>
                         <td><b>$</b></td>
                         </tr>
                         <!---End form headings--->
						
                             <tr><td><b>*</b>Gross Comm</td>
    <td><input type="text" id="gr_comm_percentage" size="1" class="TextBox" value="0"> </td>
    <td><input type="text" id="gr_comm_dollars"    size="8" class="TextBox" value="0"> </td>
    <td><input type="text" id="gr_fixed_dollars"   size="8" class="TextBox" value="0"> </td>
    <td><input type="text" id="gr_bonus_dollars"   size="8" class="TextBox" value="0"> </td>
    <td><input type="text" id="gr_total_dollars"   size="8" class="TextBox"> </td>
  </tr>
						<tr>
<cfoutput>
  <cfif #form.list_type# IS 2>
    <td><b>*</b>REO List </td>
    <td><input type="text" id="REO_list_percentage"    size="1" class="TextBox" value="0"> </td>
    <td><input type="text" id="REO_list_dollars"       size="8" class="TextBox" value="0"> </td>
    <td><input type="text" id="REO_list_fixed_dollars" size="8" class="TextBox" value="0"> </td>
    <td><input type="text" id="REO_list_bonus_dollars" size="8" class="TextBox" value="0"> </td>
    <td><input type="text" id="REO_list_total_dollars" size="8" class="TextBox"> </td>
                            
                            
                           <!---List type 1 begins here---> 
                            
                            
							<cfelseif #form.list_type# IS 1 ><td><b>*</b>Amt Pd to O/B</td>
							<td><input type="Text" name="OB_percentage" size="1" class="TextBox" onFocus="this.className='TextBoxSelected';select()" onBlur="this.className='TextBox'">% </td>
							<td>$<input type="text" name="OB_dollars" size="8" class="TextBox" onFocus="this.className='TextBoxSelected';select()" onBlur="this.className='TextBox'" > </td>
							<cfelse><td>Amt Pd to O/B</td>
							<td><input type="Text" name="OB_percentage" size="1" class="TextBox" onFocus="this.className='TextBoxSelected';select()" onBlur="this.className='TextBox'">% </td>
							<td>$<input type="text" name="OB_dollars" size="8"  class="TextBox" onFocus="this.className='TextBoxSelected';select()" onBlur="this.className='TextBox'"> </td>
							</cfif>
							</cfoutput>
						</tr>
						<tr>
<cfoutput>
  <cfif #form.list_type# IS 2>
    <td><b>*</b>REO Sale  </td><!---Comp. Dollar--->
    <td><input type="text" id="REO_sale_percentage"    size="1" class="TextBox" value="0"> </td>
    <td><input type="text" id="REO_sale_dollars"       size="8" class="TextBox" value="0"> </td>
    <td><input type="text" id="REO_sale_fixed_dollars" size="8" class="TextBox" value="0"> </td>
    <td><input type="text" id="REO_sale_bonus_dollars" size="8" class="TextBox" value="0"> </td>
    <td><input type="text" id="REO_sale_total_dollars" size="8" class="TextBox"> </td>
                   
                       
							<cfelse><td><b>*</b>REO Gross</td>
							<td><input type="Text" name="comp_percentage" size="1" class="TextBox" onFocus="this.className='TextBoxSelected';select()" onBlur="this.className='TextBox'">% </td>
							<td>$<input type="text" name="comp_dollars" size="8"  class="TextBox" onFocus="this.className='TextBoxSelected';select()" onBlur="this.className='TextBox'"> </td>

Can anyone tell me what I need to change? Thanks in advance for your assistance.