|
JavaScript - Jquery Error: $ Is Not Defined
Greetings all. Please let me apologize in advance if this is a tremendously stupid question, but I'm new to Jquery and ASP... and I'm suddenly building an entire site made of both. *sigh*
I keep getting an error message in Firebug in relation to the accordion menu I created. "$ not defined $(function() {" If the navigation is isolated on its own page, the error does not exist. It only occurs once it is brought into the Store Master page. Working Version: http://www.stephenjosephinc.com/testing/ Non-Working Version: http://74.124.26.78/ The following code is cut from the head in the non-functional page: Code: <head id="ctl00_Head1">
<title>Shop Online</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="icon" href="App_Master/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="App_Master/favicon.ico" type="image/x-icon" />
<link type="text/css" href="App_Master/css/custom-theme/jquery-ui-1.8.4.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.4.custom.min.js"></script>
<link type="text/css" href="App_Master/theme/ui.all.css" media="screen" rel="stylesheet" />
<script type="text/javascript">
$(function() {
$("#accordion").accordion({
collapsible: true,
autoHeight: false,
header: "h3"}
);
});
</script>
<link href="App_Themes/DefaultTheme/master.css" type="text/css" rel="stylesheet" />
<link href="App_Themes/DefaultTheme/menu.css" type="text/css" rel="stylesheet" />
</head>
If it helps at all, you may view the entire code he http://74.124.26.78/full_code.txt Please note: I DID NOT create the code on the aforementioned page. It's an ugly, nightmarish mess (at least to my non-ASP-loving eyes), so please don't hate me for bad form in the body code. The only code that I wrote for this page is the bit you see above and the hrefs for the side nav. Any help would be massively appreciated! Thank you in advance! Similar TutorialsCode: $(document).ready(function(){
var theText=["Text one","Text two","Text three", "Text four"]; // Build the array of text
var arrayRows = theText.length; //Get the length of the array (Note: This starts at 1 not 0 like the array)
var i=0; //Set a counter
document.getElementById('textHere').innerHTML =theText[i]; //Fill in the space with the first piece of text
time = setTimeout("next()", 2000);
function next() {
if (i == (arrayRows-1)) {
i = 0;
}else {
i++;
}
$("#textHere").fadeOut("slow", function(){
document.getElementById('textHere').innerHTML =theText[i];
$("#textHere").fadeIn("slow");
});
}
function prev() {
if (i <= 0) { // If its below 0 go to the max
i = arrayRows-1;
}else {
i--;
}
$("#textHere").fadeOut("slow", function(){ //Fade out the area
document.getElementById('textHere').innerHTML =theText[i]; //Change the text to the next piece of text
$("#textHere").fadeIn("slow"); // Fade in the area
});
}
$("#prevText").click(function(e) {
e.preventDefault(); // Stop the link being a link
prev();
});
$("#nextText").click(function(e) {
e.preventDefault();
next();
});
});
When i click the links the functions work, however the setTimeout doesnt, can anyone help me figure this out? Hi, I am trying to get this function to work, it looks great in theory but I keep getting the error message file is not defined. What have I done wrong? The code is: Code: <head>
<script type="text/javascript">
function loadXMLDoc(File,ID){
if (window.XMLHttpRequest) {
xmlhttp=new XMLHttpRequest();
}
else {
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("POST",FILE,true);
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
document.getElementById(ID).innerHTML=xmlhttp.responseText;
}
}
xmlhttp.send();
}
</script>
</head>
<body>
<input type="button" value="Test" onclick="loadXMLDoc('getToday.php','txtHint');" >
<input type="button" value="Test2" onclick="loadXMLDoc('getYesterday.php','txtHintYest');" >
</body>
Hi all, Trying to use a small bit of script to slide open and closed a div. Copied it from another page where I have it working just fine. Coding in coldfusion. When clicked, nothing happens, and firebug pulls an error of DC_ShowDeptStaff is undefined. Script is: Code: <script type="text/javascript">
function DC_ShowDeptStaff(){
if( document.getElementById("testdiv").style.display=="none" ) {
Effect.BlindDown("testdiv");
return false;
} else {
Effect.SlideUp("testdiv"); return false;
}
}
</script>
Call is: Code: <a href="javascript:;" onclick="DC_ShowDeptStaff()" return false;>See All Staff in this Department</a> Full code is: Code: <script type="text/javascript">
function DC_ShowDeptStaff(){
if( document.getElementById("testdiv").style.display=="none" ) {
Effect.BlindDown("testdiv");
return false;
} else {
Effect.SlideUp("testdiv"); return false;
}
}
</script>
<cfquery name="getStaffProfileDepartments" datasource="#ATTRIBUTES.datasource#" username="#ATTRIBUTES.username#" password="#ATTRIBUTES.password#">
SELECT spd.staffProfileDepartmentName,
spd.staffProfileDepartmentId
FROM dccom_twstaffprofilesdepartments spd
WHERE spd.instanceId = <cfqueryparam value = "#REQUEST.instanceId#">
AND spd.staffProfileDepartmentIsPublished = 'YES'
ORDER BY spd.staffProfileDepartmentDisplayOrder,
spd.staffProfileDepartmentName
</cfquery>
<cfif getStaffProfileDepartments.RecordCount NEQ 0>
<cfloop query="getStaffProfileDepartments">
<!---INSIDE LOOP ONE--->
<cfoutput>
<h3>#staffProfileDepartmentName#</h3>
<h4><a href="javascript:;" onclick="DC_ShowDeptStaff()" return false;>See All Staff in this Department</a></h4><br>
<div class="testdiv" style="display: none"><h3>Test Success!</h3></div>
<cfquery name="getStaffProfiles" datasource="#ATTRIBUTES.datasource#" username="#ATTRIBUTES.username#" password="#ATTRIBUTES.password#">
SELECT sp.staffProfileId,
sp.staffProfileName,
sp.staffProfilePosition,
sp.staffProfilePhone,
sp.staffProfileMobile,
sp.staffProfileEmail,
sp.staffProfileDescription,
sp.staffProfileImage,
sp.staffProfileDisplayOrder,
spd.staffProfileDepartmentName,
sp.staffProfileIsDepartmentHead,
sp.staffProfileIsPublished
FROM dccom_twstaffprofiles sp LEFT OUTER JOIN dccom_twstaffprofilesdepartments spd ON sp.staffProfileDepartmentId = spd.staffProfileDepartmentId
AND sp.instanceId = spd.instanceId
WHERE sp.instanceId = <cfqueryparam value = "#REQUEST.instanceId#">
AND sp.staffProfileIsPublished = 'YES'
AND spd.staffProfileDepartmentId = <cfqueryparam value="#staffProfileDepartmentId#">
ORDER BY sp.staffProfileIsDepartmentHead DESC,
sp.staffProfileDisplayOrder,
sp.staffProfilePosition
</cfquery>
<cfif getStaffProfiles.RecordCount NEQ 0>
<cfloop query="getStaffProfiles">
<cfoutput>
<ul>
<cfset cStaffProfileDescription = staffProfileDescription>
<cfset cStaffProfileDescription = replace(replace(cStaffProfileDescription,chr(13) & chr(10),"<br>","ALL"),chr(10),"<br>","ALL")>
<li>
<cfif staffProfileIsDepartmentHead EQ 'YES'>
<div class="staffInfo">
<h3>#staffProfileName#</h3>
<h3>DEPT HEAD</h3>
<cfif LEN(#staffProfilePosition#)><h4>#staffProfilePosition#</h4></cfif>
<cfif LEN(#staffProfilePosition#)><p>#cStaffProfileDescription#</p></cfif>
<cfif LEN(#staffProfilePhone#)><p>Phone: #staffProfilePhone#</p></cfif>
<cfif LEN(#staffProfileMobile#)><p>Mobile: #staffProfileMobile#</p></cfif>
<cfif LEN(#staffProfileEmail#)><p><a href="mailto:#staffProfileEmail#">#staffProfileEmail#</a></p></cfif>
</div>
<cfif LEN(#staffProfileImage#)>
<div class="staffImage">
<cfif LEN(staffProfileImage) AND fileExists(APPLICATION.siteFilePath & "contentFiles\components\twStaffProfiles\" & REQUEST.instanceId & "\" & staffProfileImage)><img src="contentFiles/components/twStaffProfiles/#REQUEST.instanceId#/#staffProfileImage#" width="100" height="120" alt="#staffProfilePosition#">
</cfif>
</div>
</cfif>
<cfelse>
<h3>HIDDEN STAFF PROFILE</h3>
<div class="staffInfo2" style="display:none" >
<h3>#staffProfileName#</h3>
<cfif LEN(#staffProfilePosition#)><h4>#staffProfilePosition#</h4></cfif>
<cfif LEN(#staffProfilePosition#)><p>#cStaffProfileDescription#</p></cfif>
<cfif LEN(#staffProfilePhone#)><p>Phone: #staffProfilePhone#</p></cfif>
<cfif LEN(#staffProfileMobile#)><p>Mobile: #staffProfileMobile#</p></cfif>
<cfif LEN(#staffProfileEmail#)><p><a href="mailto:#staffProfileEmail#">#staffProfileEmail#</a></p></cfif>
</div>
<cfif LEN(#staffProfileImage#)>
<div class="staffImage">
<cfif LEN(staffProfileImage) AND fileExists(APPLICATION.siteFilePath & "contentFiles\components\twStaffProfiles\" & REQUEST.instanceId & "\" & staffProfileImage)><img src="contentFiles/components/twStaffProfiles/#REQUEST.instanceId#/#staffProfileImage#" width="100" height="120" alt="#staffProfilePosition#">
</cfif>
</div>
</cfif>
</cfif>
</li>
</ul>
</cfoutput>
</cfloop>
<cfelse>
<cfoutput>
<p>There are Currently No Staff Listed in this Department</p>
<br>
</cfoutput>
</cfif>
</cfoutput>
<!---end loop one--->
</cfloop>
</cfif>
any input would be appreciated Hi, I have the following script which should work in theory, however I get the error message that file is not defined. I have tried playing around with using variables and I can not work out how to correct this. My code is: Code: <head>
<script type="text/javascript">
function loadXMLDoc(File,ID){
if (window.XMLHttpRequest) {
xmlhttp=new XMLHttpRequest();
}
else {
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
document.getElementById(ID).innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("POST",FILE,true);
xmlhttp.send();
}
</script>
</head>
<body>
<input type="button" value="Test" onclick="loadXMLDoc($File='getToday.php','txtHint');" >
<input type="button" value="Test2" onclick="loadXMLDoc($File='getTomorrow.php','txtHintTom');" >
I'm having some issues with firefox, chrome seems to work ok. Firebug is giving me an error stating country is not defined. The line it's saying it's on is where the function for an ajax call to populate a select input on page load. Here's the script that sets up the functions to call and fill the state and city values: Code: <script src="/components/com_helloworld/js/request.js">
/****************************************************
* Ajax call to fill city values
****************************************************/
</script>
<script>
function handleOnChange(dd1)
{
var idx = dd1.selectedIndex;
var val = dd1[idx].text;
var par = document.forms["cbcheckedadminForm", "adminForm"];
var parelmts = par.elements;
var cb_statesel = parelmts["cb_state"];
var country = val;
var directory = ""+document.location;
directory = directory.substr(0, directory.lastIndexOf('/'));
Http.get({
url: "./components/com_helloworld/js/regvalues/states/" + country + ".php",
callback: fillcb_state,
cache: Http.Cache.Get
}, [cb_statesel]);
}
function fillcb_state(xmlreply, cb_stateelmt)
{
if (xmlreply.status == Http.Status.OK)
{
var cb_stateresponse = xmlreply.responseText;
var cb_statear = cb_stateresponse.split("|");
cb_stateelmt.length = 1;
cb_stateelmt.length = cb_statear.length;
for (o=1; o < cb_statear.length; o++)
{
cb_stateelmt[o].text = cb_statear[o];
}
}
else
{
alert("Cannot handle the Ajax call.");
}
}
function handleOnChange2(dd1)
{
var idx = dd1.selectedIndex;
var val = dd1[idx].text;
var par = document.forms["cbcheckedadminForm", "adminForm"];
var parelmts = par.elements;
var cb_citysel = parelmts["cb_city"];
var state = val;
var directory = ""+document.location;
directory = directory.substr(0, directory.lastIndexOf('/'));
Http.get({
url: "./components/com_helloworld/js/regvalues/" + state + ".php",
callback: fillcb_city,
cache: Http.Cache.Get
}, [cb_citysel]);
}
function fillcb_city(xmlreply, cb_cityelmt)
{
if (xmlreply.status == Http.Status.OK)
{
var cb_cityresponse = xmlreply.responseText;
var cb_cityar = cb_cityresponse.split("|");
cb_cityelmt.length = 1;
cb_cityelmt.length = cb_cityar.length;
for (o=1; o < cb_cityar.length; o++)
{
cb_cityelmt[o].text = cb_cityar[o];
}
}
else
{
alert("Cannot handle the Ajax call.");
}
}
</script>
And here's how it's being triggered on page load: Code: <script>
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
if (oldonload) {
oldonload();
}
func();
}
}
}
addLoadEvent(function() {
ajaxFunction(document.getElementById('country').value);
handleOnChange(country);
setupDependencies('cbcheckedadminForm', '');
handleOnChange2(cb_state);
});
</script>
I'm not sure why it says it's not defined as it clearly is. This error is causing the dependent drop down script to not work in firefox causing the child dropdowns to not hide. I did notice something odd though, if I remove the doctype line it works ok. I did this as firebug was throwing an error on another page claiming it had a syntax error so obviously something somewhere is messed up. Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>"> When the doctype lines are removed firebug throws this error: window.document.forms[arguments[i]] is undefined [Break On This Error] for(var j = 0, e = window.document...ts[i]].elements; j < e.length; ++j) { in formmanager.js. I'm getting an '$active is not defined' error, which makes sense because the method that defines it isn't called till 10 seconds after I check if it is defined below. But that's the point. I'm actually checking to see if it is defined, and if it's not, then I defined. However, firebug still gives me the error for this: Code: if ($active == undefined) {
$active = $('.paging a.active');
}
var triggerID = $active.attr("rel") - 1;
var image_reelPosition = triggerID * imageWidth;
I also tried: if ($active === undefined) if (!$active) But nothing works. I'm just trying to check if it's not defined, then define it. Yet it won't let me check if it is undefined because it is telling me it's undefined despite the fact I'm checking for that very reason. Thanks for any response. Hi, I have a button that when you click it displays the results of my db in a div. What I am trying to do is to get the results to update every five seconds. I thought setTimeout was the best way to achieve this. However I am getting the error message that ID is not defined on the setTimeout line. I thought it would automatically input ID into the fields marked ID when the onloadXMLDocRefresh('File.php','txtHint') button is clicked? The button works to load the script, but the refreshing the div is not. My script is: Code: <script type="text/javascript">
function loadXMLDocRefresh(File,ID){
if (window.XMLHttpRequest) {
xmlhttp=new XMLHttpRequest();
}
else {
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
document.getElementById(ID).innerHTML=xmlhttp.responseText;
timer = setTimeout('loadXMLDocRefresh(File,ID)',5000);
}
}
xmlhttp.open("POST",File,true);
xmlhttp.send();
}
</script>
I'm having trouble figuring out this code. I have a isInitialsTextValid function that checks to see if the user enters their initials in the correct format. Then I have a function checkInitials. In the checkInitials function I am supposed (1)to declare a variable to be used for the boolean value returned by the isInitialsTextValid function.(2)call the isInitialsTextValid function.(3)If the value returned is false, place focus back on initials textbox.(4)If the value return is true call the submit function. I'm not sure what I am doing wrong, but I get a checkInitials is no defined error from firefox and it is pointing to my xhtml file. Here is the relevant code. XHTML FILE Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Form Example</title>
<script type = "text/javascript" src= "Lab17.js"> </script>
</head>
<body onload="giveInitFocus();">
<form name = "form1" action = "">
<p>
<input type = "button" value = "Total Cost" onClick = "checkInitials();" />
<input type = "reset" value = "Reset Order Form" name = "reset" />
</p>
<hr />
<p>
Please Enter the Cashier's Initials.
</p>
<p>
<label> Cashier's Initials: <input type = "text" name = "initials" id = "initials" /></label>
</p>
<p>
JAVASCRIPT FILE Code: function isInitialsTextValid()
{
var init = document.form1.initials;
var position = init.value.search(/^[A-Z]{2,3}$/);
if(position !=0)
{
alert("Initials must be 2 or 3 capital letters" + "\n Please re-enter");
return false;
}
else
return true;
}
function checkInitials()
{
var returned;
isInitialsTextValid();
if(returned == false)
{
document.form1.initials.focus();
}
else if(returned == true)
{
handleSubmitClick();
}
}
Hi, Using a while loop in a function, I am trying to test an input character against a stored string of characters. I want the function to return the input character only if it is not in the stored string of characters. The code I've prepared is as follows: Code: <SCRIPT language = "JavaScript">
var storedLetters = 'sideways';
function requestLetters(aString)
{
var validLetter ='';
var inputLetter = window.prompt('Please input a single lower-case letter', '');
while (storedLetters.indexOf(inputLetter) != -1)
{
inputLetter = window.prompt('You have already tried ' + inputLetter + ' . Please try another' + ' letter.');
}
validLetter = inputLetter;
return validLetter;
}
requestLetters(storedLetters);
document.write(validLetter);
</SCRIPT>
The code works fine if I remove it from the function wrapper but if the function is called I keep getting an error message that the variable validLetter is not defined. Can anyone see why this is the case? Thanks. I have a form where I want certain fields to be visible only if the user clicks a checkbox on the form. Specifically, when Presented_to_Goverment_EntityCheckbox0 is checked, these fields should appear. Code: DropDownList ID="GovEntity" Officials_Last_NameTextBox0 Officials_First_NameTextBox0 Officials_TitleTextBox0 I created two different styles, show below; one makes the fields visible and one hides them Code: <style type="text/css">
.hideit {
visibility: hidden;
overflow: hidden;
position: absolute;
}
.showit {
visibility: visible;
overflow: visible;
position: static;
}
</style>
Then I surrounded the fields with a div ID'ed as wdiv Code: <div class="hideit" id="wdiv">
Type Government Entity:
<asp:TextBox ID="Type_Government_EntityTextBox"
runat="server"
Text='<%# Bind("Type_Government_Entity") %>' />
<br />
Officials Last Name:
<asp:TextBox ID="Officials_Last_NameTextBox"
runat="server" style="display:none"
Text='<%# Bind("Officials_Last_Name") %>' />
<br />
Officials_First_Name:
<asp:TextBox ID="Officials_First_NameTextBox"
runat="server"
Text='<%# Bind("Officials_First_Name") %>' />
<br />
Officials_Title:
<asp:TextBox ID="Officials_TitleTextBox"
runat="server"
Text='<%# Bind("Officials_Title") %>' />
<br />
</div>
I am using the following javascript to change the styles in response to an onclick event. Code: <script language="javascript" type="text/javascript">
function changeDiv(wdiv) { thediv = document.getElementById(wdiv);
if(thediv.className == 'hideit'){
thediv.className = 'showit'; } else if (thediv.className == 'showit'){
thediv.className = 'showit'; }}
</script>
I call the Javascript in this line Code: <asp:CheckBox ID="Presented_to_Goverment_EntityCheckBox" onClick="ChangeDiv(wdiv)"
runat="server" />
<br />
However nothing happens when I click the checkbox and if I look in Firefox's error console it says ChangeDiv is not defined. Thanks. i keep getting error Call to undefined function codeandurl() below is my code PHP Code: <?php $value= strip_tags(get_field('link',$post)); $resultid=get_field('resultid',$post); codeandurl($resultid,$value); ?> <div id="result"></div> <script type="text/javascript"> function codeandurl(resultid,url){ $( "#result" ).text(resultid); $( "#result" ).dialog({ modal: true, buttons: { Ok: function() { $( this ).dialog( "close" ); } } }); window.open(url); return false; } </script> Hello I have a php page in which I declared a js variable... right at the top of the page... <script type="text/javascript"> var tester = 0; </script> Later in the page I test this variable... <script type="text/javascript"> if (tester==1){ do some stuff!! } </script> But I keep getting an error variable _tester undefined Am I missing something obvious... I am new to js... but this seems really straightforward On my wordpress based website, I have jquery for the top button selection part on the homepage, and lightbox for the gallery, and they work fine. But when I enter the url with a GET (.com?something), they don't work. I can't figure out if it is a jQuery error, or jQuery with wordpress's url structure. Ex: http://www.naturallookinstitute.com/gallery/ - OK http://www.naturallookinstitute.com/gallery?get - Lightbox broken http://www.naturallookinstitute.com/ - OK http://www.naturallookinstitute.com?get - Top header selector broken Hello, I am trying to add a simple script to my CSS menu for a little bit more eye candy. However, when I add the script - it causes issues in my online store (ex; the javascript-powered one page checkout stops working). Here is the exact error from the error console: Quote: Error: jQuery.validator is undefined Source File: https://www.gem-tech.com/store/pc/onepagecheckout.asp Line: 288 And here is the exact script: Quote: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> <script type="text/javascript" src="jquery.hoverIntent.minified.js"></script> <script type="text/javascript"> $(document).ready(function() { function megaHoverOver(){ $(this).find(".sub").stop().fadeTo('fast', 1).show(); //Calculate width of all ul's (function($) { jQuery.fn.calcSubWidth = function() { rowWidth = 0; //Calculate row $(this).find("ul").each(function() { rowWidth += $(this).width(); }); }; })(jQuery); if ( $(this).find(".row").length > 0 ) { //If row exists... var biggestRow = 0; //Calculate each row $(this).find(".row").each(function() { $(this).calcSubWidth(); //Find biggest row if(rowWidth > biggestRow) { biggestRow = rowWidth; } }); //Set width $(this).find(".sub").css({'width' :biggestRow}); $(this).find(".row:last").css({'margin':'0'}); } else { //If row does not exist... $(this).calcSubWidth(); //Set Width $(this).find(".sub").css({'width' : rowWidth}); } } function megaHoverOut(){ $(this).find(".sub").stop().fadeTo('fast', 0, function() { $(this).hide(); }); } var config = { sensitivity: 2, // number = sensitivity threshold (must be 1 or higher) interval: 100, // number = milliseconds for onMouseOver polling interval over: megaHoverOver, // function = onMouseOver callback (REQUIRED) timeout: 500, // number = milliseconds delay before onMouseOut out: megaHoverOut // function = onMouseOut callback (REQUIRED) }; $("ul#topnav li .sub").css({'opacity':'0'}); $("ul#topnav li").hoverIntent(config); }); </script> I believe there is some sort of conflict? Not sure though. Any input on this? Thanks, Hi all. I am using the Inline Form Validation Engine jQuery plugin found here, and though I have posted at their forum as well, am having a heck of a time (not being well versed in js OR Ajax, unfortunately) All I need to do is edit the code so that when the onSubmit function is processed, it returns only the first error it encounters, rather than keeping and display the array of every error. I have picked through the code several times, and can't seem to find where the array is stored. I thought perhaps I could find a for loop to limit, but am at a complete loss. Is there anyone out there who can help? I can post the code if needed; I didn't want to post the entire file (since I don't know which snippet is the one I need!) Thank you in advance! Hello. I'm coding a simple hover-opacity thing for some images on my site on the navigation bar. Although I'm receiving this message in my Firebug. uncaught exception: Syntax error, unrecognized expression: . Here's the navigation code: Code: <div class="navigation"> <a href="home"><img class="home" src="images/navigation/home.gif" /></a> - <a href="home" class="home">Home</a> <a href="news"><img class="news" src="images/navigation/news.gif" /></a> - <a href="news" class="news">News</a> </div> So the effect I've made is, when I hover the image, its opacity gets set to 1. And when I move my mouse away the image changes opacity to .5 And when I hover the text "Home" or "News" the same effect happens with the image. And here's my jQuery: Code: $(function(){
$('.navigation img').css({
opacity: .5
});
$('.navigation img').hover(function(){
$(this).stop().animate({ opacity: 1 },300);
}, function(){
$(this).stop().animate({ opacity: .5 },300);
});
$('.navigation a').hover(function(){
var imageClass = $(this).attr('class');
$('.navigation img.' + imageClass).stop().animate({ opacity: 1 }, 300);
}, function(){
var imageClass = $(this).attr('class');
$('.navigation img.' + imageClass).stop().animate({ opacity: .5 }, 300);
});
});
I can't seem to find the error in my script(s). Any help is appreciated. EDIT: Apparently the error appears when I make anchor tags around the image. Code: <a href="home"><img ... /></a> This gives the error. :S Code: <img ... /> But this doesn't? How can this be? Hi, I have an image slider that uses the: jquery.min.js file this basically slides up and down smoothly when clicked. I then added a Jquery accordian menu. When I put the 2 together the menu doesn't work it just stays fully expanded. As soon as I remove jquery.min.js it works fine but then the slider doesn't. What could this be please? Thanks alot Joe Hi all, I have an issue that seems to relate to IE6 only. Tested and working in IE8 and FF3. If you go to the following page and click 'Buy Now' at the bottom of the page to submit the form the jQuery validate library error messages are displayed at the top of the page, rather than next to the corresponding form element: http://bit.ly/cc97GP Any help appreciated with this one. Seems to work fine in IE8 and FF3 as mentioned. Best Regards, Picco Hi Friends, I am come with a new query in jQuery. I have a listing form in which the details showed , the View more Details is implemented using Ajax. When Click "+" sign there is a loading image show First then the Result show there ... It's all working Fine , But I need a way to show Error I mean some time Server Response is success with Empty String on that time I need to catch same .... I explain code Below: Code: if(proceed) {
$.ajax({
type: "POST",
data: "key="+id,
dataType: 'json',
async: true,
url: "<?php echo site_url(); ?>/server/view_serverdet/",
beforeSend: function() {
$('#view_load'+id).show();
$('#view_load'+id).addClass(class);
},
complete: function(){
$('#view_load'+id).hide();
}
},
success: function (server_msg) {
if (null == server_msg) {
var warning = "<font color=\"red\">Unable to load server details</font>";
$('#view_load'+id).html(warning);
} else {
// Working Fine!
}
But that error Just Show and Hide ... How I can show that Error there, If you have any idea , pls help me ASAP... Thankfully Anes P.A Hi, I'm a newbie to the forum and jquery and have been trying to use it for a slick form wizard i found here. http://thecodemine.org/ It's almost complete but IE keeps giving me an error I've tried everything to fix with no luck. I'm using jquery-1.4.2.min.js and the error it's giving me is Unexpected call to method or property access. line 103 character 460 The code it highlights is: Code: {this.nodeType===1&&this.appendChild(a)})},
at the end of this line. Complete line is: Code: wrapInner:function(a){if(c.isFunction(a))return this.each(function(b){c(this).wrapInner(a.call(this,b))});return this.each(function(){var b=c(this),d=b.contents();d.length?d.wrapAll(a):b.append(a)})},wrap:function(a){return this.each(function(){c(this).wrapAll(a)})},unwrap:function(){return this.parent().each(function(){c.nodeName(this,"body")||c(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,true,function(a){this.nodeType===1&&this.appendChild(a)})},
Any help would be greatly appreciated. Thanks! FYI: Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 1.1.4322; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729) Timestamp: Tue, 15 Nov 2011 16:45:53 UTC Message: Unexpected call to method or property access. Line: 103 Char: 460 Code: 0 URI: http://custsatdev/contact/jqueryform...y-1.4.2.min.js |
|||||||