My bad if this was answered somewhere else. I did search the forums but was unable to locate an answer (It is kind of a specific question) I have an odd problem. I have the following clock script:
function Clock()
{
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
[Code]...
The problem I've run into is this: In Chrome, whenever I scroll down, even by just one tap/click of the down arrow, the clock stops updating the time in, pardon the pun, real-time. But the second I scroll completely to the top of the page, it goes back to counting. I tested in the current (as of Nov 20th 2010) versions of FireFox, Opera and IE9 and the only browser that seems to produce this problem is Chrome.
I am working on a small project using Dreamweaver. I have a marquee with many images. Everything works fine in Dreamweaver Live View ( images keep coming out from the right end and disappear into the left end).
In IE8 (which supposedly fully support marquee, right?) , once the first image hits the left end, all the images disappear and restart from the rigth end.
I also have a button that changes direction of the marquee. In Dreamweaver view, when I hit the "right" direction button, the last image comes out from the left(then the second last, third last...etc) and continue on. (which is perfect !)
In IE8, the first (not last few) few images come out and start going right.
I have encountered a lot of problems and been able to find solution by googling.
not to use the marquee tag...>.< I am not good enough in JS to manuelly make a marquee..
Codes:
<marquee id="mainMarquee" scrollamount="3" > <img id="Putin" src="Putin.png" alt="" class="marqueeImage" onmouseover="GoSlow(this);" onclick="DoTheseThings('Putin.png','hello from putin',this,5); " onmouseout="GoNormal(this);"/> </marquee> //I have 20 + images at the exact same format.
jQuery - Scrolling browser Window. I have two demos of scrolling page content with jQuery.
This one - [url] is scrolling the contents inside a container and it works as I wanted on Mac/PC
Code:
I need the same effect as above but I need to scroll the whole browser window.
I have a demo here - [url]
Code:
Problem here is on the Mac the transition are jumpy and it seems to flash the first yellow div before sliding up or down. Testing on a PC it will slide down but won't slide up. How can I get the whole browser window to slide up and down with a smooth transition.
im searching for a plugin/code example for text scrolling. I got some text in a <div> if text is longer than for example 300px it gets cut and is scrolling from start to end, stops for a second and then scrolls back, stops and all over, and if its not long enough than 300px then just displays normaly. Something similar to the Song name scrolling inin anyMP3 player.
I have a function to populate three listboxes. The items in the listboxes are from a MYSQL database and are related. The items are requested by a php page.
Most of the time everything works fine, but sometimes I end u with only one or two listboxes.
I can't figure out what's going wrong here. I've tested in Firefox and Internet Explorer, both the same problem.
Does anyone know why my code sometimes stops executing? Could it be that i made too many requests in a short time so the next request can't execute because the current has't finished?
My website is all up and running and I decided to put a new image viewing script on, I already had a revolving image script showing all my previous work before but the latest script has totally stopped the previous from working. You can view what I mean at www.actioncomputing.co.uk
I am using 2 scripts both available on Dynamic Drive they are
This <div> layer positioned always at bottom left of the screen on scrolling (and calling some code from labpixies) works well in non-ie browsers, but in ie it requires the omission of the doctype declaration. Why? Is it possible to fix it so that it works with the doctype in ie?
I have the following code that shows up a div with an animated gif inside, executes a cpu intensive function using setTimeout and then hide the div again:
I have a table with a SAVE button on each row (id=SaveBD)...but I also have aSAVE ALL button at the top. It works pretty good except the .each function seems torandomly stop near the end ofthe row countand not save all the rows.that would cause the rows to stop saving?
I have some links on my page with ajax calls, and the callback animates the links. My problem is, if I quickly click on two of them, the first one will begin to animate (ajax will complete successfully), and then when I click on the second one, the first one will stop animating, and only the second one will finish.
// document.ready /* behavior for add to cart button */ $('a.item-addCart').live('click', function() { addToCart($(this)); } ); function addToCart(button){ /* parse data from button clicked, corresponding quantity box, and hidden price field */ $item_id = button.attr('id').split('-')[2]; $item_qty = $('input#item-addCartQuantity-'+$item_id).val(); $item_price = $('input#item-addCartPrice-'+$item_id).val(); /* set loading notification */ $('div#item-addCartActions-'+$item_id).html('<img src="/images/ajax-loader.gif" />'); /* AJAX */ $('div#item-addCartActions-'+$item_id).load( 'shopping_cart/add', {item_id: $item_id, item_qty: $item_qty, item_price: $item_price}, function(responseText){ /* show response text */ $('div#item-addCartActions-'+$item_id).html(responseText); /* pause on response text for 2 seconds */ $('div#item-addCartActions-'+$item_id).animate({opacity: 1.0}, 2000, function(){ /* fade out response text */ $('div#item-addCartActions-'+$item_id).animate({opacity: 0}, 'slow', function(){ /* show link to shopping cart */ $('div#item-addCartActions-'+$item_id).html('<a href="shopping_cart">Item in cart</a>').css('opacity', 1); })});});}
I have a simple function for an intranet site that should make and return a XMLHttpRequest object in most browsers (including IE8):
function createXMLHttpRequest() { var xmlhttp = false; if (window.XMLHttpRequest) { xmlhttp = new XMLHttpRequest();
[Code]....
Then I use it autocomplete a input text with a list of client company names from a database. Then the user selects a company and it reloads the page with that company's info. (The ajax input text box remains so the user can type in another company name)
In firefox this works fine. However, in IE8 the very first time the page loads it works fine, but after the user selects a company and the page reloads, the ajax longer works. It gives an error at "xmlhttp = new XMLHttpRequest();" saying: "Message: Object doesn't support this property or method"
If I type anything in the input, it gives the error: "Message: 'searchReq.readyState' is null or not an object" leading me to believe that somehow after the first time the page loads, IE is not able to process a XMLHttpRequest which seems unlikely, so I'm not sure where to go with my code. I've tried a bunch of other similar createXMLHttpRequest() functions, but they all have the same problem of working once then not working after.
Ok so this is weird. I implimented jquery to try and get some ajax funtionality working and it not olnly doesn't work, it stops the rest of my normal js from running at all.
[Code]...
EVERYTHING stops working. All my DOM events don't fire and none of my regular JS works. Anyone know how to get jquery code to work with or without normal JS code?
I'm somewhat new to JavaScript and for my website, I decided to make a clock for the website in this format: Saturday, October 17, 2009 5:56:14 p.m. The only issue is that it won't update every second. Below is the coding:
How can I get 1 tenth of a second for my clock? (bad typo for clock. I had to edit it. I'm saying that for the admin because I know you're not suppose to edit excessively)
I hoping one of you guys can help i'm developing an ecommerce site that has items available for next day delivery. The cut off point for receiving an item next day is 2.00pm.
If possible i need a script that if the time is before 2.00pm i just need some text displaying tomorrows date and when the time goes after 2.00pm the date shown will the day after tomorrows date. If poss i need it in this format "28 October 2005"
I am looking for a simple countdown clock that displays a countdown in days, hours, minutes and seconds. I do have one on my sites's CPanel, but I don't really like the look of it. I'm not really looking for anything specific, if it looks good then I'll use it.
I wondered if anyone knows where I can get a countdown clock from?
Here 'some_function' is opening the 'pagename' in a new customised window.
This page also contains a few images weighing 50kb. Now if I click the <a> links before the images are loaded fully, following happens (on my pc it works well but it happens when i test it online):-
1. The new page opens in a window as required 2. But the page loading is ABORTED and the images are not loaded.
WhenIrun the below code above the init code for jQuery plugins it stops them working. Im just trying to run the code after the DOM has loaded, is there a better way? <script type="text/javascript">$(document).ready(function() {
// The gallery is hidden so need to unhide it. document.getElementById('verticalCarousel').style.visibility='visible' }) </script>
I'm starting with jQuery and all I want is like jCarousel, but I want that when mouse is over image, the entire carousel freezes (until mouse over). So, my first idea is to create something like this: <div class="photo" style="width: 256px; background-color: #8d99a2;" align="center"> <img class="photo_img" id="photo1" src="fotos/lookbook1.jpg"></div> <div class="photo" style="width: 256px; background-color: #8d99a2;" align="center"> <img class="photo_img" id="photo2" src="fotos/lookbook/2.jpg"></div> <div class="photo" style="width: 256px; background-color: #8d99a2;" align="center"> <img class="photo_img" id="photo3" src="fotos/lookbook/3.jpg"></div>
And Then, jQuery like this: $(".photo").animate({ "right": "+=9999999999" },{ duration: 200000000000, easing: 'linear' }); $(document).ready(function (){ $('.photo_img').mouseover(function(){ $('.photo').stop(); });});
The logic is that: -> a list of images that go to right eternally, (like jCarousel in infinite mode), but when mouse is over, everything stops. (JCarousel waits until the "next()" function is complete), and when mouse is out, everything moves starting from the point that paused.
We have a page that allows a user to load a form over ajax using jQuery 1.3.2. The form contains a simple table layout, some input boxes, tinymce and the initialize for a jQueryUI dialog. On first load everything works fine. If the user loads the same form again, without refreshing the browser window, TinyMCE no longer shows content, can’t be clicked inside of and the dialog no longer updates it’s content and a few other bits of js stop firing.
Now I thought this was an issue with the page and ajax, but we have another page that uses draggable elements and has a very simple form of 1 input and a submit. If you submit the form and get returned the same page by our validation the same thing happens as with tinymce, you can no longer click inside it.
In ie7 things dont stop responding so much but the browser slows down and almost stops responding.
