I have a very simple script that fails on macintosh only (works on PC browsers) when I include the ajax.js file. I am not even using it (not in my simple script anyway, shown below). When I include that file, the drag and drop no longer works on a mac.
[Code]...
Here's what used up the last couple of hours of my time.
The Mac version of MSIE will not load a script that has this in it:
theItem.elm.value = theItem.elm.value.replace(/^s*(.*?)s*$/, "$1");
Now I had other regular expressions in the script done this way, but in this one case I had to use the object constructor method.
It will won't work in this browser, but now at least the script loads and other functions in the same file work.
I have a solution so basically I'm looking for some insight into this if anyone has it. What is it about this particular expression that upsets Mac MSIE?
I am rather to JQuery, but love the possibilities. However I am finding my first experience rather vexing. The JQuery Cycle plugin works great in my site folder if I place it in a new file. But when I try to place it in my existing index page with existing CSS it displays the images on top of one another not in the div where they are placed. I can send a screenshot if that helps. I have also included my site folder with just the index page and all the files including graphics, scripts and CSS. Can any of you see where my conflict is?Also since then I added this css to the index file and got images to come together but transition does not happen:
#myslides {
width: 605px;
height: 200px;
[code]....
I have a web page which utilizes both Moo tools and JQuery features. The Moo Tools seems to be negating my JQuery functionality for a sliding menu. I did some research and it looks like I can add $.noConflict(); to resolve this, but I am not sure how to add it. For instance I am linking to both the JQuery and Moo tools code.
<script type="text/javascript" src="../js/mootools.js"></script>
<script type="text/javascript" src="../js/JQuery.js"></script>
I am sure the Moo tools JS is interfering, b/c when I take it out the JQuery functionality works.
Having a problem on a clients website incorporating two js sliders in the same page. The scripts before editing were the TinySlider and TinyFader from [url]
The parsers in Internet Explorer, Firefox and Chrome cannot seem to differentiate between the two scripts, although I tried altering various defined names for script control it didn't make much difference.
The problems are the controls of the first slider operate the second and only the second slider works. Also, I'm getting validation errors (document type does not allow element "li" here; missing one of "ul", "ol" start-tag) where the showroom (second) script content lies. Not sure if this is related or not but either way if I try to fix it the only working slider is broken.
Here is the testing url.[url]
I've been using the excellent fValidate library to validate my forms and I just came across and intersting problem. I have cause to use htmlArea on one of my forms that uses fValidate. It seems that there is some conflict when both htmlArea and fValidate are working on the same page/form.
I can use one or the other independantly, and each will function without flaw, however when I try to set them up to both act on one of my forms, I get the following:
When I have both htmlArea and fValidate on the same page I seem to get 3 popup errors for each htmlArea dropdown items (in this case, the font and font size selectors):
I have a site that uses the prototype and scriptaculous scripts. I also have a pulldown menu script (which I've used before) that I got from AListApart.com. The pulldown menu script does not work in IE on the pages that use the prototype/scriptaculous scripts. Is there a workaround?
View 1 Replies View RelatedIm trying to make a personal home page that both shows the time and a random background each refresh using javascript. so far i have managed to get either one or the other to work but not both.i want to know if anyone could try and tell me what is wrong.the files can be found at: http://ihf.lp.pl/narik/index.htmlas you will see if you visit that the random image script works.(if u have slow net, you'll have to be patient the bg image is large)however if u visitat by the name, the index file has the clock working but not the random background. They are both present in the html, but for some reason are not working together.the relevant javascript files within that folder are: randomimage.js & clock.jsthe background images can be found at http://ihf.lp.pl/narik/images/wallpapers/1.jpg (the image names go from 1.jpg through to 17.jpg)
View 1 Replies View RelatedWe use a variety of plugins on a wordpress site we're developping. But two of them seem to be conflicting, causing one not to load/work properly. One uses jQuery and the other one uses scriptaculous/prototype. It seems those two have some issues running together.
As jQuery is the default library loaded, is there a way (without modifying the $-function) to exclude jQuery from loading from this one page where Scriptaculous is needed?
I'm trying to put a rotating testimonial effect in the header (working) and use a Phatfusion style image menu (not working). I know the menu uses MooTools and the other a google script?Honestly, I've been going at this for a while and don't know that I know enough about javascript yet to understand what to do...
View 4 Replies View RelatedBasically I have added a Lightbox gallery, which is all working as it should here URL...However, the large photos can render underneath the two sets of rotating images - the ones near the top of various resorts, and the one on the left hand side showing sponsor's logos. It only seems to do it sometimes with the set at the top, but always with the Award Sponsors one.If it doesn't show with the page as it loads, you can see what I mean by scrolling down until the Awards Sponsors graphic is about halfway down the screen.
So my question is really just to ask if there's a way of ensuring that the Lightbox photos do appear over everything else on the page?
I have the following sample code and when I click the a href link it pops up both windows.
HTML4Strict Code:
<tr false;" style="cursor:pointer"> <td>Some data</td> <td>More date</td> <td><a href="thatlink.html" false;">Details</a></td></tr>
In other words - linking the link that should open up 'thatlink.html' opens up that window first followed by the 'thislink.html' window in the table row onclick call.
jquery provides ajaxStart() and ajaxStop() events. Those two events do not seem to be triggered if the ajax requests are made by Microsoft Ajax tool Kit (from ASP.Net code). Is there any way to bridge those two event models? If not currently possible, is there any future initiative or plan out there to make this happen?
View 2 Replies View Relatedi was using $.ajax method to get my ajax page on my main page,which is working great.But now if i have links in that ajax page then i can't open them in that same div,the links are opening in new window,but i want to open in same part,i tried google it and then found, i have to use iframe instead of div.how to do with only use jquery and div.
View 3 Replies View Relatedi have a series of <select> fields. The first one, via ajax(), generates a 2nd one, based on the first ones' data with the .change() method. there is then a 3rd <select> - who's data will depend on choice of the second one although step 1 works, and i can generate the 2nd one, i still can't generate the 3rd one.
when i test the script on its own, both the 2nd and 3rd <select> fields are fine - but not via the ajax, which leads me to believe that the .change() from the 2nd one, isnt triggering the ajax call - its not being picked up (even the 'hello' alert isnt working).
[Code]...
I am using jquery for getting ajax responses from server side functions.
I am in a situation where I need to make two ajax calls one after another and the second one is dependent on the response of the first one.
I have tried to use a code which is similar to this one?
$.ajax({
type: 'GET',
url: 'myURL',
success: function(data)
[Code]....
Is it possible to get two have two ajax calls , one dependent on the other?
I'm creating an AJAX page that is built using a PHP Class, ie the php looks a bit like this: PHP Code:
$wp_page->addjs('../var/savepolicies.js')
$wp_parser->page = "userpolicywindow.php";
$wp_parser->addlink("Home","../index.php","");
$wp_parser->addlink("Logout","javascript:logout();","");
$wp_parser->getpageid("501");
[Code]...
within this page that has been created, there is an AJAX tree folder which calls another page to be loaded into a DIV by AJAX again. Code:
[Code]...
I don't know why it doesn't work because the page has been loaded with the JS file, but as soon as the link is added afterwards it doesn't work. I take it this is because it doesn't know where to find the JS, but how can I overcome this?
Am calling Webservice in one ajax post, In the success funtion am calling another another method in same webservice through another ajax post method. First ajax post is getting called and returning the string from the webservice method but the inner ajax call is not getting called. I have placed the code here.
[Code]...
I feel like I should be beating a dead horse here, but I've done quite a bit of research and this is not making any sense to me. I'm trying to read an XML document returned in the XHR back from a .load() method. I can't get anything to happen in IE, and it really seems like I'm having to use the WRONG way to get it happening in Firefox and Safari.
Here's some code, the handler passed into the .load() method.
This function traces that the length of the results that are "facility" elements is 0. This is absolutely wrong, as there are 5, and if I set my resultsXML var to the string that is the XML from the response, Firefox will accurately count the elements and report them as 5. However, I understand I'm supposed to pass an XML Document object, NOT a string into the jquery object so that I can parse it correctly in any browser. IE always reports the length as 0 regardless of whether I pass the string or object into the jquery object. But even in IE if I trace the value of the responseText string, the full XML document is seen.
so i have this "class" defined in a javascript file, "a.cross-link". This enables the ability for users to navigate the webpage in a slider format.it works fine if I directly place the required html code:
<a class="cross-link" href="#3" title="Go to Page 2">View Results</a>but if i have php print out that line for me, it doesn't work:
echo "<a class= "cross-link" href="#3" title="Go to Page 3">$name</a>";(Where $name is some variable)
Note: the php code is just your average sql stuff. here is an interesting observation i've made: if i "hardcode" this this into the html:
<a class="cross-link" href="#3" title="Go to Page 3">View Results</a>
and then i go to generate the sourcecode, this is what appears (this works): <A class=cross-link title="Go to Page 3" href="#3" jQuery1283131847233="30">View Results</A>
but if i have the html made by a php echo statement, it just stays the same - i dont get a jQuery1283131847233="30" generated in the sourcecode.i'm new to jquery and ajax stuff. to me, it seems like the "cross-link" class i have defined in the javascript isn't being applied to correctly.can you invoke javascript from a php echo statement that is formatted to produce html code? here is another thing i believe is true: when the page loads, the javascript loads. the users, through the use of ajax, submitts a sql querey and navigates, using a jquery slider, to another div (where i want the user to go after selecting a resulting link from the sql query). so the javascript is going to execute before the list of results is produced. do I need to rerun the javascript each time new php produced sql data is populated in a div? if so, how?
This is something new I have been trying to do because the site I'm doing development for does not support ASP and I find it easier to populate PDF forms in ASP rather then PHP. So what I have done is on my Church's website I have the form that needs to be filled out developed as an HTML form with some PHP serverside code. I am then using jquery ajax to send the form values to the other URL (My own personal webserver where I set up a subdomain) where the values will be dumped in to the corissponding form fields in the pdf template and then emailed to the secratery at my Church.
Here is my problem, $.Ajax can not send to a URL outside of the server it is being run on. Now I have read on various forums that 2 ways around this are to either have a proxy page or by using jsonp. I looked at both options and am still unsure how to handle this. jsonp seems like I would have to rewrite my ASP page to be able to read jsonp values and I really don't know where to begin in my ASP page to get the jsonp method to work. What I found with proxy page also seemed to be problematic because the samples I found did not pass variables to the other page.
I just want a really simple (or well explained step by step) process that will allow JQuery to take the form values filled out on the PHP page of my Church's website and pass them to the ASP .NET/C# page found on my personal server and then take the results (either successful or failed) and return it to the php page to display an appropriate message. Right now I'm using String txtFamilyName = Request.Params["txtFamilyName"]; in my asp c# page to grab the values from Jquery and put them in a variable.
I have the following function:
Code:
Then I have in showresults.php lines
Code:
Everything is fine, but I don't know how I can use this with GET. I tried to replace type: "POST", with type: "GET", and then if(!empty($_GET[clickedPage])){... but it doesn't work.
What would be the correct syntax in function to get in showresults.php data with GET?
jQuery.ajax({
url: "/sharedImage",
type: 'POST',
data : fileName,
async: false,
dataType: 'html'
})
Here i am posting the request to a servlet.The call is going to the servlet.But i am not able to get the data (filename which i am sending ) in my servlet. How to access the param value in the servlet.
I am wanting to make an ajax call across domains. Im attempting to call an external api with json data and (hopefully) receive a response. It's a mapquest api to obtain driving routes.Is there a mechanism in jQuery that will allow me to make a cross-domain ajax call?
View 12 Replies View RelatedI have a little issue with the use of jQuery and a call with the method Ajax. The problem appears with IE7 when I call just after the page was loaded. If I wait 2/3secondes, I don't have this beautiful message :
[Code]...
The $.ajax call was working fine in 1.4.4. However, upon upgrading to jQuery 1.5, all my AJAX calls are triggering the error callback instead of success. Furthermore, the error being thrown is empty (or at least isn't showing up in the alert box. This happens on IE, Firefox, and Chrome.Getting the same problem with $.getJSON as well (which makes sense if its just a shorthand $.ajax). I've included the function that makes the ajax call below.
[Code]...