I have a calendar view made up of div tags for each day. I can
highlight a number of days in a column by clicking on one and holding
down shift and clicking on another one. each div tag is called "boxX_Y"
where Y is the column and X is the row. The javascript knows the first
clicked box, and the second and changes the style.className for the
boxes in between based on the Y value.
Trouble is, when selecting about 30 boxes it takes a while to change
the style.className, so I would like to display a message to say
"Please wait". I've done this by creating another div tag called
wait_message, and set the visibility to "visible" when the function to
highlight the boxes is called. However, the wait message box isn't
displayed until the loop for changing the classNames has finished, even
though the wait_message visibility code is above the loop.
Is there any way to make the code take effect straight away rather than
waiting for the whole function to be computed?
im trying to make a application, im trying to comunicate with the server with the function load, but it doesnt work, also i try with $.ajax, $.get, but nothing works, i have 3 files, html file, php file and javascript with jquery file,here are the php and javascript files:
I am doing something for someone, and they have a page with a bunch of divs of to the right. These divs are visible with a scroll bar, and accessed via an anchor link, so people without Javascript can still view the page properly.
What I need to, is use Javascript so that when they click a link in the menu, the correct div slides across from the right, and into the main div. The only part I need help on, is making it slide. jQuery has a custom effect thing, but once it slides in, it goes back again. I need to have it slide in when the link is pressed, after any current div slides back to the right first. how can I do this? is there a library I can use that will work?
I just recently decided to pull the script into a function and send the relevant URL info as a variable. All seemed fine until I re-tested in IE5 - it now will not submit the form, although the code should be the same. The function works in IE6, Opera, Safari, Camino and IE5.2 (Mac) What has happened with it in IE5?! Any thoughts?
due to the version of dreamweaver i have (MX-2004) i have had to hand code a drop down menu myself however i have come across a problem.i'm not sure if the problem is in the Javascript, HTML, or CSS however here gowhen ever i hover over the menus dont drop down they cascade up and the other problem is that when ever i hover over one of the buttons a menu from another pops up and not the one that should. here is the codes so you can have a look
javascript: <script type="text/javascript"> var timeout= 500;
I am clicking on an anchor tag which calls some JQuery code, which posts to an Action method that loads a different page. When I remove the JQuery and just call the Action method, the redirect works fine. But when I add the JQuery (I need this in order to pass some parameters on the anchor onclick event), although the action method gets called, the redirect does not happen.what is wrong with my code that could be causing this?
$( ".screenshot-link").click(function () { var site = $(this).attr("site");
i am going to add thumbnail images on the right side of this page[URL]...like found on this page[URL]... also i am going to give the arrows the ability to navigate through the images i asked for advice in a different forum and was told that the image swaps i have in ggallen.html should not be inline as it clogs up the page...makes sense. i would like to know the best way to add the image swap function, or whatever is best for the job, to the thumbnails. also i would guess there is a more concise way of achieving the navigational behavior for the arrows than making separate divs which are shown/ hid on click.
how can i make the actions happen all together at the same time, not in a series for instance this code will show the balloon first which takes 100th of a second then go to the next list i want this list to happen at once
I have cleated a bit of code that will dynamicly add a new line to a form so the use can add an infinat number of entires for this element.The code adds the form elemetns in IE and FF ok but when i click the submit button it does not submit the information from the dynamicly added elements in FF.Oddly enough IE works fine!Here is the code:
The jQuery breaks in IE8. If you click the first image on this page, either one of two things will happen the PNG file will load or nothing will happen. To understand compare in FireFox/Chrome.
I have onclick code in a span tag that works fine. I want the onclick even to happen rather than wait for the click. How do I turn the onclick code into something that executes as the code is generated? I thought...
<span onclick"code xxx"><a>Link</a></span? ... could be changed to... <script type="text/javascript">code xxx</script> doesn't work...
I have written probably a rigged way of disabling and enabling fields and radio buttons. The only problem is that when i add the radio buttons to turn on and off the input fields wont work any more.
<script language="javascript"> function enableField() {
I seem to have come across a weird issue in internet explorer.I've been working on doing regular expressions for a register form, and I've checked it in Firefox, and Chrome and it seems to work for both of them but yet it doesn't work for Internext Explorer 6 - 8.The issue is that the drop down boxes (select fields) dont seem to be recognised for RegEx in I.E. this is causing an issue for me as I want it to work in ALL common web browers as well as keeping the whole form standard.
I've pasted a snippet of code below to show you what I've done.This one below is the original one which just checks if the field entry is blank
function check(theForm) { var checker;[code]...
If you have any Ideas about what I can do to make it work in I.E. I would be most greatful. Also if anyone knows how to do and RegEx on a checkbox that would help me quite a bit too.
trying to get the javascript function into the divs background colour.The javascript function finds a cookie with a hex code and then the div is ment to add the code as its background colour.
<script type="text/javascript"> function imgcolour() { color1=getCookie('color1');
I've created a function that would hide and show paragraphs from a drop down list, that paragraph contains a link that will show a div containing a map of google. But when I switch to another State on the drop down list I'd like to have the original first paragraph that showed up to disappear. So far, I can only get the <div> that contains the map to disappear.a function that would hide the paragraph and the <div>? Again, Here's the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head>[code].....
I will have a page with about a 100 or so different links and I would like each one to toggle the visibility of its corresponding hidden div.For instance, if I have a county 'Johnson' when it's clicked I would like the hidden div associated with that county to become visible. I would like to do this without having to write a different function for each one. Is there a way to do this easily?
Below is a solution I was given elsewhere but I couldn't get it to work.Most ideal of all I would like it to work with an image map, with each county having it's own set of stats to be toggled in.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>[code].....
I know it used to not, but according to the blur() docs page "the domain of the event has been extended to include all element types." Is this true, or do I need to set up an onClick event for the body and check to see if the currentTarget or its parents are the div I'm trying to fire the blur event on?
When I use the load function on my first page (index.html): $('#content').load('page1.html #content'); I got two divs on my page with the same id (id="content"). ... <div id="content"> <div id="content">Content from page1.html</div> </div> ... How do I resolve this issue without a another div?
I'm trying to use the function once which is .load() and fetch my content from there,then after that I'd like to seperate the class's or div's I'll be using such as <div d="test1">This content will show in the external website</div>But I'm having trouble doing that, I've used multiple lines just to load the same page and take small bits of content out and it doesn't work well together as some load's results will be different compared to the others.Heres my code:
I have two left floated divs - in the left div I want a series of drop downs (possibly check boxes as well) about a series of products. When the user makes their decision and presses submit, I want the form to submit to a javascript function that says "Right, you will need, from your responses, product C" and in the right hand floated div, a series of hidden product info divs whose visibility is changed depending on which product the function determines is the one for you.
Broken down into parts I think I need to do the following:
a) Standard HTML form with drop downs etc and submit
b) Hidden divs
c) Submission process locally to javascript function to determine which product to show/hide
d) Javascript function that makes the decision
e) Javascript that hides/shows products
Unfortunately a server side option is not available; it has to be a client side solution and I only could think of javascript. I can probably handle all bar c) and d)
I'm trying to get something to work that sounds simple and it worked great until I had a second item to apply it to. This works fine, with one div. When you hover over the link with the class 1slide, it loads the div with the class panel1. The problem is I can't get it to work if I use a second function for .2slide to load the div .panel2. <script type="text/javascript"> jQuery().ready(function(){ jQuery(".1slide").hover(function(){ jQuery(".panel1").slideToggle("slow"); });}); </script>
I've tried multiple variations, including 2 <script> tags with the classes swapped, and combining as shown below <script type="text/javascript"> jQuery().ready(function(){ jQuery(".1slide").hover(function(){ jQuery(".panel1").slideToggle("slow"); }); jQuery(".2slide").hover(function(){ jQuery(".panel2").slideToggle("slow"); }); }); </script>
I think I'm combining these wrong but I've tried multiple different ways. They're classes now but were ID's, and that didn't work either. Figures, I was hesitant about posting hours ago because I knew it might be something simple.. I almost solved everything with this: <script type="text/javascript"> jQuery().ready(function(){ jQuery(".1slide").hover(function(){ jQuery(".panel1").slideToggle("slow"); jQuery(".2slide").hover(function(){ jQuery(".panel2").slideToggle("slow"); jQuery(".3slide").hover(function(){ jQuery(".panel3").slideToggle("slow"); })})})}) </script>
All 4 div's .panel1, .panel2, .panel3 are set to display:none. The only issue now is panel3 is twitchy. I have a feeling it's yet again just a closing bracket issue. Am I writing this correctly? semi-colons anywhere, mess the entire thing up. I am using FireFox 3.5 for reference.