How can I play a sound when I click an image, without the information bar popping up at top? I've looked all over, and I've tried a few javascript-only methods but none have worked for me.. Is flash the only way to go?
When I click on a div - i would like the background color to change to gray. When I click on another Div - I would like the background to chnage to gray, however it will also need to change the previous div (or all divs in that class) to a white background.
<html> <head> <title>test</title> <script type="text/javascript"> function highlight(currentdiv) {
Is there a way of simulating a mouseclick in a div from a keypress?
In other words, if I press 2, I want it to simulate me actually having clicked in the div <div id="jplayer_next2"><a href="#">next</div>
Long version (for anyone wondering "WHY?")
Using the jplayer jquery plugin:
For some reason (and after 2 days I've given up trying to find out) I can't seem to directly call the function which is defined right there on the page:
function playListNext() { var index = (playItem+1 < myPlayList.length) ? playItem+1 : 0; if( index > 0 ) { playListChange( index );
have an image that when a user clicks, a textarea should show up at the click. I specify textarea style top and left in javascript. On Firefox this works fine, but in Internet Explorer (IE) the textarea is created right before the image instead of on top of the image. It is like that it just ignored the top and left positions.Also, users can query the database to show all the (mouse clicked) textareas that were created on the image. I coded this using PHP and a bunch of echo's. For some reason, the PHP code works with the CSS styles top and left specified meaning the textareas show up fine on top of the image. But creating a brand new textarea with a mouse click in javascript is not working.Here is the javascript (does not work in IE, works in FF):
function createTextArea(e){ getMouseCoords(e);//sets posy, posx var newDiv= document.createElement("textarea");
I'm used to building objects in Visual Basic and I'm having difficulty simplifying this code into an object so I can just define and run about a dozen of them.
The code creates a button which changes on mouseover and on mouseclick. The button is a link to another page.
Also on mouseover the button slides to the right, giving a more intelligent feel for the user.
What are my options for streamlining this code so I can reduce the number of lines of code-clutter?
i'm a newbie on jquery i'm studying it with the latest version, and following a book called "Learning Jquery" but iencountered a error, and i don't know what the problem is:
i copied the code from the book like this:$('a[@href^="mailto:"]').addClass('mailto'); to try to change the links which start with "mailto" to the new class "mailto" but there's a error reported: uncaught exception: Syntax error, unrecognized expression: [@href^="mailto:"]
I am using javascript to switch between a series of divs, on clicking a navigation tab the divs display property is set to 'block' and all other divs have their display property set to 'none'. That works fine, the problem I have is when I redirect to another page (e.g. a PHP script) on return to the index the divs have reset and only the default div is shown, rather than the div that was showing when the user left the page. The solution, as I see it, is two stages: Write a function to display the relevant div based on the variable passed to it, then work out how to pass this variable around various pages (post/get). I am very inexperienced with javascript and it drives me mad that the script literally does nothing rather than throwing up an error (as in PHP) but this is what I have so far in terms of a function:
I have been trying to do some tooltips for a website and desperately wanted to learn something new and do that with jQuery.However, every time a mouse hovers over a tooltip, all hidden divs are shown, not just the one that supposed to. Here's my html:
I'm looking for some javascript to work with wordpress (jQuery preferrably) that will show/hide multiple divs on one click.
I had one working but it was kinda janky because it was causing me to have two divs with the same ID on one page. No good.
Since I updated to wp2.8.3 prior to launch, it's not working. So I've decided to just try and do it right.
Here's a page: [URL]
So, what I want to happen: On page load, the first tab: "general" and it's corresponding div beneath should be showing. And the first image should be showing. The other content divs and images should be hidden. I've given the text content divs a dashed border to show their borders. When a visitor clicks "dine at home" the general div and image hide, the second content div shows, as does the second image (it's currently the identical image, but the client may change later.) Etc.
I'll be using this function on a few other pages as well.
how to adjust this javascript to work on two different IDs at once?
I currently have a normal link like Code:<a href="http://sitepoint.com" class="link">sitepoint</a> and when a user clicks on it I want to be able to change the "link" class to a different class. However, I don't want to add anything to the actual link html. Is it possible to do this using javascript without modifying the original link code?
I am trying to dynamically clear the value of a form input field and then submit the form.When I used $('#my_field').val('') to clear the field, it was cleared on the screen but when the form was submitted the original value of the input field was posted.My browser is FireFox and I can see using FireBug that when the field is cleared, firebug is still showing the html code with the old value. E.G. <input type="text" value="old_value" />The same situation occurred if I used $('#my_field').attr('value', '') to clear the field.The same situation occurred if I actually changed the value of the field rather than just clearing it.To work around this problem I ended up using the $('#my_field').removeAttr('value') to clear the field before it was submitted.
I am a complete novice when it come to Javascript. I copied the script for displaying random images at a specific interval (from javascriptkit.com). I would appreciate knowing whether the following is possible:
The pages are based on tables, so the parts that change are all cells.
1. Can I define text instead of an image in the array? i.e. can I have the image change to say an apple in one cell and the next cell have text explaining what an apple is?
2. Would it be possible to put a countdown timer for when the image/text is going to change?
Ive got a small image of a power button and when pressed the inner section on the button changes to yellow, but when its pressed down Im also trying to get part of my H1 (main header logo title) to change to yellow.
Ive created a span with an id surrounding the letters of the H1 that I want to change, the id being : "power";
The javascript that I have come up with so far and works is as follows:
<img id="poweron" src="http://www.sitepoint.com/forums/images/power.png" alt="Power on button" onmousedown="this.src='images/poweron.png';" onmouseup="this.src='images/power.png';"/>
I understand Im not really supposed to be using inline JS, and I know Ive got to create a function for the onmousedown event to trigger changing the H1 text, so am I under the right impression that the JS so far written is redundant and will have to be re-written so thats contained within a script placed just before the closing </body> and an external script for invoking the main function ?
I am trying to order a laptop from the Dell online shop but everytime I try to press 'continue' after picking the options, I get an error message in the lower left hand corner of the browser. I'm using WIN 98SE with java enabled on my laptop.
I would assume there's a bug in that line. Although there's little I can do about it other than forward it to the Dell folks - my pgming background has me curious as to what's causing this!
I have this JavaScript that is supposed to show random products from my database, and show something different every time you refresh or revisit. But I keep getting an error - on my computer - that says Syntax Error in Line 2.
There is no error on most other computers, and the products show, but another script on the page, an article title scroller, stops - on most computers, but not all. It says "no articles available".
I've tried the script on an asp page and a htm page, all by itself, but it still doesn't work. I tried changing all kinds of settings in my browsers, but nothing helps. I'm on XP, SP2, which I've heard has some problems handling javascripts. I don't know if that's true, but if it is, I know that lots of other people will have the same problem as me when they view the page. Actually, I think it is a good thing, that my computer is pointing out this error. I get the error message in IE6, but in NS8 and FF, I just don't see the products. No error message.
Anyway, here are the first three lines of the script:
<% if TRIM(request.servervariables("http_referer")) = "" then %>
Using spellcheck, I found that referer is spelled wrong, it should be referrer. I don't know if that is right for javascript (or asp?), but correcting it didn't make a difference.
The script is JavaScript on an asp page, and it is called in an htm page.
How does one center text in an alert box? and how do you make the alert box appear in the middle of the screen? I've seen it done, but my alerts have text left justified, and the box is longer than i need.
I found this in one of my old scripts but I can't remember what the -0 was used for. I remember it was a shortcut method but I can't remember for what. Does this ring a bell with anyone?
var Pattern = /px/; var T = paddingArry[0].replace(Pattern, "")-0;
Does the "semicolon insertion" really affect you if you format code as
function x (y) { // ... }
instead of:
function x (y) { // ... }
The jslint page complains about lines ending in ) due to the nebulous idea of "semicolon insertion". I have not reviewed the ECMAScript pdf in great detail to try to pin this pretty-printing issue down. In general, I find that code formatted in the "K&R" style (opening brace on same line as if, while, function) confusing and difficult to read compared with placing curly braces on separate lines.
On another subject, the difference between inner functions defined explicitly versus defined using function expressions seems like a good one for a FAQ. Under what circumstances does it make a real difference whether you use function expression versus function statement versus Function object?
What is the syntax for hiding div tag for safari, firefox, chrome.In my webpage i've 2 div tag, based on the condition i'll show any one at a time.Can any one give a syntax to hide div in all kind of browser.