I found out that (after an system update?) IE8 no longer loads the content on my website www.beautifullalaland.com. I guess it has to do with the ridiculous amount of jQuery calls that some of the simple functions requir. using JS for years but never a library (and never again if you ask me, what a bloody mess).
Is there a safe way to combine jquery_002.js, jquery.js, jquery_003.js and jquery-1.3.2.js?
I have a site structured with a main html page that loadother pages that have some javascript code. Somejs have to be executed immediatly and some other js I need. I have a code like following
<!-- ********************** THIS SCRIPT SHOULD BE EXECUTED ON FORM SUBMIT -->
<script type="text/javascript">
myNewLine="
";
function inviaRichiesta(){var msg="";
[Code].....
I have 5 buttons all using the same code:
$(".but1").mouseenter(function(){
$(".but1>.launch").animate({ left: "10px"}, 250 );
});
$(".but1").mouseleave(function(){
$(".but1>.launch").animate({ left: "0px"}, 250 );
});
$(".but2").mouseenter(function(){
$(".but2>.launch").animate({ left: "10px"}, 250 );
});
$(".but2").mouseleave(function(){
$(".but2>.launch").animate({ left: "0px"}, 250 );
});
$(".but3").mouseenter(function(){
$(".but3>.launch").animate({ left: "10px"}, 250 );
});
$(".but3").mouseleave(function(){
$(".but3>.launch").animate({ left: "0px"}, 250 );
});
$(".but4").mouseenter(function(){
$(".but4>.launch").animate({ left: "10px"}, 250 );
});
$(".but4").mouseleave(function(){
$(".but4>.launch").animate({ left: "0px"}, 250 );
});
$(".but5").mouseenter(function(){
$(".but5>.launch").animate({ left: "10px"}, 250 );
});
$(".but5").mouseleave(function(){
$(".but5>.launch").animate({ left: "0px"}, 250 );
});
Is there a way to do this in fewer lines of code?
I need 2 jquery loads for 2 different plugins here is the problem section:
<script type="text/javascript">
google.load("jquery", "1.3");
</script>
<script type="text/javascript" src="Js/plupload.full.min.js"></script>
<script src="Js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="Js/jquery.dimensions.js" type="text/javascript"></script>
I can't seem to load both at the same time, using first for a uploader and 2nd for my sidebar.
Have a light box script I built and it works fine in IE, FF, Opera but in both Google Chrome and Safari the image doesn't load if you try to fire it again. In easier terms, if you click on the image that fires the event and shows the 'super sized' image in the light box it works fine the first time. If you then close the lightbox and click on the image again the lightbox shows up but there is no image. I even added some alerts to see what was happening and in IE, FF & Opera both the alerts fire all the time, in Safari and Chrome they both fire the first time but the second time only the 1st alert fires.
[Code]....
How can I reduce the size of this calendar that it was built by jQuery UI?
PHP Code:
<script type="text/javascript">
$(function() {
$("#datepicker").datepicker();
});
</script>
<div id="datepicker"></div>
[URL]
I like that calendar but it is too big for my website...
I'm helping out a dev at my work who is having a problem.as a function to where it should scollTo (using scrollTo plugin) on page load to the starting "page". I don't think it is a plugin problem though. It only loads correctly about half the time, but if you hit refresh it will work?Can anyone tell me why this is? It's like it doesnt execute it everytime the page loads
View 2 Replies View RelatedI would like to use jquery to load 3 images after the page has loaded. I would like to request and load one image at a time. I tried this, but the requests and loads are happening simultaneously.
View 2 Replies View RelatedI need to implement a function called map (it needs to be written using reduce) in the below code that takes an array (arr) and a function (iter) as its arguments and returns an array with all its items transformed by iter, e.g. map([1, 2, 3, 4, 5], function(x) {return x * 2;}) should return [2, 4, 6, 8, 10]
View 6 Replies View RelatedI have a table that is a production schedule of orders. Each order has 1 row with the main information and then 2 or 3 other rows with additional information. There could be 350+ rows. The pages loads fine by itself. I also have a function to expand/collapse individual rows when you click on them which works good. However, I wanted all the rows to be collapsed by default when the page loads. I added this code...
$(document).ready(function() {
$("tr.ROW_ALL").slideToggle('fast');
});
It works, but it is very slow. It could take 30+ seconds to run. Is there a faster way to use slideToggle on hundreds of rows at once? Or is there a better way to have them "closed" by default? ~bruno71
I am new to Javascript so please be gentle. In the following code how would I get the displaymember() and stats() functions to load at the same time? If I have to combine them into the same function how do I do this. Basically, I need displaymember() and stats() to both run when the page loads using onLoad="displaymember()". However, you can only load one function in this way. So I need a way of combining these 2 functions.
View 1 Replies View RelatedMy menu is a big javascript file. It takes time to reload the menu file when the page is refresh. Is it possible to load the file only one time since the menu is same in every page?
View 4 Replies View Relatedi want to set the load time of a webpage
so when a user clicks on a page it will load in three seconds
so far this is what i have
<body onLoad="init()">
<body>
<div id="loading"
<img src="big-ajax-loader.gif" border=0></div>
[Code]....
but as the page loads to fast you never see the image gif
can i set the load time
i'm completly new to this kind of stuff and now i have a (little) problem. First of all i had done a Accordion with Tabs like here:[URL]... Thats currently working. I split every head/title of the 3 panes in 2 parts (div), first the name of the head-pane, e.g. "First Pane" and a div-container for a navigation...
I want that the navigation part fade in of the current activating pane and the other navigations should be fade out.It's not easy to explain what i mean
[Code]...
I want to integrate the new Progress Bar UI feature on jQuery 1.3.2 and jQuery UI 1.7.2 : [URL]When I combine then however, the new tab style of jQuery 1.3.2 takes over as seen here:[URL]How can I insert the new Progress Bar into the old Tabs, without the tabs reverting to the new design?
View 1 Replies View RelatedI've been having a hard time combining these 2 files, and im fairly new to jquery so i'm not sure what is blocking out (if at all) these two files won't work together on a website i'm developing for a client .Here's the two codes i'm attempting to mergeOnes rather simple which i've written, for a fade in fade out technique.
Code:
$(document).ready(function(){
$(".fade_img").fadeTo("250", 0.3);
$(".fade_img").hover(function(){
[code].....
[URL]. The second link to the right "Eat our Famous" is the link in question, you'll notice the div on the left has about a 3 second delay.
View 5 Replies View RelatedI'm working on a site for our radio station and want it to load a banner where you can see who the DJ is that is on. I saw code on here yesterday (actually it was from March, but I just found it yesterday and can't today) to do it, it showed two images at different times but I couldn't get it to work and don't know enough about java to add more time slots.
View 6 Replies View RelatedIs there any way to time how long the page-load javascript on a page takes? I couldn't find any plug-in in firefox that could do this (YSlow shows the overall time it takes for the page to load, but not the javascript specifically), GreaseMonkey or something maybe?
View 3 Replies View RelatedHow do you make an image begin to load after a certain amount of time? e.g 3 seconds.
View 9 Replies View RelatedJust gathering general idea here...
let's say I have a table "Names" with a field "name" --> bob, and tom (2 records)
I want the ajax/php page to pull out all the names. which would be bob and tom. And then if my database got updated at the backend (ex: a new name jack is added). my page showing bob and tom will automatically be updated with jack showing.
I'm using AJAX to list all values to select box(second) based on first select Box value.
It works fine. but, for initial loading it takes so much time to load. how can i reduce that?
once it loaded first time after that it'z very fast. whatz the problem on initial load time? How to reduce that?
I am using a delayedObserver which works great, but I can't figure out how to use it when the field I am binding is loaded via ajax. So ideally, something like this:
$('[data-live_form_field]').live
.delayedObserver(0.35, function(value, element){
$(this).parents('form:first').submit();
});
This would bind any form elements with the live_form_field data attribute to the observer and submit the form. The code doesn't work though since that isn't the right syntax for the .live method.
I have a page with a lot of data validation on it (for a form). But the validation is not actually executed until the user hits Submit. The page loads really slow. Is there a way to control how a page loads so that, as I suspect, the validation Javascript loads after the form actually displays? I want the user to see the page/form displayed as quickly as possible while I recognize that the the page load may not be complete because its still loading the validation routines. What I can do to speed it up?
View 3 Replies View RelatedI am trying to bind the live event to the fadeTo(). I am doing so because after the page is loaded, I am adding new elements to the page through ajax and need them to come in as faded. This is what I currently have.
$('.work').fadeTo('fast',.35);
This is what I have tried to do.
$('.work').live(fadeTo('fast',.35));
Above does not seem correct, but I have searched for more info/documentation on using live() with fadeTo but have found nothing.
I've got identical javascript code that I want to run when either a page loads or inputs to a form change. Right now, I've got two separate statements:
[Code]...
I think the obvious answer is to combine the two with a Javascript IF/OR (||) statement, but I can't seem to get the syntax correct, I think probably due to the open '(' before 'function' in both cases and the fact that it doesn't close until 'some javascript' has executed.
Any suggestions on the correct syntax, or is there a different way of implementing this that I'm not aware of? The two separate statements work fine right now, but I'd rather not have to maintain multiples of the same javascript code.