works ok, but my alert box comes in really slowly, then bounces. I want it to appear faster and to also appear after exactly one hour. I don't think that works right either. What do I need to change in order to do this?
[Code]...
I have a webpage with a world clock. On the clock page are 12 buttons (World Cities). When the user clicks these buttons. The time for the relevant world city is displayed. (The time is updated by an on.click function for each individual button. That either subtracts or adds the hours from GMT. For example. If the time is GMT 18:00:00. The user clicks the Paris button and the function adds 1 hour to result in 19:00:00)
However. If the GMT time is for example 21:00:00 and the user clicks the Tokyo button (GMT+9 hours). The time displayed is 30:00:00. So I have been trying to work out how I can stop the time adding past 23:59:59.
[Code]...
I am currently doing a fadein and fadeout function using jquery. When I click on a <a>, the page will fade in. There is an alert message (which is the javascript alert()) prompt out on the page once the page fade in. However, I want to fade out the page when I click the "OK" in the alert message.
I've tried but cannot success..
$('alert').click( function(){
$('#fade , .popup_block').fadeOut(function() {
$('#fade, a.close').remove(); //fade them both out
[Code]....
I have a problem on my current project. Animations are very slow on IE8 but when I turn the compatibility mode on, it become very fast.
FF, Safari and Chrome run it fast too. I don't understand how my site can be slower on IE8 than on IE7 O_o
I am trying to roll out a 24 hour event, where at the top of every hour one div is swapped out for another. The code I'm using is:
onload=function(){
var rightNow = new Date();
var day = rightNow.getDay();
var hour = rightNow.getHours();
[Code].....
But, it only works with two instances of it...for two divs. If I put the code in three or more times, to swap out 3 or more divs, it doesn't work.
I'm thinking I should be able to write everything into one block of code, but can't figure it out. Any suggestions? I'm sorry to bother people with this, I just can't find any info online and I want to test it out ASAP so I know if I have to abandon the effort and try something else. I would just like to avoid having to build it in Flash too.
This is a really awesome script that I'm sure all of you can put to use if you haven't yet heard of it. However, I'm trying to get it to fade a background image on my css styled navigation for my a:hover. Here is the script with a little simple tutorial on how to set it up: [URL] My only other knowledge is in PHP, so after about 2 hours of fail in this client-side language
This is the link to my site so far: [URL] You can see the script working as it is on my little yellow MW logo on the right side of the navigation. So in my scenario, I am looking to fade button.png to button-hover.png (both repeating on the x axis).
I have a gallery style page with rectangular images on laid out like a grid of nine. When the user looks at the page there is just the images and no information, but when they hover over the image I would like some text and a bar underneath to show up over the top so the user can read some information.my images sit in "a" tags. There is also a div tag in there which has it's z-index and position (absolute) set up so that it sits over the top of the image element in the "a" tag. stripped down e.g.
<a href="#"><img.... /><div>the info</div></a>
I need the div tag withinin the "a" tag to be set to 0 opacity. When the user hovers over the image the div tag slowly fades in to 100% opacity. Once the user moves the mouse away from the image the div tag slowly disappears again.I need each one to work independently so that it only changes the one currently being hovered over.
I'm having problems with my text appearing aliased and turning blue when it fades in and out. I've tried using the Newsticker plugin and the Easyticker plugin, and I'm getting the same result in IE7 and Firefox 3.6. I'm using jQuery 1.2.6-min Specifying a background color doesn't fix it. The examples on the plugin websites look fine, but when I try and implement the effect myself, my orange text becomes aliased and fades to a light blue color before dipping to white. Same thing happens on the fade in. attached is a screenshot of what I'm seeing.
View 4 Replies View RelatedIs it possible using slideToggle to set a faster speed for hiding than for showing?
View 4 Replies View RelatedThis is probably a basic question as I am a beginner with Javascript/JQuery. Here is my code for the head and body elements, what am I doing wrong as nothing is happening. Is it my element id? I just want the whole dive to fade when the page opens and to fade in over mouse over. Here is the code:
[Code]...
I have a page here [URL] I can add the rows now dynmically. My problem when submit I want the locations to be selected and the location cant be same. I have put this <select class='required' but is not workning either too. Secondly I want to make sure the dwell time column is fields in hour:minute format.
View 2 Replies View Relatedheres my code:
Code:
<script language="JavaScript">
var checkobj
function agreesubmit(el){[code]....
i need to make it like if the button is clicked and there the agreement checkbox is not checked.. it should give an alert that the alert is not checked.. i know that would require a if and else statement but i cant figure out how to do it
I would like to implement a fade in fade out effect on hover in the 'Our News' section, so when I hover over a news item the grey background of that box fades in slowly, how can I do this?
View 1 Replies View Relatedi am facing a problem after using jquery jconfirm alert. Issue is that after receiving confirm alert, when user press tab to go on Cancel button and press Enter key there, despite of firing event of Cancel button, it fires the event of OK button. this issue is not produced when user press the cancel button by mouse. Waiting for your replies.
View 1 Replies View RelatedI am trying to throw an alert with the attributes of a submit button in the alert.
What am I doing wrong?
I have calendars on my site where tenants can make reservations for shared rooms. The start times are listed in a drop down starting at 8am and going through 5pm at one hour intervals. What I'd like to be able to do is make the drop down be populated 1 hour from the current time. For example, if it is 8 now, I'd like the time in the drop down to start at 9. Is this something that's possible or wishful thinking?
View 1 Replies View Relatedsuppose if user enter the pickup time as 11:00 clock and the system time is 11:15 then I want to display the pop up message
View 1 Replies View RelatedI want to implement the template for a object output. I have two methods as follow:
View 1 Replies View RelatedI'm trying to select client side language to learn. For some time i wanted to learn Javascript, but when i tried writing first script which was so simple, i saw that it has so much problems. I thought of flash, and read few tutorials online. It's pretty simple but powerful language.
I know that probably worst feature of flash is that it's not included by default in your browser, but since youtube and other video sharing services i think that flash players on browsers are drastically more installed then before, and that almost everybody has it.
Now, i'm planning to create chat for my personal website, and i saw Ajax chats, and Flash chats. Since i don't have experience with any of the scripts i'm wondering which code is faster Properly written Javascript, or Actionscript.
Also, which of these languages are better for me to learn. I'm learning web programming as hobby so don't use money as argument. But which of those two can be used for creating fun, dynamic, fast and safe programs easily
I found this script for a navigation fade-in/fade-out and I want to modify it so it'll only trigger the fade-in/fade-out functions of the span class is NOT set to active. Here is the javascript:
Code:
$(function() {
$("#nav ul#menu li span.active").css("opacity","1");
$("#nav ul#menu li span.active").hover("opacity","1");[code].....
It's the part of the code beneath the comment CONDITIONALS BELOW that I want to be able to only trigger it if span is not set to class .active.
I am trying to create a script that will load an image based upon the hour of the day... Ultimately, the script needs to function as follows:
- A user navigates to the URL
- An image is displayed that is 2 hours old
I have a camaera/utility to upload my image files by hour and updated every 10 minutes. So I have 24 images with a consistent name based upon the hour they where captured (e.g. 12.jpg, 13.jpg, etc...).
Therefore, all I need it a script that will determine what the current hour and display the image that corresponds to two hours previous. I know I can use the javascript math functions to get the 2 hour delay, but it's actually outputting the images that I'm having difficulty with.
I'm thinking I need to use the javascript "Switch" function, similar to the following, but I just can't seem to figure out how to make the script output an image instead of text. Code:
The code bellow validates an number is between 0 and 59.I want to modify the code to make another function which validates an entered value is numeric and between 0 and 24 (for the hour of the day).Since sorry i did not understand the function bellow, can some one pls help me understand it or guide me for creating a similar function which validates the entered hour of the day is between 0 and 24?
function isBetween_0_59(evt, ctrl) {
var result = isNumberKey(evt);
if (result) {[code]........
have this Multiple Image Viewer very similar, -in fact almost identical- to the one in the main page of economist.com It uses the following code and its woriking nice,
Code:
function switch_product_img(divname, divnumber, divtotal) {for (var i=1; i<=divtotal; i++) {
var showDivName = divname + '_' + i;
[code]....
Simple question really. The cross fade option used by default with cycle is not a linear one...it looks like it uses some kind of S curve because during the crossfade animation the background (meaning the area behind the images being cross-faded) becomes visible. Example screenshot taken mid-transition. The pink should never be visible behind the grey, but it is:
[Code]...
at the moment, which is leading to background visibility. Is there another fx option I should be using?
I've developed a calendar program in javascript, and up until now I've
done most of my testing using Mozilla and Firefox. Everything works
fine, but when I try to use Internet Explorer my response time is
sometimes 50 times slower than using Mozilla.
I know I haven't given you much to go by, but I'm not looking for an
answer so much as an approach to debugging the problem. For example,
does anyone here know of a good web site which deals with
browser-specific javascript performance issues?
How do I make my Script load faster?
Is there Code that will make my Script load faster,
(so that it won't take so long to view)
If so, can someone show me how to incorporate it into my Example Script