Recently I encountered a problem in Opera: The browser does not runany javascript after a page is submitted.For example if you use animate on an anchor when you click on thatanchor the animate is never run unless the href is set to "#".This is the code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/jquery/1.3.2/jquery.js"></script>
<script type="text/javascript">
[code]....
I have a code (see below), in Firefox it works perfectly: it saves submitted information after clicking __JL_SAVE button and keeps user on same page.But in Internet Explorer & Opera it only redirects to index page (index.php) and doesn't save submitted information.
Here is code:
echo '<form action="index.php" id="mosForm" method="post" enctype="multipart/form-data">';
global $mainframe;
echo "<pre>".print_r($mainframe->_session,true)."</pre>";
[code]....
I cant get the scrollbar to animate to 500px, onload.
Here is a link to my page...[url]
<script type="text/javascript">
I have a toggle animation which puts the area I want to show to the user in view, ones that animation has played I want to animate several other objects on the page. I have the code to animate one object by using the callback function in animate. But is it possible to animate several objects in the callback function?. this is the code I have so far
$(document).ready(function(){
$(".navigaat").toggle(function(){
$(".mover").animate({left: '0px' }, 'slow',"", function() { $(".blok").animate( { fontSize:"160px" } , 1000 )});
[code]....
I use the wonderful .animate() method to create a "parallax website". It's still in developpement, but you can see the result : www.ohnewgarden.fr My problem : When you are at the very right, the animate effect reset my left property before animating. Which is weird is that this "reset" is applied only to two layers, without any sense. I'm going crazy !
So if someone could help me, it will be very nice ! It's probably my code which is wrong, but I can't see the mistake.
[Code]...
I said for my defense, I have tried to remove .stop(), tried to change parameters of .stop(), tried to reset (like there) the left property with a .css() method, and I have also tried to animate with "+=" (like there), but nothing works. If you follow to the link I gave, you could see very easily by clicking on "Contact" and after animation by clicking on "Accueil".
I have a div that has a negative top margin and a negative right margin. The right margin is because I want to have the div slide onto the page from the right. The top margin is because without it my page height is the height of the visible elements plus the height of the off-screen div.On a button click, I move the div down and then animate it onto the screen from the right. On button click again, I animate the div to the right, off the screen, and then move it up. I also toggle its width & padding so it will appear to grow/shrink as it moves on/off screen. At least that's what I am trying to do. The animation onto the screen looks good, but going off the screen, it appears to happen intantaneously, instead of animatedDoes anyone know how I can fix this?
$(".addPanels").live("click", function(){//now and in the future, show the add panels menu
var thisAddPanelsMenu = $(this).parent().prev(".addPanelsMenu");//get the addPanelsMenu
if(thisAddPanelsMenu.length) {//if the addPanelsMenu exists
[code]....
If I disable JS is running everything as I need. (but it isn't my objective)
<form id='RequestData' action='request.php' method='post'>
<button type='submit' name='par[1]' value='V1'>
<button type='submit' name='par[2]' value='V2'>
[code]....
Script work, but send wrong data, always send to request par[3]='V9' how I can do to send data' from buttons which I click ?
Myobjective it data:
par => array(
[1] => 'V1'
)
only one value of array PAR
In the following .submit function, I am attempting to grab the value of the selected option in the facilityCodes dropdown list when I click the submit button and then during the submit function,select the facilityCode again in the dropdown list when the page reloads and then disable the list so that the user cannot change it.However,the situation is when I reload the page after the submit button is clicked the dropdown defaults to the first option and the list is enabled.I apparently am not understanding how.submit works so that I'm selecting the option I'm defining in my code below and then disabling the list AFTER the page reloads due to an error on the page. My question is how can I accomplish this?Here is my code:
$(function() {
$("#ARTransferForm").submit(function() {
var msgsCount = 0;[code]....
This is the source code that I want to get the weather from Google API, Firefox, Safari, Opera will work, but IE can't get the value, so I did some test, and I found the reason xml structure in php page [code]
View 10 Replies View RelatedIf you click on IE8 picture is open lightbox, if you open in Opera or Chrome and click on picture - picture open in this same window. Example url
View 1 Replies View RelatedI'm using mailchimps signup box (they don't have a decent forum to ask on) on my website and want to adjust the submit button and change it to a normal link. Here's the button that submit's the form:
[Code]...
I have a DOM loaded from a remote site, i cannot alter that page. The DOM has a input:submit in the form that looks something like this:
<FORM NAME="frm1" METHOD="POST" ACTION="ServletController;jsessionid=72CDF83C126FFF9D87821CE9E9B9E860.fre01" onSubmit="return checkFormSubmit();">
<input type="hidden" name="mode" value="apply">
<input type="submit" name="Apply" value="Apply" onClick="return applyClicked();">
</FORM>
I need to replace the default ACTION with an ajax post with the current form data, but I also need to keep the:onClick="return applyClicked(); here is what works, however I cannot get the return applyClicked() to prevent the submit if it is false.
[Code]...
every other browser fails. there's got to be a simple explanation for this. code:
$(document).ready(function() {
$('.next').click(function() { nextSlide(); return false });
$('.back').click(function() { prevSlide(); return false });
[code]....
I have a chunk of XML. An example would be:
<Input minOccurs="1" maxOccurs="1">
<ns1:Identifier xmlns:ns1="http://www.opengis.net/ows/1.1">DATASET_URI</ns1:Identifier>
<ns1:Title xmlns:ns1="http://www.opengis.net/ows/1.1">DATASET_URI</ns1:Title>
<LiteralData>
<ns1:DataType xmlns:ns1="http://www.opengis.net/ows/1.1" ns1:reference="xs:anyURI"/>
<ns1:AnyValue xmlns:ns1="http://www.opengis.net/ows/1.1"/>
</LiteralData>
[Code]...
Edit: Changed dataType2 usage in 3rd line to be a regular variable and not a jQuery variable. Also, this seems to not be working in jQuery 1.5.2 either and only for Opera. I had originally thought this was working for 1.5.2 but I just re-tested and it is not. What happens is that dataType2 is undefined after the call to pull the attribute. I've also now tried .attr('[nodeName="ns1:reference"]') as well as using the same with .prop() in jQuery 1.6.1
I try to use jquery to manage a little hierarchical menu. It seems easy, and after 1 hour of scripting (first time that I use Jquery) it's working in FF, Safari and Opera. It's not working in IE.[URL]..
View 1 Replies View RelatedI have a page with many forms that I need to change from a post to an ajax call. That part is working, no problem, but now I want to disable the submit button while it's waiting on the server response and then re-enable it when the response comes back.
Here's what I have:
$(function() {
$('form').each(function() {
$(this).submit(function(){
[code]...
I can't figure out what my selector should be to get the submit button of the form that's being submitted. What should I be using instead? Also, if the call errors out, I'd like to just post the form as usual.
I'm using the following chunk of code to find images located in a specific span and then I'm setting the span width to equal the width of the image that's inside of it. This is for adding captions to images through an editor that our writers use. By forcing the span to equal the same width of the image, the writers can just enter whatever captions they want and don't have to worry about manually adding <br /> tags to format the captions correctly.
$('.overview-content .caption img')
// once the image has loaded, execute this code
.load(function() {
// Loop through and find all images in the overview section
[Code].....
For some reason... IE and Opera completely ignore this function. Firefox, Safari and Chrome all add the appropriate inline style to the span.
I try to get an image size like this : $("a").click(function(){
[Code]...
I have used JQuery to change CSS styles for my Navigation Bar elements.Ok so after a bit of research I discovered that " background-position-y " and "background-position-x" are not supported by the Mozilla Firefox / Opera browsers.Anyone know of an alternate method of getting the background-y / x positions?
View 2 Replies View RelatedOpera is the only browser giving trouble with this jQuery statement:
[Code]..
The SELECT does not fill with ANY options. It is blank. Worse, I can turn on DragonFly in an effort to trace it down, and the problem disappears. The options are displayed as they should. I have a .lload function that I use to work around caching problems in IE. Using this function in Opera does not fix the problem. I have no reason to believe, therefore, that this is a caching issue.
Setting maxlength attribute of input[type=text] or input[type=password] does not work as expected.In Firefox and Opera if maxlength is not set the field.attr('maxlength') == -1. But if I try to set field.attr('maxlength', -1) it is being set to 0 instead.
[Code]...
I am using the lightbox script from "Jquery:Novice to Ninja" and it works very well in Firefox and Opera but not in IE8.
The problem, I think is because I am using PHP to pull the picture names from a file. There are around 40 pictures so I didn't want to name them all manually.[code]...
This easily produces a nice page of thumbnails and clicking on any brings up the bigger picture in lightbox but not in IE.
It seems that IE needs another set of pictures to load from so the filename od the <a href=image> needs to be different to the <src=image> filename which makes more work.
Is there a work around to make this work as well in IE as it does in firefox.
The page can be seen at[url]
Also as an aside. When the lightbox starts it removes the scroll bar which has the effect of moving the page to the right. Is there a way to add a right margin to replace the scroll bar to stop this happening?
I am playing with malsup's corners and I am getting strange nudges on both top corners in Opera, IE6 and Konquerer when applied to nested elements (to achieve a cornered border). I am using exactly the same code as on the demo page: "$(this).corner("round 8px").parent().css ('padding', '4px').corner("round 10px")". Strangely this only appears when the radius is more than 10px and
div.outer's padding is less than 3px. All corners are rounded, just at the top div.outer still seems to have little develish horns.
I am looking for a solution for many days: my callback - function works well in firefox 5, IE8, but not in safari, opera, IE7 etc. The function "checken" is not executed. There are no error messages in the debugger of safari or IE7.
var session_id = $.cookie("fe_typo_user");
function checken (nummer){
var elem = "#img" + nummer;
$(elem).attr('checked',true); }
var url = "refreshCheckboxes.php?id=" + session_id;
$.getJSON(url,function(data){
$.each(data.posts, function(i,data){
checken (data.number);
}); });
The response of the script:
{"posts": [{"number":"1325"},{"number":"1303"},{"number":"1302"}]}
html (example):
<input
type="checkbox"
id="img1325"
class="merkzettel"
name="merkzettel1325"
value="img_1325.jpg"
/>
You can test it here: [URL]. Activate some checkboxes, load another site and then go back to this site and the checkboxes you have selected, must be activated by the script.
I'm tryng to develop a link tracker, something like google analytics. The goal is to get a command like this:
$('html').trackAllLinks(optional options);
$('a').trackAllLinks(optional options);
Now i developed a javascript that could do just what i need but the problem is it doesn't work in every browser as it should be. Because i want to track a link click i need to make a request to my server to say that the link has been clicked. The first problem i had was that i needed to make a cross domain ajax call. But this is fixed by using JSONP. Now my code looks like this:
[Code]...
The first idea was that i wouldn't do anything in the success of the jsonp call and just let the request go, but because this didn't work when i clicked on an external link, i changed it to wait on a response before opening the link. The problem with this code is that it doesn't work in Opera, no request is being send to the server Now i know that JSONP mimics the ajax call by adding a script tag to the page which loads the script of the given url. Now i think when i do this in Opera the dynamically loaded javascript isn't executed. In Firefox, IE, Chrome, Safari it works but not in Opera.
Another idea i had was by dynamicly adding an image to the page. But this has the same problem in Opera and i was unable to track an external link in Safari and Chrome (Webkit.
Stumbled onto this one: retrieving the margin doesn't seem to work in Firefox or Opera. This is code I'm using, which works fine in Chrome, Safari and IE:
var contentmarginl = parseInt($('#wrapper').css('marginLeft')); // fails
var contentwidth = $('#wrapper').width(); // works alert(contentmarginl);
The alert returns (in my case) 350 in the complying browsers and 0 in FF and Opera. Is this a bug or my error? Is there a known workaround? EDIT: Just tested in XP sp3 IE7 & IE8. Returns Not a Number (NaN)