JavaScript - How To Make Rtsp Request In Html5 Or In Javascript?

On all my html 5 pages of http://www.countyfairgrounds.net I have a drop down javascript menu for selecting a state. The thing has worked for years fine. However in switching to html5 the validator will not validate it. The are saying the option tag is obsolete. First I don't java, I do html5 and css3 currently. Ca anyonepoint me to a script dropdown that I can cut and paste - that will validate?

Sorry if this is the wrong forum for this question. I get confused about what forum to post a question in with regards to DHTML technologies since they are all frequently used together. Anyhoo, heres my question.

I've recently discovered an interesting behavior. When I mouse over a nested element it triggers the 'onmouseout' event handler of the parent element. Take the following code snippet, for instance:

Code:

 <table>
    <tr>
        <td onmouseout="window.alert('you moused out of td');">
            <img src="image0.gif" style="height:50px; width:50px;" />
        </td>
    </tr>
</table>

In the code snippet above, the 'onmouseout' event handler executes when you mouse over the image nested inside the <td> element.
I wouldn't have thought this would be the appropriate behavior since from my perspective the mouse is still inside the <td> element. Can someone make comments on this. Thank You.

Edit: I've discovered that mousing over a nested element causes both an 'onmouseout' and an 'onmouseover' event for the parent element. They are called back to back. Seems a little bit of an odd sequence of events but maybe it makes sense in the grand scheme of things. Yeah, right.

Hi there,

I am just writing to see if I can receive some help regarding an issue I'm having?

I have written this application: http://bit.ly/dOHwhp - It allows the user to make melodies and change the speed of playback. It uses HTML5 and JavaScript. What I'd really like to do is have the ability for the user to save the melody in some respect. At the moment, I am using a parse harsh method. I thought potentially the user could save the #... and then load it from the URL. I have a method of loading it from the URL but no current way of 'saving' it and loading the saved version, as such.

I have a feeling it would be far more advanced but, I would love to have a download feature like they have on this site: http://patternsketch.com/

Could anyone help out? This is my JavaScript file as it stands (although all files can be discovered in the source code of the page)

Code:

// ===== VARIABLES =====
var isPlaying = false;
var curNote = 0;
var curTempo = 100;

// ===== FUNCTIONS =====
// playTune: Play the next note!
function playTune() {
	if (isPlaying !== false) {
		var nextNote = 60000 / curTempo / 4;
		// Turn off all lights on the tracker's row
		$("#tracker li.track").removeClass("active");
		// Light up the tracker on the current track
		$("#tracker li.track.col_" + curNote).addClass("active");
		// Find each active note, play it
		var tmpAudio;
		$(".playBar[id^=control] li.track.active.col_" + curNote).each(function(i){
			tmpAudio = document.getElementById($(this).data('sound_id'));
			if (!tmpAudio.paused) {
				// Pause and reset it
				tmpAudio.pause();
				tmpAudio.currentTime = 0.0;
			}
			tmpAudio.play();
		});
		// Move the track forward
		curNote = (curNote + 1) % 16;
	} // if (isPlaying)
} // playTune

// Make a new hash
function buildHash() {
	// Start it
	var newhash = '';
	// For each track, check and add in a 0/1 as appropriate
	$(".playBar[id^=control] li.track").each(function(i){
		newhash += $(this).is('.active') ? '1' : '0';
	});
	// Separate it
	newhash += '|';
	// Now, toss in the note
	newhash += $('#temposlider').slider('value');
	// Check and see if we really need to update
	if (location.hash != '#' + newhash) location.hash = newhash;
} // buildHash

// Read in our hash
function parseHash() {
	if (location.hash.length > 0) {
		// Split it up, work it out, removing the actual hashmark
		var pieces = location.hash.substring(1).split('|');
		// Set the lights
		var lights = pieces[0];
		$(".playBar[id^=control] li.track").each(function(i){
			// Make sure we haven't exceeded
			if (i >= lights.length) return false;
			// Check our location, turn on class if need be
			if (lights.charAt(i) == '1') {
				$(this).addClass('active');
			}
		});
		// Set the tempo
		if (typeof pieces[1] !== 'undefined') {
			$('#temposlider').slider('value', parseInt(pieces[1]));
			$('#tempovalue').innerHTML = pieces[1];
			curTempo = parseInt(pieces[1]);
		}
	}
} // parseHash

// Clear it!
function clearAll() {
	$(".playBar[id^=control] li.active").removeClass('active');
}

// Run on DOM ready
$(document).ready(function(){
	// Process each of the audio items, creating a playlist sort of setup
	$("audio").each(function(i){
		// Make a self reference for ease of use in click events
		var self = this;

		// Make a sub-list for our control
		var $ul = $('<ul id="control_' + this.id + '" class="playBar">');
		$ul.append('<li class="header">' + this.title + '</li>');
		// Add 16 list items!
		for (j = 0; j < 16; j++) {
			var $li =
				$('<li class="track col_'+j+'">'+self.id+'</li>')
				.click(function(){
					$(this).toggleClass('active');
					buildHash();
				})
				.data('sound_id', self.id);
			$ul.append($li);
		} // for (i = 0; i < 16; i++)
		// Append it up
		$('<li>').append($ul).appendTo('#lights');
	});

	// Bind up a click for our button
	$("#soundstart").click(function(){
		if (isPlaying === false) {
			// Start the playing!
			curNote = 0;
			isPlaying = setInterval(playTune, 60000 / curTempo / 4);
			// Change our display
			this.innerHTML = "Stop";
		} else {
			clearInterval(isPlaying);
			isPlaying = false;
			$("#tracker li.track").removeClass("active");
			$("audio").each(function(){
				this.pause();
				this.currentTime = 0.0;
			});
			this.innerHTML = "Play";
		}
	});

	$('#clearall').click(clearAll);
	$('#reload').click(parseHash);

	// ===== Misc =====
	// Build or read the hash
	if (location.hash == '') {
		// I was building this at load - but now, no, just to be safe
		//buildHash();
	} else {
		parseHash();
	}

	// Show our value, now that we've built off of the hash
	$('#tempovalue').html(curTempo);
	// Make our tempo slider
	$('#temposlider').slider({
		'value': curTempo,
		'min': 30,
		'max': 170,
		'step': 2,
		'slide': function(e, ui) {
			curTempo = ui.value;
			$('#tempovalue').html(curTempo);
			if (isPlaying !== false) {
				clearInterval(isPlaying);
				isPlaying = setInterval(playTune, 60000 / curTempo / 4);
			}
		},
		'stop': function(e, ui) {
			buildHash();
		}
	});
});

I can play a sound on my local machine using the following code, but when I upload to a server the same code it does not play. I cannot work out why, the link below gives the code. The multi channel code is he

http://www.storiesinflight.com/html5/audio.html

I installed Firebug and insepcted the Net components and can see that the .wav files are being sought out but returning a 404 error. This would be fine, however the path being sought is correct. Clicking link does'nt play the sound, but removing the file and paring back to the directory brings you to the directory on the server and clicking the file does play the sound. The code works locally, and I simply cannot see what could be causing the issue in the server versions on both Firefox and Chrome.

Hi everyone,

I am trying to make an image mask using javascript. The basic idea is that the image on the canvas will appear as a black box. When the user hovers over the image a small part of it is revealed.

I have attached a picture as an example because its quite hard to explain!

Any help would be appreciated!

Thanks, Luke

I need to be able to drag an image from one browser window to a form text input in a different window, populating it with the image file name.

I can do this easily, except that the result is the whole url, and I only want the filename to be inserted. In other words, it inserts http://www.path/path/file.jpg, but I just want to end up with file.jpg.

I believe the file object .name property holds the info I need, but I don't know how to populate the input field with it.

Any help appreciated.

All

I am using my SOAP API using java script.

this example explain how to send single soap request using js

Code:

var symbol = "MSFT"; 
var xmlhttp = new XMLHttpRequest();
xmlhttp.open("POST", "http://www.webservicex.net/stockquote.asmx?op=GetQuote",true);
xmlhttp.onreadystatechange=function() {
 if (xmlhttp.readyState == 4) {
  alert(xmlhttp.responseText);
  // http://www.terracoder.com convert XML to JSON 
  var json = XMLObjectifier.xmlToJSON(xmlhttp.responseXML);
  var result = json.Body[0].GetQuoteResponse[0].GetQuoteResult[0].Text;
  // Result text is escaped XML string, convert string to XML object then convert to JSON object
  json = XMLObjectifier.xmlToJSON(XMLObjectifier.textToXML(result));
  alert(symbol + ' Stock Quote: $' + json.Stock[0].Last[0].Text); 
 }


}
xmlhttp.setRequestHeader("SOAPAction", "http://www.webserviceX.NET/GetQuote");
xmlhttp.setRequestHeader("Content-Type", "text/xml");
var xml = '<?xml version="1.0" encoding="utf-8"?>' +
 '<soap:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" ' +
                'xmlns:xsd="http://www.w3.org/2001/XMLSchema" ' +
                'xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/">' + 
   '<soap:Body> ' +
     '<GetQuote xmlns="http://www.webserviceX.NET/"> ' +
       '<symbol>' + symbol + '</symbol> ' +
     '</GetQuote> ' +
   '</soap:Body> ' +
 '</soap:Envelope>';
xmlhttp.send(xml);
// ...Include Google and Terracoder JS code here...

Now i want to send multiple soap request at a time (mean request more than one envelop).

I'm using jquery right now but I sort of understand what the problem is. I'm making a file manager and when you click on an li tag it will do some action depending on if it's a file type or a folder type. There are 3 important files you should know about.

1. filemanager.php (Where the file managing takes place. Starts by including filemanager_getfile.php and including filemanager.js in the head).

2. filemanager_getfile.php (Information that receives information from the ajax request [the directory to be read] and prints the new file list in <li> tags)

3. filemanager.js (Jquery that processes li clicks)

The problem is, when you click on a folder (and it loads the new information from the ajax request) the jquery doesn't check the new li tags when clicked (I'm guessing when you first link the javascript file it has to compile all of the current li information?).

Try it for yourself-
[removed]

Instruction (if it's not already obvious):

-Clicking a file selects if. If files are selected and you click the arrow in the file options it will transfer it (not really, but it will later).

-Clicking a folder will send an ajax request with the new directory information to be checked and return the html

-Clicking the '?' in the file options will display the pages html (I implemented it to debug).

I have tried linking the js page every time I include the new directory information, but the js stacks on each other. So if I click on 3 folders and hit the '?' button it will display the page html 3 times. And if I select the index.php li and click transfer, it will "transfer" 3 times.

filemanager.php
Code:

<div id="goldenSub">
        <div class="title">Golden Subdomain</div>
        <div class="files" id="goldenSubFiles">
            <?
                include("filemanager_getfiles.php");
            ?>
        </div>
        <div id="history" visited="goldensub/"></div>;
        <div class="fileOptions"><img src="images/question.png" title='HTML Information' id="ask"><img src="images/transferto.png" title='Copy File To' id="transferTo"></div>
    </div>

filemanager_getfiles.php
PHP Code:
<?
    $path = $_REQUEST["dir"];
    if($path == "" || $path == null)
    {
        $path = 'goldensub/';
    }
    
    echo "\n<div class='path'>$path</div>\n<ul>\n";
    $handler = opendir($path);
    
    //We need to organize the results. Be default, all files and folders will be
    //located by alphabetical order. But we want to list all folders first, followed
    //by files. By adding the results to arrays first we can decide to print our
    //results in the order we want.
    
    $folderArray = array();
    $fileArray = array();
    
    $folderCount = 0;
    $fileCount = 0;
    
    while(false !==($file=readdir($handler)))
    {    
        if($file != "" && $file != null && $file != "." && $file != "..")
        {
            
            $extensionLocation = strrpos($file, ".");
            
            //Is this a folder or a file?
            if($extensionLocation == null && $extensionLocation == "")
            {
                //This is a folder unless it's the error_log file.
                if($file != "error_log")
                {
                    //Nope, it's definitly a folder. Add it to the folder array.
                    $folderCount++;
                    $folderArray[$folderCount] = $file;
                }
            }
            else
            {
                //This is a file. Add it to the file array.
                $fileCount++;
                $fileArray[$fileCount] = $file;
            }
        }
    }
    
    if($path != 'goldensub/')
    {
        echo "\t<li title='goldensub/' type='folder'>\n\t\t<img src='images/up.png'> goldensub\n\t</li>\n";
    }
    
    for($i = 1; $i<=$folderCount; $i++)
    {
        $newPath = $path.$folderArray[$i].'/';
        echo "\t<li title='$newPath' type='folder'>\n\t\t<img src='images/folderOpen.png'> $folderArray[$i]\n\t</li>\n";
    }
    
    for($i = 1; $i<=$fileCount; $i++)
    {
        $extensionLocation = strrpos($fileArray[$i], ".");
        $nameLength = strlen($fileArray[$i]);
        $extensionLength = $nameLength-$extensionLocation;
        $nameClean = substr($fileArray[$i], 0, $extensionLocation);
        $extension = substr($fileArray[$i], $extensionLocation+1, $nameLength);
        echo "\t<li title='$fileArray[$i]' type='file' extension='$extension'>\n\t\t\n\t<img src='images/$extension.png'> $nameClean\n\t</li>\n";
    }
    echo "</ul>";
?>

filemanager.js
Code:

    $("li").click(function(){
        var type = $(this).attr("type");
        //This is a folder
        if(type == "folder")
        {
            //Path to new directory
            var newPath = $(this).attr("title");
            //Ajax request to filemanager_getfiles.php
            $("#goldenSubFiles").load("filemanager_getfiles.php", { dir: newPath }, function(data){
                //Update log
                newLog("Directory changed to <i><b>"+newPath+"</b></i>");
            });
        }
        //This is a file
        else
        {
            if($(this).hasClass("selected"))
            {
                //It's already selected - deselect it.
                $(this).removeClass("selected");
            }
            else
            {
                //Select it
                $(this).addClass("selected");
            }
        }
    });

Does anyone know how to make URL links that use Javascript still work when
users have Javascript disabled on their browser?

The only reason I'm using JS on a URL is because my link opens a PDF file, and I'm forcing it not to cache so users have the latest version.

I tried the <script><noscript> tags, but I'm not sure if I'm using it
correctly, as my URL completely disappears.

Below is my HTML/Javascript code:

<p class="download">
<script type="text/javascript">document.write("<span
style=\"text-decoration: underline;\"><a href=\"javascript:void(0);\"
onclick=\"window.open(
'http://www.webchild.com.au/mediakit/Direct_Media_Kit_Web.pdf?nocache='+
Math.floor( Math.random()*11 ) );\" >The Child Magazines Media
Kit</a></span> (PDF 1 MB) ");</script>
<noscript><span style="text-decoration: underline;"><a
href="http://www.webchild.com.au/mediakit/Direct_Media_Kit_Web.pdf"
>The Child Magazines Media Kit</a></span> (PDF 1 MB)</noscript>
</p>


Thanks for any help,
Michael

I have a script that clicks links how can i make it not click a certain. Such as how to make it dont click red link or dont click bold links.

Code:

var waiting_time = 30;
var range_to = 15;

var shuffle = function(o){
	if(Math.floor(Math.random() * o.length) % 2) return o;
	for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
	return o;
},
isAds = function(o) {
	try {
		return o.href.match(/cks\.php\?k\=[0-9A-Fa-f]+\&cdk\=flase/) != null && o.parentNode.parentNode.parentNode.parentNode.getElementsByTagName('div')[1].className == 'image'
	}
	catch(e) {
		return false
	}
},
correctURL = function(r) {
	return window.location.href.match(r) != null
},
setStatus = function(o, m) {
	o.parentNode.parentNode.parentNode.innerHTML = m
},
addevent = function(o, f) {
	document.getElementById(o).addEventListener('click', f, false)
},
byTag = function(t) {
	return document.getElementsByTagName(t)
},
byName = function(n) {
	return document.getElementsByName(n)
},
newTag = function(t) {
	return document.createElement(t)
},
getwtime = function(o) {
	var i, a = o.parentNode.parentNode.parentNode.parentNode.getElementsByTagName('div');
	for(i = 0; i < a.length; i++)
		if(a[i].className == "counter")
			return a[i].innerHTML.match(/([0-9]+) seconds/)[1]
},
strip = function(s) {
	var str = String(s).split("</td>").join("\r"),
	reg = /<td\s*width=['"]?100\%['"]?\s*>([^\r]+)\r/,
	match = str.match(reg),
	search = str.search(reg),
	out = [], i = 0, tmp;
	while(match) {
		str = str.substr(search + match[0].length, str.length);
		out[i] = match[1].replace(/\s*<script[^>]+>[\S\s]+<\/script>\s*/, "");
		out[i] = out[i].replace(/<img[^>]+>/, "");
		i++;
		match = str.match(reg);
		search = str.search(reg);
	};
	return (out.length ? "<table><tr><td>"+out.join("</td><td>")+"</td></tr></table>" : "NO MATCH");
},
login = function() {
	var a = byTag("a"), I;
	for(I = 0; I < a.length; I++)
		if(a[I].href.match(/logout\.php/)) 
			return true;
	return false
}(),
autosurf = false;
if(correctURL(/\/ads\.php/)) {
	if(login) {
		var A = byTag("a"), i, html = "", timer,
		table = document.getElementById('content'),
		robot = newTag('div'),
		urls = [],
		current = 0,
		msg,
		tmr,
		load = function() {
			clearInterval(timer);
			timer = null;
			if(!urls[current]) {
				if(typeof autosurf == 'function')
					autosurf();
				return
			};
			var ajax = new XMLHttpRequest();
			ajax.onreadystatechange = function() {
				try {
					if(ajax.readyState == 4) {
						if(ajax.status == 200) {
							if(String(ajax.responseText).match(/You have already viewed this advertisement/)) {
								msg.innerHTML = "Ads already opened, loading next ads...";
								setStatus(urls[current], "OPENED");
								current++;
								timer = setInterval(load, 1000)
							}
							else if(String(ajax.responseText).match(/Couldn't find an advertisement/)) {
								msg.innerHTML = "Ads expired, loading next ads...";
								setStatus(urls[current], "EXPIRED");
								current++;
								timer = setInterval(load, 1000)
							}
							else if(String(ajax.responseText).match(/You don't have permission to view this advertisement/)) {
								msg.innerHTML = "Forbidden Ads, loading next ads...";
								setStatus(urls[current], "FORBIDDEN");
								current++;
								timer = setInterval(load, 1000)
							}
							else {
								var j = urls[current].wtime,
								validate = function() {
									var ajx = new XMLHttpRequest();
									ajx.onreadystatechange = function() {
										try {
											if(ajx.readyState == 4) {
												if(ajx.status == 200) {
													msg.innerHTML = "Ad click, opening next ads...";
													setStatus(urls[current], "Ad Clicked & Confirmed");
													current++;
													timer = setInterval(load, 1000)
												}
												else {
													msg.innerHTML = "Connection error, retrying...";
													validate()
												}
											}
										}
										catch(e) {
											msg.innerHTML = "Validation error, retrying...";
											validate()
										}
									};
									msg.innerHTML = "Validating...";
									ajx.open("GET", "cmp.php?complete&amp;", true);
									ajx.send(null)									
								};
								tmr = setInterval(function() {
									if(j < 0) {
										validate();
										clearInterval(tmr);
										tmr = null;
										return
									};
									msg.innerHTML = "Ads loaded, waiting for "+j+" seconds...";
									j--
								}, 1000)
							}
						}
						else {
							msg.innerHTML = "Loading error, retrying...";
							timer = setInterval(load, 1000)
						}
					}
				}
				catch(e) {
					msg.innerHTML = "Loading error, retrying...";
					timer = setInterval(load, 1000)
				}
			};
			msg.innerHTML = "Loading ads <b id='JFClickBot-current'>\""+(urls[current].parentNode.parentNode.parentNode.getElementsByTagName('a')[0].innerHTML)+"\"</b>...<br /><div id='JFClickBot-loading'></div>";
			ajax.open("GET", urls[current].href, true);
			ajax.send(null)
		};
		for(i = 0; i < A.length; i++) {
			try {
				if(isAds(A[i])) {
					urls[urls.length] = A[i];
					urls[urls.length - 1].wtime = getwtime(A[i])
				}
			}
			catch(e) {}
		};
		robot.id = "JFClickBot-container";
		robot.align = "center";
		html = "<style>";
		html += "#JFClickBot-container *{font-family:arial;color:black;font-weight:bold;text-decoration:none}";
		html += "#JFClickBot-container{display:block}";
		html += "#JFClickBot,#JFClickBot-title,#JFClickBot-container a.button{-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;border: 1px solid #d91a2d}";
		html += "#JFClickBot-container a.button{padding:10px;color:#000;background:#d91a2d}";
		html += "#JFClickBot-container a.button:hover{color:#fff;background:#333}";
		html += "#JFClickBot{padding:2px;display:block;width:900px;background:#fff;text-align:left}";
		html += "#JFClickBot-title{display:block;padding:5px;background:#d91a2d;color:#fff}";
		html += "#JFClickBot-msg{line-height:2em}";
		html += "</style>";
		html += "<div id='JFClickBot'><div id='JFClickBot-title'>JFClickBot For Gen4 Sites</div><br /><div id='JFClickBot-msg' align=center>";
		html += "<b style='font-size:20px'>Warning</b><br />By Using This Tool You Agree to The Terms Of Use On <a href='http://clickbots.justfreebies.net' rel="nofollow" target='_blank'>ClickBots</a>.<br> We Are Not Resposible For Your Action, USE AT YOUR OWN RISK.<br><a href='http://clickbots.justfreebies.net' rel="nofollow" target='_blank'>&copy; PTC ClickBots</a>";
		html += "</div><br />";
		html += "<center>"+(urls.length ? "<a href='javascript:;' class='button' id='adsclick'>Click All Ads ("+urls.length+")</a>" : "<a href='javascript:;' class='button'>No ads</a>")+"&nbsp;&nbsp;<a href='http://clickbots.justfreebies.net/features.php' class='button' rel="nofollow" target='_blank'>Features</a>&nbsp;<a href='http://clickbots.justfreebies.net/purchase.php' class='button' rel="nofollow" target='_blank'>Purcahse Site</a>&nbsp;<a href='http://clickbots.justfreebies.net/donate.php' class='button' rel="nofollow" target='_blank'>Donate</a></center><br />";
		html += "</div></div>";
		robot.innerHTML = html;
		table.parentNode.insertBefore(robot, table);
		msg = document.getElementById("JFClickBot-msg");
		if(urls.length) {
			urls = shuffle(urls);
			addevent("adsclick", function(){
				autosurf = function() {
					msg.innerHTML = "Done !";
					alert(msg.innerHTML);
				};
				this.parentNode.style.display = 'none';
				timer = setInterval(load, 1000);
			})
		};
		addevent('silversurfer', function(){
			alert("Sorry this features isnt available yet.");
			return;
			this.parentNode.style.display = 'none';
			msg.innerHTML = "Auto surf mode activated...";
			var adscontainer = newTag('div');
			document.body.appendChild(adscontainer);
			adscontainer.style.display = 'none';
			autosurf = function() {
				urls = [];
				current = 0;
				msg.innerHTML = "Reloading ads, finding new ads...";
				var sec = Math.ceil(Math.random() * range_to * 60),
				j = sec,
				tm, 
				ajx,
				reloadads = function() {
					msg.innerHTML = "Reloading ads, finding new ads...";
					ajx = new XMLHttpRequest();
					ajx.onreadystatechange = function() {
						try {
							if(ajx.readyState == 4) {
								if(ajx.status == 200) {
									msg.innerHTML = "Loaded, clearing codes and finding available ads...";
									adscontainer.innerHTML = strip(ajx.responseText);
									A = adscontainer.getElementsByTagName('a');
									for(i = 0; i < A.length; i++) {
										try {
											if(isAds(A[i]))
												urls[urls.length] = A[i]
										}
										catch(e) {}
									};
									if(urls.length) {
										urls = shuffle(urls);
										msg.innerHTML = urls.length + " ads found";
										timer = setInterval(load, 1000)
									}
									else {
										msg.innerHTML = "No ads found";
										autosurf()
									}
								}
								else {
									msg.innerHTML = "Loading error, retrying...";
									reloadads()
								}
							}
						}
						catch(e){
							msg.innerHTML = "Loading error, retrying...";
							reloadads()
						}
					};
					ajx.open('GET', 'ads.php', true);
					ajx.send(null)
				};
				tm = setInterval(function() {
					if(j < 0) {
						clearInterval(tm);
						tm = null;
						msg.innerHTML = "Time's up, reloading...";
						reloadads()
					}
					else {
						msg.innerHTML = "Waiting for "+j+" seconds before reloading...";
						j--
					}
				}, 1000)
			};
			if(urls.length)
				timer = setInterval(load, 1000)
			else 
				autosurf()
		})
	}
}
else if(correctURL(/\/register\.php/)) {
	var r = byName('6')[0], ref, cty, ori;
	if(r && force_referal_to) {
		ref = newTag('input');
		ref.type = "hidden";
		ref.name = "6";
		ref.value = force_referal_to;
		r.form.insertBefore(ref, r.form.firstChild);
		r.name = "ref";
		r.value = "";
		cty = byName('7')[0];
		ori = cty.value;
		cty.parentNode.removeChild(cty);
		r.form.getElementsByTagName('table')[0].rows[7].cells[1].innerHTML = "<input type=text name='7' value='"+ori+"' style='text-transform:uppercase' />"
	}
}
else if(correctURL(/\/forum/)) {
	try {
		var name = byName('a_name')[0], tr = newTag('tr');
		name.parentNode.parentNode.parentNode.insertBefore(tr, name.parentNode.parentNode);
		tr.innerHTML = "<td>Username</td><td>:</td><td><input type=text name='a_name' value='"+name.value+"' style='width:100%'/></td>";
		name.parentNode.removeChild(name)
	}
	catch(e) {}
}

Hi! frnds, I was wondering if you could help me with the JavaScript programing...

Every possible help will be appreciated

I am very new to the world of programming and JavaScript but I have some Ideas which I would like to execute and I will learn anything and everything in the way to accomplish them...

Program:

user end: the page is about users priorities and displaying back the selected... the program work as a user reaction based comparison module...
where the priorities stored in the program are shown 2 at a time and lets user to select what is more important to him and stores the result in another variable than that variable is shown with another variable which is already stored and the result out of that is stored in another new variable and so on.. in the end it show the result of important selected priorities...

1) say there are 6 variables storing string values:

Code:

 <script type = "text/javascript"> 
 var p1 = "Doctors appointment"; 
 var p2 = "studying for the exam"; 
 var p3 = "Going out for most awaited shopping"; 
 var p4 = "Login on Facebook"; 
 var p5 = "Replying to text msgs"; 
 var p6 = "Go out with friends";

2) there are two sections on the html document:

i) where the variables are displayed dynamically and changes the value on click..
it works like a comparison where user selects (onclick) what is more important to him shows the next value and so on...
in the end stores the result...

functioning(I have no I idea how to do this): say on the html document only two variables are displayed at first and than the user selects one of it as more important to him so the result is stored in another new variable than that new variable is shown with the third stored variable and once one of them is selected it is stored in another new variable and is compared with forth stored variable and so on till the last selected is stored as the result1...

all comparisons must happen on the same div of the html document procedure has to loop three times till 3 results (result1, result2, result3) out of six are selected more important...
result1 has to be removed from the next loop for result 2 as result1 is already selected important by the user..
result1 and result2 are to be removed from the next loop for result 3 as they are already selected important by the user

ii) the second section displays important 3 results (result1, result2, result3) selected by him...


my friend told jQuery can do the dynamic comparison part but I don't know how to use it...

the logic of creating new variable for storing result and then comparing can be improved or changed...

Please help

Hello,
Actually i know nothing about javascript.
i have form and i need help to make javascript
this is the form:

</head>
<SCRIPT language = "javascript">

function checkTotal() {

function calculate()
{
A = parseFloat(document.form1.Qty.value);
B = document.form1.selection.value; ---> 'please help i don't know the script command about onClick' and onChange combination'

C = (A + B) *
document.form1.total.value = C;
}

</SCRIPT>
<body>
<form name="form1" method="post" action="">
<table width="66%" border="0" id="form_table">
<caption>
My Form
</caption>
<tr>
<th width="41%"> <p>Qty ›</p></th>
<td width="59%"><p>
<input type="text" size="7" name="Qty">

<select name="selection" id="selection" onChange='Value'>
<option value"1.00">Doll 1</option>
<option value"2.00">Doll 2</option>
<option value"3.00">Doll 3</option>
<option value"4.00">Doll 4</option>

</select>
<br>
Enter Qty and selection</p></td>

</tr>
<tr>
<th>Merchandise ›</th>
<td>
<p>
<input type="radio" name="None" value="0.00" onClick="">
None<br>
<input type="radio" name="Key Chain 1" value="2.00" onClick=""checked>
Key Chain 1<br>
<input type="radio" name="Key Chain 2" value="3.00" onClick="" />
Key Chain 2</p></td>
</tr>
<tr>
<th>Additional ›</th>
<td><input type="checkbox" name="Story Book" value="4.00" onClick="" checked="checked" />
Story Book
<br>
<input type="checkbox" name="Mug" value="3.00" onClick="" />
Mug
<br></td>
</tr>
<tr>
<th>TOTAL›</th>
<td><input type="text" style="background-color: #DCDDDD;" size="17" value="" name="Total" /></td>
</tr>
<tr>
<th> </th>
<td>
<input type="submit" name="submit" value="Calculate" onClick = "javascript:calculate()">
<input type="reset" value="Reset">
</td>
</tr>
</table>
</form>
</body>
</html>

i need to get result from TOTAL checkout(input text) that sum from the value of options above (dropdown menu, checkbox, and radio button) multiplied by tax (4%)

Coding master please help.
Thank you very much.

i need a racing game in java graphics doesn't matter but speed should be good ?

Hi im making a calculator and there is a box that returns a fraction but i can only get the decimal
here is what ive got so far:
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>


  
  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"><title>rivet calculator</title>
  

  
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"></head><body>
<p style="text-align: center;">
<a href="website.html"><img style="border: 0px solid ; width: 278px; height: 50px;" alt="" src="file:///Y:/TEMP/cody%20shoemake/old%20comp%20stuff/Documents/LOGO.png"></a><font size="+2"><span style="font-family: Century Gothic;"><font style="text-decoration: underline;" size="+3"><br>
Rivet
Calculator<span style="text-decoration: underline;"><span style="text-decoration: underline;"><span style="text-decoration: underline;"><span style="text-decoration: underline;"><span style="text-decoration: underline;"></span></span></span></span></span></font></span></font><br>
</p>

<font size="+2"><span style="font-family: Century Gothic;"><font style="text-decoration: underline;" size="+3"><span style="text-decoration: underline;"><span style="text-decoration: underline;"><span style="text-decoration: underline;"><span style="text-decoration: underline;"><span style="text-decoration: underline;">
</span></span></span></span></span></font></span></font>

<div style="text-align: left;"><font size="+2"><span style="font-family: Century Gothic;"> </span></font>


<script type="text/javascript">
// From: http://www.codingforums.com/showthread.php?p=857884#post857884

function RDcalc1() {
//  document.rc.ds.value="67";
//  if (document.rc.ds.value=="67") { document.rc.rds.value=""; } // not a valid logical test -- what are you trying to do here???	
  document.rc.rds.value='';
}
function RDcalc2() {
  document.rc.fd.value=document.rc.rds.value/32;
  document.rc.dd.value=(document.rc.rds.value/32).toFixed(2);
  document.rc.bl.value=(document.rc.rds.value/32*1.5).toFixed(2);
  document.rc.red.value=(document.rc.dd.value*2+1/16).toFixed(2);
  document.rc.med.value=(document.rc.dd.value*1.86).toFixed(2);
  document.rc.cdmed.value=(document.rc.dd.value*2).toFixed(2);
}
function RDcalc3() {
  document.rc.dn.value=((Number(document.rc.bl.value)+Number(document.rc.suv.value))/.0625).toFixed(2);
  document.rc.red.value=(document.rc.dd.value*2+1/16).toFixed(2);
  document.rc.med.value=(document.rc.dd.value*1.86).toFixed(2);
  document.rc.cdmed.value=(document.rc.dd.value*2).toFixed(2);
  document.rc.mrs.value=(document.rc.dd.value*4).toFixed(2);
}	
</script>
<form name="rc">
  <table style="text-align: left; margin-left: auto; margin-right: auto;">
    <tbody>
      
      <tr>
        <td>
        <br>

</td>
        <td colspan="2" rowspan="1" style="text-align: left;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Stack Up Value</td>

      </tr>
      <tr>
        <td style="vertical-align: top;"><br>
        </td>
        <td colspan="2" rowspan="1" style="vertical-align: top;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input name="suv" onkeyup="RDcalc3()" type="text"></td>

      </tr>
<tr>
        <td style="vertical-align: top;"><br>

</td>
        <td colspan="2" rowspan="1" style="vertical-align: top;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Rivet Dash # &nbsp; &nbsp; &nbsp;
        <select name="rds" onchange="RDcalc1(this.value);RDcalc2();RDcalc3()">


<option onclick='document.rc.ds.value="67";document.rc.dsnd.value="0.0320"' selected="selected">1</option>
<option onclick='document.rc.ds.value="51";document.rc.dsnd.value="0.0670"'>2</option>
<option onclick='document.rc.ds.value="40";document.rc.dsnd.value="0.0980"'>3</option>
<option onclick='document.rc.ds.value="30";document.rc.dsnd.value="0.1285"'>4</option>
<option onclick='document.rc.ds.value="21";document.rc.dsnd.value="0.1590"'>5</option>
<option onclick='document.rc.ds.value="11";document.rc.dsnd.value="0.1910"'>6</option>
<option onclick='document.rc.ds.value="1";document.rc.dsnd.value="0.2280"'>7</option>
<option onclick='document.rc.ds.value="F";document.rc.dsnd.value="0.2570"'>8</option>
<option onclick='document.rc.ds.value="L";document.rc.dsnd.value="0.2900"'>9</option>

<option onclick='document.rc.ds.value="O";document.rc.dsnd.value="0.3160"'>10</option>
<option onclick='document.rc.ds.value="S";document.rc.dsnd.value="0.3480"'>11</option>
<option onclick='document.rc.ds.value="V";document.rc.dsnd.value="0.3770"'>12</option>
<option onclick='document.rc.ds.value="Z";document.rc.dsnd.value="0.4130"'>13</option>
<option onclick='document.rc.ds.value="29/64";document.rc.dsnd.value="0.4531"'>14</option>
        </select>




        </td>

      </tr>
      <tr>
        <td colspan="3" rowspan="1" style="vertical-align: top;">
        <hr style="width: 100%; height: 2px;"><br>
        </td>
      </tr>
<tr>
        <td>Fraction Diameter</td>
        <td><input name="fd" readonly="readonly" type="text"></td><td>Buck Length&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input name="bl" readonly="readonly" type="text"></td>

      </tr>
      <tr>
        <td>Decimal Diameter</td>
        <td><input name="dd" readonly="readonly" round_05up="" type="text"></td><td>Dash
#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input name="dn" readonly="readonly" type="text"></td>

      </tr>
      
      
      <tr>

        <td>Drill Size</td>
        <td><input name="ds" readonly="readonly" type="text"></td><td>Recommended ED&nbsp;&nbsp;&nbsp; <input name="red" readonly="readonly" type="text readonly="></td>

      </tr>
      <tr>
        <td>Drill Size Nominal Diameter</td>
        <td><input name="dsnd" readonly="readonly" type="text"></td><td>Minimum ED&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input name="med" input="" readonly="readonly" type="text"></td>

      </tr>
      <tr>
      </tr>
      
      
      <tr>
        <td>CSK/DIMPL E Minimum ED</td>
        <td><input name="cdmed" input="" readonly="readonly" type="text"></td><td>Multi-Row Spacing&nbsp;&nbsp; <input name="mrs" input="" readonly="readonly" type="text"></td>

      </tr>
      
    </tbody>
  </table>
</form>
<br>
<font size="+2"><span style="font-family: Century Gothic;"></span></font></div>
<font size="+2"><span style="font-family: Century Gothic;"><br>
<br>
<br>
<br>
</span></font>
</body></html>

Hi,
well earlier i asked for a script which can load game which showing some banner until the game is loading and the load progress that it shows, it shouldn't be fake, many people said you need flash for it, but atlast i found a script that can do that for me.
BUT there is a issue when i started using the script in the script the width and height can be in px like width 500 but it can't be made to width 100% when i make it 100% the script stops working.
I can't use px or any other thing except 100% as i want the flash to increase its width and height with the change in screen resolution.

Here is the script, you can make a demo html file out of it for testing purposes, if you don't want to make one i am ready to provide a demo page too, please leave a comment for it. Thank you ^_^

Code:

<!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Pre-roll Example page</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
    <script type="text/javascript" src="http://files.cryoffalcon.com/woro/preroll.dev.js"></script>
    <style>
		.gamecontent				{width:923px;padding:0px;margin:0px auto 0px auto;background-color:#FFF;}
		.gamecontent .gamewrapper	{margin:0px auto 0px auto;}
		.gamecontent .game			{float:left;margin:0px auto 0px auto;padding:0px;overflow:hidden;width:1px;height:1px}
		.gamecontent .ad			{display:none;width:300px;height:300px;margin:0px auto 0px auto;padding:50px auto 0px auto;text-align:center;font-size:10px}
		.gamecontent .ad #progress	{width:200px;height:10px;margin:10px auto 0px auto;padding:0px;border:solid 1px #E7B9D1;text-align:left;}
		.gamecontent .ad #pbar		{width:0px;height:10px;background-color:#CCC;}
		.gamecontent .ad #pskip		{text-align:center;}	
		.medrectangle				{width:300px;height:250px;border:none}
	</style>
</head>

<body>
<div class="gamecontent">
    <div class="gamewrapper" style="height:640px;width:640px;">
      <div class="game" id="gameframe"></div>
        <div id="adframe" class="ad">
            <div>Advertisement</div>
            <div id="plad"></div>
            <div id="progress"></div>
        </div>
        <noscript>	
            <div>
                 <!--Game embed code should be placed here here-->
            </div>
        </noscript>
 	</div>
</div>

<script type="text/javascript" language="javascript">
var af = 'adframe';
var gf = 'gameframe';
var gid = 'gameswf';
var adinvoke = '<iframe class="medrectangle" src="<!--to show my logo or ad-->" scrolling="no"></iframe>';

function skipad() {
	$('#plad').html('<div></div>');
	$('#'+af).hide();
	$('#'+gf).css('width','640px');
	$('#'+gf).css('height','640px');
}
$('#gameframe').preloadad(
	{  // calls the init method
	  swf	 	: 'http://games.balloontowerdefense.net/b/balloon_tower_defense_4_expansion.swf',
	  width  	: 640,
	  height 	: 640,
	  gameid	: gid,
	  gameframe : gf,
	  adframe 	: af,
	  adcode	: adinvoke,
	  pltime 	: 10000,
	  gametype	: 'swf',
	  base		:'http://games.balloontowerdefense.net/b/',
	  skiptxt	: 'Click here to show the game',
	  showad	:'1'
	});
</script>

</body>
</html>

in the above code the 640 width and height is the issue, as it doesn't work with 100% values, i was wondering how to make it work with 100% width and height. I don't know what did i miss or where did i go wrong?