I need to play sounds with javascript. When the user clicks the button it will run the function and play a sound either from the source or embedded into the website (which ever way works).
View 4 Replies
I am creating a web interface where a user can click on a series of pictures and then click a 'play' button to play the sound (wav) files which are behind each picture in sequence.
So I have an onclick event attached to each image which loads the name of the wav file into an array. The play button loops through these sounds and plays them one at a time....or so it is meant to!
I have found that all the sounds play one on top of the other and I have been searching for hours to find a way to make them play one after the other.
I don't want to use a flash interface as I can't convert them all to flash. Does anyone know of a way to do this using javascript? I would be very very grateful if so.
User clicks on image map that displays DIV1 with player id="Player1". When user clicks on another part of the map, DIV2 appears with another video - but DIV1's player "Player1" keeps playing. How can I stop the event after going to another div? Lots of efforts "out there" but I've yet to find out just how to do it successfully.
View 1 Replies View Relatedhow to hide the source when user click on viewsource ex
<script LANGUAGE="javascript">
document.write("hello");
</script>
I'll make this short and simple.
1. Disable right-click in my webpage,
2. Disable "View Page Source" option.
I've seen point no.1 implied in many websites, but haven't seen point no.2 anywhere.
I currently have several instances of a video player placed on the page by number of XML nodes. Each player has a source of one of 2 video codecs, dependent on browser as to which one will be read. The issue I am having is that on click of a thumb 1 video player and its corresponding sources is animated into view and plays. That is all fine, yet when selecting a different thumb the previous video continues to play unless I place the statement in green into my click function. This works until I add another node into my xml, and or place more video.pause without videos actually being in the xml (undefined, of coarse). I have been trying to find the syntax to replace the source with the corresponding thumb id (url, url2) and utilize only one player, but I have failed in my searches. Is it possible to swap the source upon clicking on the thumbs? $('video').player.pause(); is not recognized.
$(function() {
$('li.video-thumb').live('mouseover', function() {
$(this).animate({
zIndex:10,
[Code].....
I know javascript can't do this natively but with flash or java it should be possible right? I'm thinking of doing something along the lines of a tuner ( [URL] , but a bit different). Any framework for reading notes from the mic with javascript? Preferably something which takes care of all the flash/java integration.
View 1 Replies View RelatedI'm trying to get sounds to play on image mouseovers using dreamweaver
8, and I found out that the code it generates to do this only works
for IE. Is there a way to do this so that it will work with most of
the popular browsers? I don't care if it can be done with dreamweaver
or if I have to hand code or copy code from somewhere, I just want it
to work.
Here is what DW creates:
function MM_controlSound(x, _sndObj, sndFile) { //v3.0
var i, method = "", sndObj = eval(_sndObj);
if (sndObj != null) {
if (navigator.appName == 'Netscape') method = "play";
else {
if (window.MM_WMP == null) {
window.MM_WMP = false;
for(i in sndObj) if (i == "ActiveMovie") {
window.MM_WMP = true; break;
} }
if (window.MM_WMP) method = "play";
else if (sndObj.FileName) method = "run";
} }
if (method) eval(_sndObj+"."+method+"()");
else window.location = sndFile;
}
I want the code for a button effect. The button is for a graphic button, on clicking it it changes its graphic to an ('on' image), plays a sound effect, then changes graphic to the first image('off' image), then it goes to a link.
Files would be
Images/offbutton.jpg
Images/onbutton.jpg
sound/buttonclick.wav
I've heard a lot of talk out there about how HTML5 will replace Flash and Silverlight. And the iPad is already dumping Flash. So, for those of us who use Flash for more than just video, how are we supposed to attach sounds to events with JavaScript? Is there a JS API for accessing the audio in HTML5 that allows event based sound effects? (SoundManager embeds a flash sound player)
View 7 Replies View RelatedI run a website and we have an ad agency who despite our repeated requests, does not filter run of network ads to make sure no popups are served or ads with sound are run. However, we can't afford to drop them and no other agency is going to give us the fill rate/CPM we are currently getting. So we need to take matters into our own hands, and I hope it's possible. We need to put a script on our site which overrides any javascript/flash served via ads and prevents popup windows from opening (or auto-closes them). We also need a way to disable sound within the current tab. Is that possible at all?
View 1 Replies View RelatedWhat I've doing wrong, on first click it detects that the div is hidden and makes it visible, button on second click it does nothing:
View 1 Replies View RelatedOnce you in, click on the button with the sign 'Click To Start Shopping' The problem is, the Flash doesn't load I bought this flash template and i was supposed to edit the FLA file for the serverpath. I guess i didn't put the server path correctly. Below is the code in the .FLS file
[Code]...
Below is the instruction from the documentation: 3. Once you have everything correctly running on local, then OPEN THE FLA, go to first frame, layer codes, open “action” panel and set there the final pàth on your server where all the files will be located (create a folder especifically for this): [URL]
I want to call the click event of the link (anchor tag) on the click of the button. I used this code below in the click event of button to call links click event and it works fine in IE.
document.getElementById('linktag').click();
But, this doesn't work in Firefox. I googled a bit and found that in firefox, you have to do something more to achieve this behaviour. So, I ended up doing this on button click to work in firefox:
var link=document.getElementById('linktag');
var e = document.createEvent('MouseEvents');
e.initEvent(
[code]....
The above code does the click on link when I click on the button. But my problem now is that I have defined a link as
<a href="mailto:abc@xyz.com?subject=abc&body=email body">email </a>
and when click is called and mailto links opens my email client, it somehow ignores the subject and body parameters of the link. It works properly when i actually click a link element. but it doesn't work when i simulate the click event by code written above. above dispatching event code somehow ignores the link parameters?
I got some code that loads divs from other web pages into a particular div in my main page. In other words, I click on a button, and this tells jquery to load afragment of a particular page into my main page. For instance if I have 5 web pages onrock stars, I could have 5 buttons, and each button could load one rockstar's biography into a div on the main page (and replace whatever was there before). This works, and I do see the content that it loaded. But when I do 'view source' in IE, I do not see that content (the bio of the rock star). Another clue that this content is not really there, is when I try and run some code on that content. The content (from those external pages) have divs with specific names, and I try and make them into collapsible panels by running the following short function:
var IdentifyPanels = function() {
$("DIV.ContainerPanel > DIV.collapsePanelHeader > DIV.ArrowExpand").toggle(
function() {
[code]....
I am trying to produce a web form to allow wedding guests to RSVP. The form allows them to enter a name and select from a radio button whether they will be attending or not. If they select the "yes" radio button then a further pair of radio buttons are displayed for their meal preference.
They can then click a submit button or they can click another button to add another line for another guest which operates in exactly the same way. I've almost got this working, but it seems that the checkbox change handler is lost for the current guest when a new guest is added and the checkbox value is reset. I've got a feeling I'm doing something stupid but can't for the life of me figure out what.
Code (source file (renamed to .txt) also attached as I'm not sure the pasted code is too clear):
What happens is that when I click on a button, a random string from the RandomString variable appears below the button. e.g I click on the button and it displays 'AAB' and then if I click on the button again it may display 'AAE' and etc.
The problem is that sometimes it displays 'undefined'. I don't wanit 'undefined' to appear but why does it sometimes display 'undefined' rather than a Random string.
Below is the code:
After doing some tutorials, I am not sure if this is a bug, or perhaps someone can give me a better explination why it is working the way it is.I am using Visual Studio 2010 combined in a Master Page. In my aspx page, I have the following code:
<script type="text/javascript">
$(document).ready(function () {
$('input:text:first').focus();
[code]....
i don't know so much about jquery so just i use them with indication from their web site. so my problem is how can i use multiple source of jquery without one source stop the other,and that what i need:
[Code]....
recently i noticed that all of my embedded JavaScript code and external style sheets are being shown IN "view source."
this happens in all browsers ( IE, FF, Chrome, and Safari [windows]) ... oddly enough it only happens when viewing on my vista or win2k3 machines. is this something added to these OS's or the result of an installed program? has anyone seen this before?
i need code in javascript to make the player select playing with the computer or other player and select who player beginning playing
View 2 Replies View RelatedI have a website that I frequently visit (FWIW, Firefox 3.x is my browser of choice) with many image sources referring to URLs that end with "-thumbnail.jpg". However, for better image quality, I am trying to use Greasemonkey to replace all instances of "-thumbnail.jpg" in the source of images on this site with "-bigthumbnail.jpg". The closest I could think of was to somehow use getElementsByTagName and innerHTML.replace, but realized that innerHTML does not do HTML, only content.
Below is as far as I tried to get on my own,
var as,ae;
as = document.getElementsByTagName("img");
for (var i = 0; i < as.length; i++) {
ae = as[i];
ae.innerHTML = ae.innerHTML.replace(/-thumbnail/gi, "-bigthumbnail");
}
})();
I'm trying to make buttons that change from one color to another when you click them and change back when you click them a third time. I wrote this page (http://cf.lehigh.edu/ems/test.html) but it only works on Firefox(Not IE or Chome, untested on safari or Opera). I'm using javascript to change the button colors. Is there another way to do this that works universal or another tool such as CSS?
[Code]....
I'm looking for a javascript/css code that can do the following, for a click button:
- When mouse is not over the click-button, a text should be displayed at the right of the button, in a bordered textbox - 85% transparency (hardly visible)
(- when mouse hovers over the button, the button image changes to a different one <- I know how to do this)
- When the button is clicked the text shows up normaly (0% transparency)
- When clicking again the button OR anywhere else on the page, the text goes back to 85% transparency.
Currently when you click on the "Login" button then it opens and when you click it again while it is open it closes ands opens again.What I want is when you click the login button while it is open then it closes as toggleable button.I have posted the javascript to this page: http://jsbin.com/uhefoc/edit#javascript,html,liveSo there it is possible to make realtime updates to the script and see the result real timeI also posted the script here so not to break the rules:
$(document).ready(function() {
$("#login-menu a.signin").click(function(event) {
var link = $(this),
[code]....
here when i click the test button it will create a new test button inside div tag.But after that if i clicked new generated test button document.getElementById("test" ).onclick = function() is not working.how can i add functions to new dynamically created fields?
<div id="a" >
</div>
<input type="button" value="Test" id="test" class="form-submit"/>
when i click the test button it will create a new test button inside div tag
