Jquery :: Executing Block Of Code Every X Seconds?
Feb 24, 2010
I'm working on a simple slideshow made with jQuery. What I'm trying to do now, is to make it change image every X second. I know how to change image, but i'm kind of stuck trying to find out how to make it "do something" every Xth second.
Here's an example: (obviously not working..)
function slideSwitch() {
//change image...
}
setInterval(slideSwitch, 5000);
//make the function slideSwitch execute every 5th second.
Also, is there any "else if" function in jQuery? Like in for example PHP, you can use "if", "else if" and "else".. like this:
if(){
}else if(){
}else {
}
So is there any function like that? I googled it, and I found out I have to use some kind of plugin for it to work? How do I use it?
I'm having a problem with Chrome and jQuery where I'm appending a script block to a page and I want the script to execute when it is appended. This works fine in every version of FF and IE I can find, but not in Chrome.
see the attachment for a simple example. In FF and IE you should get a 'hello world' alert when you click the page, but in Chrome you get nothing.
get Chrome to execute a script when the script is appended to a web page?
I have an asp.net web application which includes jquery plugins and runs very well locally( ie using ASP.NET development server) but when deployed or published to IIS 5.0 the same is not working. Is there anything to do with jQuery not supporting IIS5.0 and ASP.NET 2.0.
I am doing a simple function to validate text fields(you can see the code below). Now, the alert box appears only once when I refresh the page, not when I click inside or outside the username box. #username is the id of a input text field. On a sidenote, how can I pass multiple parameters to the function(not a fixed number of params)? or should I just pass an array?
editor.addMenuItem = function( name, definition ) { if ( groupsOrder[ definition.group ] ) menuItems[ name ] = new CKEDITOR.menuItem( this, name, definition ); };
// This code is defined in another file:
if (editor.addMenuItems) { editor.addMenuItems({ footnote : {[code]....
what the 2nd block of code means? Does it mean : If the function editor.addMenuItems exists, then call it with the following parameters?? i.e If the function exists then execute the following:
The thing is that I would like to stop pop-over (optin form) from loading on some pages (squeeze page,review pages etc.) and can't find a way to do that. We are talking about wordpress blog here... Is there a some kind of script or code I can use? Should be, it's not a rocket science. Just want to kill the process on some pages...I'm using popup domination [URL].
I need to somehow hide this block of HTML code in my page. Now I have no control over the code as it comes from another site so there is no ID or anything. If the <a> or <td> tags had ID I could hide it with javascript.
I want to execute server code invoked from inside Javascript code.
I will have my server code in a servlet, callable with a URL, but how do I invoke the servlet from Javascript without reloading the page and not opening any window? I mean, I don't want to display the HTML result of this request.
For 2 day ago, i have re-read and re-write my code in first i have very very broken code execution in web in second :, i re write the code and in previewer browser ( i use mozilla 3.6.8) its work off line, but when i have implanting in web page, its not work, in 3rd, with mr.airshow support i have rewrite and it work on web page (thanks mr. airshow) but still in my mind, again :
Question :
1. Why the 2nd code can not execution in web page ?
2. How the code must be to load in web page ? Any rules ?
I am new to JQuery. I am using Block UI in my application.In submit button onclick event, i am performing client side validations ( required fied validators )in asp.net.On clicking submit button,whole page is blocked and at the same time validation message is also displayed and page remains blocked. While performing client side validations i don't want to block the page.
I am having some difficulties getting some inline js code to run when retrieved via AJAX by XMLHTTPRequest.
Basically I am running a php script every 15 secs or so that does a query of a mysql database, checks to see if any new chat requests have been sent to the user, and if so, it is simply returning them via a "echo" statement, and the info is placed into a DIV in my sidebar.
Now when I add something in like: <script type="text/javascript"> alert('you have a chat request'); </script>
it runs if i go ahed and run the script by itself, i get the chat requests and the alert to popup. When the script is called via AJAX and loaded into the div, I get the message from the mysql query about chat info, but no javascript alert.
Am i just missing something stupid here? Like I said, it works when I run the script by itself, just not when called via XMLHTTPRequest.
I've run into a roadblock I just can't seem to get past. I'm developing a website for work (internal) and I have a lot of javascript calculations going on when someone enters data. What I want to do is to have a div apear when it begins calculating and goes away when it ends. I'm using:
// CSS code div.loading-invisible{ display: none; } div.loading-visible { display: block; ... various formatting here ... } // Javascript function calculate(evalForm) { document.getElementById("loading").className = "loading-visible"; [Code]...
It works great in firefox. The div display appropriately, calculates, then disappears when it's finished. However, in IE it seems to want to calculate everything before anything is displayed. I placed alerts in the code to be able to pause it mid way and it worked. But without alerts it just hangs while everything is being calculated and the code for the loading screen just seems to cancel itself out. I attempted to put some waits in the code such as:
I'm having a problem with copying text into the # code window. When I select the code that I want to copy, after opening the code window, I can only paste the code line by line instead of pasting the entire block of code. I can copy the entire block into word/notepad. Is there a technical issue preventing this from working?
What I am trying to do is have an input box where the user inputs a word(s), the a button which onclick changes the user's input data so that each line is modified to have a "<<" before the word and a ">>" after.
i found a script that starts counting seconds from 0 till x. i wanted it to display the seconds in mm:ss (minutes : seconds) .. now i only get "NaN:0" (NaN for minutes and 0 for seconds). this is how i ended up : [URL]
I have this code: $('#clickshow1').mouseover(function() { $('#menu1').slideDown('slow'); }); $("#first").bind("mouseleave",function(){ $('#menu1').slideUp('slow'); }); I would like the second don't work as the first is not finished. Because I have a "yoyo" effect.
i built a application with the jquery-plugin jstree to maniputate a tree stored in a database. all actions like create, move, delete and rename are fire up ajax-calls to php-scripts with mysql-querys. i got it to work, to display a trobber and 'waiting'-text during the ajax-calls, but what i also want to do is blocking" the site for this time, so that the user HAS TO wait and couldn't click somewhere else. This blocking should be should be visible like the behaviour of modalwindows. the background should be with a dark overlay.
<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> < html
[Code]....
I have code like above. When user click on row i fire event click() on 'a' elem. But firing this event fire row click() event and i have neverending loop. How to block firing click() on row?
I have a page where I list hardware devices we monitor for customers. Each row displayed also shows the status of the device i.e. whether it's running, paused, starting up etc.
To improve page load times I list the devices but don't query for their status until the page is rendered. This is because some queries such as via SNMP or other API's can take as much as 5-10 seconds to respond. So for a list of say ten devices it could take well over a minute of the user looking at a blank page. So I do the following instead -
On the device list page I have the following script:
$(document).ready(function () { var devices = $('div[name="runStatus"]'); devices.each(function () { // Get device ID (I embed this using the HTML5
[Code]....
What I'm finding is that if I allow this script to run, all links on the page become unresponsive.
I'm guessing this is because I've quite a few almost parallel async requests blocking until they get a response from the server and somehow the "UI thread" is being blocked by this?
However I thought this wasn't supposed to happen with AJAX.
I find this 'blocking' behaviour to happen in IE8, Chrome 8.0 and Firefox 3.6. Chrome in fact shows the arrow cursor + spinning-toilet-bowl-of-death (I'm using Windows 7) as if the page isn't completely rendered.
There are only six or so items in the list and happens even if I comment out the $('div[data[data-deviceid=... line.